.center-cus {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

button:disabled,
button[disabled] {
    opacity: 0.5;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.grecaptcha-badge {
    visibility: hidden;
}

.disable-event {
    pointer-events: none;
}

.drag-drop-zone {
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
    box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
    color: #000;
    font-size: 13px;
    cursor: pointer;
    position: relative;
}

    .drag-drop-zone input[type=file] {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

ul.list-image-zone {
    padding-left: 0px;
}

    ul.list-image-zone li {
        list-style: none;
        float: left;
        padding-left: 10px;
    }

    ul.list-image-zone img {
        width: 60px;
        height: 60px;
    }

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red !important;
    clear: both;
}

/*start news*/
.newstitle {
    font-weight: bold;
    color: #333;
    font-size: 20px;
    text-transform: unset
}

.divnews {
    max-width: 1000px;
    margin: auto
}

.newscontent {
    padding: 10px 0
}

    .newscontent img {
        max-width: 100% !important
    }

.newsimg {
    text-align: center
}

    .newsimg img {
        max-width: 90%
    }

.newsdesc {
    padding: 5px 0;
    color: #555;
    font-weight: 600;
    line-height: 140%
}
/*end news*/

.s404 {
    padding-top: 65px;
    padding-bottom: 85px
}

.s404,
.s404__img {
    text-align: center
}

.s404__img {
    margin: 0 auto
}

    .s404__img img {
        width: 32.8571428571em
    }

.s404__title {
    font-size: 2.5714285714em;
    font-weight: 600;
    color: #000;
    font-family: UVNHongHaHepBold,sans-serif
}

    .s404__title span {
        color: red
    }

.s404__desc {
    line-height: 2;
    margin-top: 1.4em
}

.s404__link {
    margin-top: 1.8571428571em
}

    .s404__link .btn {
        text-transform: none;
        min-width: 13.3571428571em
    }

        .s404__link .btn i {
            font-size: 1.4285714286em;
            line-height: 1;
            display: inline-block;
            vertical-align: top;
            margin-right: .6em
        }

@media (max-width:1219.98px) {
    .s404__img {
        font-size: 1em
    }

    .s404__title {
        font-size: 2.1428571429em
    }
}

@media (max-width:767.98px) {
    .s404 {
        padding-top: 5px;
        padding-bottom: 35px
    }

    .s404__img {
        font-size: .7142857143em
    }

    .s404__title {
        font-size: 1.8571428571em
    }
}

@media (max-width:575.98px) {
    .s404 {
        padding-top: 5px;
        padding-bottom: 30px
    }

    .s404__img {
        font-size: .5714285714em
    }
}

.s500 {
    padding-top: 65px;
    padding-bottom: 85px
}

.s500,
.s500__img {
    text-align: center
}

.s500__img {
    margin: 0 auto
}

    .s500__img img {
        width: 32.8571428571em
    }

.s500__title {
    font-size: 2.5714285714em;
    font-weight: 600;
    color: #000;
    font-family: UVNHongHaHepBold,sans-serif
}

    .s500__title span {
        color: red
    }

.s500__desc {
    line-height: 2;
    margin-top: 1.4em
}

.s500__link {
    margin-top: 1.8571428571em
}

    .s500__link .btn {
        text-transform: none;
        min-width: 13.3571428571em
    }

        .s500__link .btn i {
            font-size: 1.4285714286em;
            line-height: 1;
            display: inline-block;
            vertical-align: top;
            margin-right: .6em
        }

@media (max-width:1219.98px) {
    .s500__img {
        font-size: 1em
    }

    .s500__title {
        font-size: 2.1428571429em
    }
}

@media (max-width:767.98px) {
    .s500 {
        padding-top: 5px;
        padding-bottom: 35px
    }

    .s500__img {
        font-size: .7142857143em
    }

    .s500__title {
        font-size: 1.8571428571em
    }
}

@media (max-width:575.98px) {
    .s500 {
        padding-top: 5px;
        padding-bottom: 30px
    }

    .s500__img {
        font-size: .5714285714em
    }
}

.s403 {
    padding-top: 65px;
    padding-bottom: 85px
}

.s403,
.s403__img {
    text-align: center
}

.s403__img {
    margin: 0 auto
}

    .s403__img img {
        width: 32.8571428571em
    }

.s403__title {
    font-size: 2.5714285714em;
    font-weight: 600;
    color: #000;
    font-family: UVNHongHaHepBold,sans-serif
}

    .s403__title span {
        color: red
    }

.s403__desc {
    line-height: 2;
    margin-top: 1.4em
}

.s403__link {
    margin-top: 1.8571428571em
}

    .s403__link .btn {
        text-transform: none;
        min-width: 13.3571428571em
    }

        .s403__link .btn i {
            font-size: 1.4285714286em;
            line-height: 1;
            display: inline-block;
            vertical-align: top;
            margin-right: .6em
        }

.form-style .has-checkbox input[type='checkbox'].disable-event + span:before {
    opacity: 0.4;
}

@media (max-width:1219.98px) {
    .s403__img {
        font-size: 1em
    }

    .s403__title {
        font-size: 2.1428571429em
    }
}

@media (max-width:767.98px) {
    .s403 {
        padding-top: 5px;
        padding-bottom: 35px
    }

    .s403__img {
        font-size: .7142857143em
    }

    .s403__title {
        font-size: 1.8571428571em
    }
}

@media (max-width:575.98px) {
    .s403 {
        padding-top: 5px;
        padding-bottom: 30px
    }

    .s403__img {
        font-size: .5714285714em
    }
}

.note-footer {
    text-align: center;
    margin-top: 30px;
}
.color-gray {
    color: gray !important;
}
.color-label {
    color: #363636 !important;
}
body.modal-open {
    overflow: auto;
}

.divmtsp1 {height:150px}
.divmtsp2 {height:350px}
.btn-msground {border-radius: 25px;}
.meetingytbfr {width:100%; height:520px}
@media screen and (max-width: 500px) {
    .divmtsp2 {height:190px !important}
    .btn-msground{ font-size: 10px;    min-height: auto !important;}
    .block__image .img-bg.meetingImg:after {padding-top: 18.28205%;}
    .block__image .divbefore.meetingImg:after {padding-top: 56.28205% !important;}
    .meetingytbfr {width:100%; max-height:230px}    
}

@media screen and (max-width: 450px) {
    .divmtsp2 {height:170px !important}
}

@media screen and (max-width: 400px) {
    .divmtsp2 {height:155px !important}
}

@media screen and (max-width: 350px) {
    .divmtsp2 {height:132px !important}
}