.permission-view .form-check-input:disabled{opacity: 0.8}
.btn-login {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 14rem;
    height: 14rem;
    border-radius: 50%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.btn-login .login {
    display: block;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 10px;
}
.Animate-Draw{
    fill-opacity:0;
    animation-timing-function:ease-in-out;
    animation-fill-mode:forwards;
    animation-iteration:1;
    animation-name:DrawLine,FadeStroke,FillIn;
    animation-duration:4s,1s,1s;
    animation-delay:0s,1.5s,1.5s
}
#Draw-text1{
    stroke-dashArray:2000;
    stroke-dashoffset:2000
}
#Draw-text2{
    stroke-dashArray:1100;
    stroke-dashoffset:1100
}
#Draw-halfstar1,
#Draw-halfstar2{
    stroke-dashArray:250;
    stroke-dashoffset:250
}
@keyframes  DrawLine{
    to{
        stroke-dashOffset:0
    }
}
@keyframes  FadeStroke{
    to{
        stroke-opacity:0
    }
}
@keyframes  FillIn{
    from{
        fill-opacity:0
    }
    to{
        fill-opacity:1
    }
}
.box_wrap_home {height: 76px;overflow: hidden;transition: all 0.5s;}
.box_ghichu_wrap_home { height: 150px; overflow: hidden; transition: all 0.5s; }
.box_btn_home{display: none;cursor: pointer}
.c-content{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.navbar-brand-box{width: 175px;}
.nav-header{
    -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        /* display: block; */
            white-space: nowrap;
            overflow-x: auto;
            max-width: 1070px;
            padding: 0 30px;
}
/* .nav-header::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
.nav-header::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #DFE9EB;
}

.nav-header::-webkit-scrollbar-track:hover {
  background-color: #B8C0C2;
}

.nav-header::-webkit-scrollbar-track:active {
  background-color: #B8C0C2;
}

.nav-header::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #3962c7;
}

.nav-header::-webkit-scrollbar-thumb:hover {
  background-color: #477bf9;
}

.nav-header::-webkit-scrollbar-thumb:active {
  background-color: #477bf9;
} */
.
.nav-header li{display: inline-block;/* margin: 0 !important; */}
.logo{line-height: unset;}
.cate_wrap{overflow: hidden;max-width: 1070px;}
.cate_wrap .scroll_tab_inner { position: relative !important; left: 0 !important; }
.scroll_tab_left_button {height: calc(100% - 4px);
    background: url(../images/left_btn1_1.png) center no-repeat #51b0f3;
    top: 0px !important; }
.scroll_tab_right_button { height: calc(100% - 4px);
    background: url(../images/right_btn_1.png) center no-repeat #51b0f3;
    top: 0px !important; }
.scroll_tab_right_button.scroll_arrow_disabled { opacity: 0.3; }
.scroll_tab_left_button.scroll_arrow_disabled { opacity: 0.3; }
@media (max-width: 1024px) {
    [data-layout=horizontal] .menu .navbar-menu {
        display: block;
        max-height: unset;
        overflow-y: auto;
        padding-left: 0;
        height: 100vh;
    }
    .cate_wrap{display: none !important;}
    .session_mb{display: block !important;}
}
@media (min-width: 1024.1px) {
    [data-layout=horizontal] .topnav-hamburger {
        /* display: none; */
    }
}