/* Minification failed. Returning unminified contents.
(2,22): run-time error CSS1039: Token not allowed after unary operator: '-background-noibat'
(39,21): run-time error CSS1039: Token not allowed after unary operator: '-color-daidien'
(63,36): run-time error CSS1039: Token not allowed after unary operator: '-color-daidien'
(67,25): run-time error CSS1039: Token not allowed after unary operator: '-color-daidien'
(75,30): run-time error CSS1039: Token not allowed after unary operator: '-color-daidien'
(139,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-section'
(146,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-content'
(147,25): run-time error CSS1039: Token not allowed after unary operator: '-box-border-radius'
(185,1): run-time error CSS1019: Unexpected token, found '@'
 */
#content {
    background: var(--background-noibat);
}

/*#region đại diện*/
.item-bai-viet{
    background: white;
    margin-bottom: 20px;
}

.wrapDaiDiemNganh {
    min-height: 415px;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .wrapDaiDiemNganh > .setWrapper {
        display: flex;
    }

        .wrapDaiDiemNganh > .setWrapper > * {
            flex: 1;
        }

        .wrapDaiDiemNganh > .setWrapper > .video-nganh > .title-nganh {
            display: none;
        }

        .wrapDaiDiemNganh > .setWrapper > .content-nganh {
            text-align: center;
            padding-left: 5px;
        }

    .wrapDaiDiemNganh .title-nganh {
        font-family: "Roboto",Arial,Tahoma,sans-serif !important;
        color: var(--color-daidien);
        font-weight: 600;
        font-size: 30px;
        margin-top: 26px;
        margin-bottom: 20px;
        text-transform: uppercase;
        min-width: 430px;
        line-height: 1.5;
    }

    .wrapDaiDiemNganh > .setWrapper > .content-nganh > .des-mota-nganh > * {
        margin-bottom: 0px;
        font-weight: 600;
        font-size: 14px;
        font-style: italic;
        margin-bottom: 0px;
    }

    .wrapDaiDiemNganh > .setWrapper > .content-nganh > .wrap-button {
        margin-top: 20px;
    }

        .wrapDaiDiemNganh > .setWrapper > .content-nganh > .wrap-button > button {
            cursor: pointer;
            border: 1px solid var(--color-daidien);
            background: none;
            border-radius: 7px;
            padding: 6px 18px;
            color: var(--color-daidien);
            font-size: 15px;
            font-weight: 600;
            padding: 3px 20px;
        }

        .wrapDaiDiemNganh > .setWrapper > .content-nganh > .wrap-button > .btn-nhantuvanngay {
            margin-right: 20px;
            background: var(--color-daidien);
            color: white;
        }

@media(max-width: 768px) {
    .wrapDaiDiemNganh {
        height: 300px;
        min-height: 300px;
        max-height: 300px;
        margin-top: 0px;
        background-size: cover;
    }

        .wrapDaiDiemNganh > .setWrapper {
            display: flex;
            flex-wrap: wrap;
        }

        .wrapDaiDiemNganh .title-nganh {
            font-size: 15px;
        }

        .wrapDaiDiemNganh > .setWrapper > .video-nganh > .title-nganh {
            display: block;
            margin-bottom: 10px;
            min-width: auto;
        }

        .wrapDaiDiemNganh > .setWrapper > .content-nganh > .title-nganh {
            display: none;
        }

        .wrapDaiDiemNganh > .setWrapper > .video-nganh {
            text-align: center;
        }

            .wrapDaiDiemNganh > .setWrapper > .video-nganh img {
                display: inline-block;
            }

        .wrapDaiDiemNganh > .setWrapper > .content-nganh {
            padding-left: 0px;
            margin-top: 10px;
        }

        .wrapDaiDiemNganh > .setWrapper > .video-nganh,
        .wrapDaiDiemNganh > .setWrapper > .content-nganh {
            flex-basis: 100%;
            width: 100%;
            padding-left: 5px;
            padding-right: 5px;
        }

            .wrapDaiDiemNganh > .setWrapper > .content-nganh > .wrap-button > button {
                margin-bottom: 10px;
                margin-right: 0px !important;
                text-align: center;
            }
}

/*#endregion*/

/*region Video*/
.wrap-video {
    padding: var(--padding-section) 0px;
}
.clsVideo {
    height: 210px;
    text-align: left;
    padding: 5px;
    border-radius: 5px;
    box-shadow: var(--box-shadow-content);
    border-radius: var(--box-border-radius);
    overflow-y: hidden;
    margin: 5px;
}
/*#endregion*/

#myModalVideo .modal-header {
    display: none;
}

#myModalVideo .clsLoadPopupVideo {
    background: none;
}

#myModalVideo > .modal-dialog {
    min-width: 720px;
    margin-top: 15vh;
}

#myModalVideo .clsLoadPopupVideo {
    padding-bottom: 0px !important;
}

.wrap-form-dangky {
    display: flex;
    
}

.modal-content {
    border-radius: unset;
    
}

.modal-body{
    padding:0px !important;
    
}

@@media(max-width: 768px) {
    #myModalRegisTry {
        background: none;
    }

        #myModalRegisTry > .modal-dialog {
            min-width: fit-content;
            width: fit-content;
            height: fit-content;
            /*margin: 0 10px;*/
            margin: 10vh auto;
        }

        #myModalRegisTry textarea.form-control {
            height: auto !important;
        }

    .wrap-form-dangky {
        display: block;
    }

        .wrap-form-dangky > div {
            width: 100%;
            flex-basis: 100%;
        }

        .wrap-form-dangky > .content-right > .wrap-button > .btn-dangky {
            width: 100%;
            margin-top: 10px;
        }

    #slNhanVien, #ghiChu {
        display: none;
    }
}
