.phaseCompletionWarningComponent-popup {
    width: 560px;
}

    .phaseCompletionWarningComponent-popup > .modal-content {
        border-radius: 4px;
        border: none;
        background: transparent;
        box-shadow: 0 2px 4px 0 rgba(0, 41, 199, 0.2);
        background: #ffffff;
    }

        .phaseCompletionWarningComponent-popup > .modal-content .md-body {
            max-height: 470px;
            padding: 16px 20px 20px 20px;
        }

            .phaseCompletionWarningComponent-popup > .modal-content .md-body .descriptionTitle {
                font-family: GlowRegular;
                font-size: 16px;
                color: #4a4a4a;
                max-height: 200px;
                overflow: hidden;
            }

            .phaseCompletionWarningComponent-popup > .modal-content .md-body .description {
                font-family: GlowRegular;
                font-size: 16px;
                color: #4a4a4a;
                margin-top: 10px;
                margin-bottom: 20px;
            }


                .phaseCompletionWarningComponent-popup > .modal-content .md-body .childInfoContainer .childInfo {
                    display: flex;
                    width: 100%;
                    min-height: 30px;
                    align-items: flex-start;
                }

                    .phaseCompletionWarningComponent-popup > .modal-content .md-body .childInfoContainer .childInfo .checkboxContainer {
                        flex: 0 0 20px;
                        padding-top: 1px;
                    }

                    .phaseCompletionWarningComponent-popup > .modal-content .md-body .childInfoContainer .childInfo .infoContainer {
                        padding-top: 1px;
                    }

                        .phaseCompletionWarningComponent-popup > .modal-content .md-body .childInfoContainer .childInfo .infoContainer .currentItemsInfo {
                            font-family: GlowRegular;
                            font-size: 14px;
                            color: #4a4a4a;
                            word-break: break-all;
                            padding-right: 10px;
                        }

                            .phaseCompletionWarningComponent-popup > .modal-content .md-body .childInfoContainer .childInfo .infoContainer .currentItemsInfo.notChecked {
                                opacity: 0.4;
                            }

                        .phaseCompletionWarningComponent-popup > .modal-content .md-body .childInfoContainer .childInfo .infoContainer .phasesSelectionContainer {
                            display: inline-block;
                            width: 220px;
                            margin-top: 10px;
                        }

                            .phaseCompletionWarningComponent-popup > .modal-content .md-body .childInfoContainer .childInfo .infoContainer .phasesSelectionContainer .tag {
                                margin-top: 0;
                            }

        .phaseCompletionWarningComponent-popup > .modal-content .footer {
            padding: 16px 20px 0 20px;
            height: 70px;
            border-top: 1px solid #e0e0e0;
        }

            .phaseCompletionWarningComponent-popup > .modal-content .footer .ui-btn-grey {
                height: 38px;
                width: 104px;
            }

            .phaseCompletionWarningComponent-popup > .modal-content .footer .ui-btn-light {
                width: 131px;
            }