/*.main-menu-content-top {
    height: calc(100vh - 330px) !important;
}*/
/*.menu-left-bar {
    padding-top: 65px !important;
}*/
.itemNotiBel div:hover{cursor:pointer}
.bannerEcp {
    position: sticky;
    max-height: 60px;
    margin-top: -2px;
}

    .bannerEcp .imgBannerEcp {
        position: absolute;
        width: 100%;
        z-index: 9999999999;
        height: 60px;
    }

.HomeEcp {
    padding-top: 60px !important;
}

.listTinNoiBo {
    position: relative;
    height: calc(100vh - 146px) !important;
}

.vertical {
    overflow: auto;
    /*overflow: hidden;*/
    height: calc(100vh - 180px) !important;
}

    .vertical .tintucDetail p {
        font-weight: 600;
        font-size: 15px;
        color: #333;
        line-height: 15px;
    }

    .vertical .tintucDetail:hover p, .vertical .thongBaoDetail:hover p, .titleTieuDeVinhDanh:hover p {
        color: #cf0000;
    }

    .vertical > li, .vertical .owl-item {
        margin: 0px 2px 15px 0px;
        position: relative;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
    }
.thongBaoDetail {
    height: 24px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}
.vertical p {
    font-size: 13px;
    line-height: 17px;
    padding-right: 7px;
    padding-top: 7px;
    color: #919191;
    font-family: helRegularVU;
    text-align: justify;
}

.pnd {
    max-height: 77px;
    overflow: hidden;
}
.vertical .thongBaoDetail p {
        font-weight: 600;
        font-size: 15px;
        color: #333;
        line-height: 15px;
    }

.bttin{
    max-height:75px;
    overflow:hidden;
    text-overflow:ellipsis
}

.tieuDeHinhanh p {
    font-weight: 600;
    font-size: 15px;
    color: #333;
    line-height: 15px;
}

.tieuDeHinhanh a:hover p, .moduleHeadEcp a:hover p {
    color: #cf0000 !important;
}

.LichSkHot {
    border-radius: 10px;
    cursor: pointer;
}

.contentLichSkHot img {
    border-radius: 10px;
    padding: 5px;
}

.contentLichSkHot {
    background: #ba0000;
    border-radius: 0px 9px 9px;
}

.line-row {
    cursor: pointer;
}

.active-date {
    background-color: #ff601c;
    color: #fff;
}

.itemdate {
    display: block;
    float: left;
    text-align: center;
    padding: 5px 0;
    border-radius: 50%;
}

.itemBotron {
    height: 23px;
    width: 23px;
    border-radius: 50%;
    padding-top: 3px;
}

.itemdate-true {
    background: #a9a9a9 !important;
    color: #fff;
}

.GioSapDen {
    color: #ff601c !important;
}

.GioDaQua {
    color: black;
}

.line-row span.sptitle {
    font-size: 15px;
}

.boxTrungcau {
    padding: 10px 0px;
}

.titleHomeItem {
    color: #3b55e6 !important;
    font-family: helBoldBlackVU;
}

@media (min-width: 1370px) {
    .dateborder {
        padding: 10px 0px !important;
    }
}


.body_trangthaiXe::-webkit-scrollbar, .vertical::-webkit-scrollbar, .listLichSkNormal::-webkit-scrollbar, #HomeCtr::-webkit-scrollbar {
    display: none;
}

.chudeLichSkHot {
    background: #fff;
    border-radius: 9px;
    padding: 3px 0px 10px 10px;
    height: 45px;
    overflow: hidden;
}

.titleLichSkNormal {
    background: #d2d2d2;
    border-radius: 9px;
    margin: 6px 0px;
    box-shadow: 9px 25px 53px rgba(0, 0, 0, 0.1);
}

.listLichSkNormal {
    cursor: pointer;
    overflow-y: auto;
    /*overflow: auto;*/
    box-shadow: 6px 10px 67px #e4dcdc;
    max-height: calc(100vh - 533px) !important;
}

.xemTieptnb {
    position: absolute;
    bottom: 0px;
    left: 48%;
    font-size: 30px;
}

    .xemTieptnb a i {
        color: #3b55e6;
    }

    .xemTieptnb a:hover i, .box-phantrang-lich a:hover i, .NextThongBao:hover i {
        color: #cf0000 !important;
    }

.LoadDsTinThongBao .owl-nav {
    position: absolute;
    top: 43px;
    right: 0px;
    display: block !important;
}

.LoadDsTinThongBao .owl-stage-outer {
    width: 97%;
}

.TitleChuDe {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #8e8e8e;
    padding: 6px 0px;
    line-height: 16px;
    font-family: helBoldBlackVU;
    max-height: 50px;
    overflow: hidden;
}
  .TitleChuDe:hover, .gioDiaDiemLich:hover, .ngaybatDauLsk:hover {
    color: #cf0000;
}
.ngaybatDauLsk {
    text-align: center;
    color: #fff;
    padding: 11px 0px 5px;
    width: 85%;
    margin: 0 auto;
    font-size: 20px;
}
    .gioDiaDiemLich {
        font-size: 13px;
        color: #8e8e8e;
        text-align:right;
    }
        .gioDiaDiemLich p, .gioDiaDiemLich span{
            padding-right: 10px;
        }
        .moduleHeadEcp {
            /*position: absolute;*/
            z-index: 999999999999;
            overflow: hidden;
            /*padding: 25px 20px 0px;*/
        }

    .moduleHeadEcp .itemMd {
        padding-top: 23px;
    }
/*.moduleHeadEcp .loop {
        padding: 25px 20px 0px;
    }*/
.loop .owl-stage-outer {
    position: absolute;
    width: 95%;
    overflow: hidden;
}

.loop .owl-stage {
    display: flex;
    flex-wrap: wrap;
}

.loop .owl-nav {
    transform: unset !important;
    transition: unset !important;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    right: 0px;
    top: 18px;
}

.loop .owl-prev {
    display: none !important;
}

.loop .owl-next {
    background: transparent !important;
    border: none;
}

.moduleHeadEcp .NextModuleHeader {
    font-size: 17px;
    font-weight: bold;
    margin-top: 3px;
    display: block;
}

.NextModuleHeader i {
    color: #3b55e6 !important;
}

.NextModuleHeader:hover i {
    color: #cf0000 !important;
}

#HomeCtr {
    padding-top: 0px !important;
    border-top: 1px solid #e8e8e8;
}

#HomeCtr {
    overflow: hidden
}

.vanBanContent {
    height: calc(100vh - 345px) !important;
    position: relative;
}

.ngaySinhnhat {
    float: left;
    color: #cf0000;
    font-size: 30px;
    padding: 14px 5px;
}

.banhsinhnhat {
    float: left;
    padding: 6px 10px;
    cursor: pointer;
}

    .banhsinhnhat img {
        height: 45px;
        width: 45px;
    }

.avtUserSinhnhat {
    float: left;
    padding: 10px 0px;
    cursor: pointer;
}

    .avtUserSinhnhat img {
        height: 40px;
        width: 40px;
        object-fit: cover;
        border-radius: 25px;
    }

.tieuDeChucMungSn {
    float: left;
    font-family: helBoldVU;
    color: #cf0000;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}

.guiLoiNhanSn {
    float: left;
    padding: 13px;
}

    .guiLoiNhanSn > input {
        background: #e7e7e7;
        border: 1px solid #e7e7e7;
        border-radius: 20px;
        font-size: 16px;
        padding: 7px 5px;
        font-family: helRegularVU;
    }

    .guiLoiNhanSn > a {
        background: #3b55e6;
        padding: 5px 20px 8px;
        border-radius: 20px;
        color: #fff !important;
        font-family: helRegularVU;
    }

        .guiLoiNhanSn > a:hover {
            background: #cf0000;
        }
/*@media (min-width: 1367px) {
            .listLichSkNormal {
                height: 290px !important;
            }*/

.bg-cyan {
    background-color: #3b55e6 !important;
}

.main-menu.menu-light .navigation > li:hover a {
    background: #cf0000 !important;
}

.main-menu.menu-light .navigation > li.open > a {
    background: #cf0000 !important;
}

.box-phantrang-lich a i, .NextThongBao i {
    color: #3b55e6 !important;
}

#main-menu-navigation {
    background: #3b55e6 !important;
}

.main-menu .main-menu-content {
    background: #3b55e6;
}

#HomeCtr .box-phantrang-lich, #HomeFtuCtr .box-phantrang-lich {
    padding-right: 0px !important;
}
/*.LoadDsTinThongBao .owl-item {
    min-width: 480px;
}*/
/*.LoadDsTinThongBao .owl-stage {
    min-width: 4764px;
}*/
.nav_menuRespons_right {
    margin-right: 20px;
}

.img-user {
    float: left;
}

.Main_title_header > a > span {
    font-size: 13px;
    font-family: helBoldBlackVU;
    color: #ffffff;
}

#HomeCtr .card-header, #HomeFtuCtr .card-header {
    margin-left: 0px;
}

.tieuDeChucMungSn p {
    font-size: 13px;
    padding: 10px 0px 5px;
    font-family: helBoldVU;
}

.tieuDeChucMungSn span {
    font-size: 20px;
    padding: 0px 10px;
    font-family: helBoldVU;
}

.vinhdanh {
    /*position: relative;
    margin: 53px auto 0px;
    width: 280px;
    height: 279px;*/
    position: relative;
    margin: 0px auto 20px;
    max-width: 90%;
}

    .vinhdanh .BoxVinhdanh {
        /*width: 280px;
        position: absolute;
        z-index: 1;*/
        width: 200px;
        position: absolute;
        z-index: 1;
        left: calc(50% - 100px);
    }
.ndVinhDanh{text-align:justify}

.vinhdanh .avtVinhDanh {
    /*position: absolute;
        top: 27px;
        left: 61px;
        width: 158px;
        border-radius: 50%;
        object-fit: cover;
        height: 158px;
        border: 4px solid #3b55e6;*/
    position: absolute;
    top: 20px;
    left: calc(50% - 56px);
    width: 112px;
    border-radius: 50%;
    object-fit: cover;
    height: 112px;
    border: 4px solid #3b55e6;
}
.containerThongBao {
    height: 182px
}
.LoadDsTinThongBao .owl-carousel {
    height: 155px !important;
}
.box-phantrang-lich span {
    color: #3b55e6 !important;
    float: left;
    padding: 0px 5px;
    text-transform: uppercase;
    font-family: helRegularVU;
}
.listTinNoiBo .xemTieptnb, .vanBanContent .xemTieptnb {
    display: none
}
.listTinNoiBo:hover .xemTieptnb, .vanBanContent:hover .xemTieptnb {
    display: block
}
/*.moduleHeadEcp .owl-stage-outer .owl-item {
    width: auto !important;
    padding: 0px 15px;
}*/
@media (max-width: 1366px) {
    /*.listLichSkNormal {
        height: calc(100vh - 503px) !important;
    }*/
    .itemMd p {
        font-size: 13px !important;
        white-space: nowrap;
        overflow: hidden;
    }
}

@media (max-width: 1266px) {
    .search_main_Header > input{width:auto}
    .chudeLichSkHot .TitleChuDe {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold;
        color: #8e8e8e;
        padding: 6px 0px;
        line-height: 16px;
    }

    .gioDiaDiemLich {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .itemMd p {
        font-size: 10px !important
    }

    .loop .owl-stage-outer {
        width: 90%;
    }

    .ngaySinhnhat span {
        font-size: 25px;
    }

    .banhsinhnhat img {
        height: 35px;
        width: 35px;
        margin-top: 5px;
    }

    .tieuDeChucMungSn p {
        font-size: 12px;
    }

    .tieuDeChucMungSn span {
        font-size: 17px;
    }

    .guiLoiNhanSn {
        padding: 15px;
    }

        .guiLoiNhanSn > input {
            font-size: 14px;
            padding: 5px 5px;
            width: 135px;
        }

        .guiLoiNhanSn > a {
            padding: 5px 12px 6px;
            font-size: 14px;
        }

    .vinhdanh {
        width: 177px;
        height: 200px;
    }

        .vinhdanh .BoxVinhdanh {
            width: 170px;
        }

        .vinhdanh .avtVinhDanh {
            top: 17px;
            left: 37px;
            width: 96px;
            height: 96px;
        }

    .vertical .tintucDetail p, .vertical .thongBaoDetail p {
        font-size: 13px;
    }

    .tieuDeHinhanh img {
        height: 96px !important
    }
    .LoadDsTinThongBao .itemTb{
        height: 96px;
        overflow:hidden;
    }
    .containerThongBao {
        height: 142px;
    }
    .LoadDsTinThongBao .owl-carousel {
        height: 110px !important;
    }

    .chudeLichSkHot .TitleChuDe {
        font-size: 11px;
    }

    .listTinNoiBo {
        position: relative;
        height: calc(100vh - 182px) !important;
    }
    .vertical {
        overflow: auto;
        /* overflow: hidden; */
        height: calc(100vh - 219px) !important;
    }
    .vanBanContent {
        height: calc(100vh - 340px) !important;
    }
    .listLichSkNormal {
        max-height: calc(100vh - 525px) !important;
    }
    .search_main_Header > input {
        width: 365px !important;
    }
    .LoadDsTinThongBao .owl-nav {
        top: 34px;
        right: 8px;
    }
    .LoadDsTinThongBao .owl-stage-outer {
        width: 94%;
    }
    .box-phantrang-lich span {
        padding: 0px 2px;
    }
    .vertical > li{
        height:96px;
        overflow:hidden;
    }
    .txt-user-comment {
        max-width: 245px;
    }
    .img-user-comment {
        max-width: 60px;
    }
}



/*/////////*/
.animated {
    -webkit-animation-duration: 2000ms;
    animation-duration: 2000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* .owl-animated-out - only for current item */
/* This is very important class. Use z-index if you want move Out item above In item */
.owl-animated-out {
    z-index: 1
}
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */
.owl-animated-in {
    z-index: 0
}
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.gallery {
     max-width: 1000px;
    width: 100%;
    overflow-x: hidden;
    position: relative;
    height: calc(100vh - 350px) !important;
    overflow-y: auto;
}
.gallery::-webkit-scrollbar {
    display: none;
}

    .gallery .owl-stage-outer {
        overflow: hidden;
        position: absolute;
        top: 0;
    }

    .gallery .owl-stage {
        display: flex;
    }

    .gallery .owl-nav {
        display: none;
    }

.titleTieuDeVinhDanh {
    width: 100%;
    margin: 0 auto;
    display: block;
}

    .titleTieuDeVinhDanh p {
        text-align: center;
        font-weight: 600;
        font-size: 16px;
        color: #cf0000;
        line-height: 15px;
        cursor: pointer;
        font-family: helBoldVU;
    }
.gallery-group, .gallery-group .vinhdanh .avtVinhDanh {
    display: none
}
    .owl-item .gallery-group, .gallery-group .vinhdanh .avtVinhDanh {
        display: block
    }
/*//////*/
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right {
        opacity: 1;
    }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}


.search_main_Header > input{background-color:transparent;color:#fff}
.search_main_Header > input {
    background-color: transparent;
    color: #fff;
    border: .5px solid #fff;
    border-radius: 30px;
    max-width: calc(100% - 40px);
}
.search_main_Header > a {
    left: 10px;
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
    top: 6px;
    right:auto;
}
.LoadDsTinThongBao .owl-next, .LoadDsTinThongBao .owl-prev{
    display:none
}
.LoadDsTinThongBao:hover .owl-next, .LoadDsTinThongBao:hover .owl-prev {
    display: block
}