body{font-family: "Roboto", sans-serif;font-size: 14px;color: #1f365c;}
a{color: #5a5c69;text-decoration: none;}
a:hover{color: #5a5c69;}
dt{margin-bottom:10px}
p{margin-bottom: 0.5rem;}
table thead tr th{text-align: center}
img{max-width: 100%;}
form .form-label{font-weight: bold}
iframe{max-width:100%;}
.auth-form .justify-content-center{display: flex; align-items: center}
.card-header{font-weight: bold}
.can-click{cursor: pointer}
.body-auth{height:100vh;background-image: url('/asset/bg-login.jpg');background-size:cover;background-position: center center}
.div-login{min-width: 390px}
.color-1{color: #1f365c;}
.color-2{color: #8c95a2;}
.main-content{min-height: 240px;}
.img-avata{max-width: 200px;max-height: 200px;}
.img-table{max-width: 100px;max-height: 100px;}
.form-check-label input{margin-top: 2px!important}
.mt-2-rem{margin-top: 2rem !important;}
/*Navbar*/
.navbar-expand-lg{border-top: 1px solid #ddd;padding: 0px;}
.navbar-expand-lg .nav-item .nav-link{font-size: 1.1em;text-transform: uppercase; font-weight: bold;color: #8c95a2;padding: 0em 2.5em!important}
.navbar-expand-lg .nav-item .nav-link span{padding-bottom: 5px;border-bottom: 3px solid #fff;transition-duration: 0.1s;}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link,.navbar-expand-lg .nav-item .nav-link:hover{color: #1f365c;}
.navbar-expand-lg .nav-item{padding: 1em 0em;}
.navbar-expand-lg .nav-item .nav-link{border-right: 1px solid #ddd;}
.navbar-expand-lg  .nav-item:last-child .nav-link{border-right: none}
.navbar-expand-lg .nav-item .nav-link:hover span{border-bottom-color: #ffb536}
.navbar-expand-lg .dropdown-menu{border-radius:0px;border: 1px solid #ddd;padding: 10px;width: 320px;}
.dropdown-item.active, .dropdown-item:active,.dropdown-item:focus, .dropdown-item:hover{background: none}
.navbar-expand-lg .dropdown-menu img{width: 45px;height: 45px;}
.navbar-expand-lg .dropdown-menu .dropdown-item span{padding-left: 10px;text-transform: uppercase;color: #8c95a2;font-weight: bold;font-size: 13px;}
.navbar-expand-lg .dropdown-menu .dropdown-item:hover span{color: #ffb536;}
.navbar-expand-lg .dropdown:hover .dropdown-menu {display: block;margin-top: 15px;}
.navbar-nav .dropdown-menu{position: absolute;}
/*Client*/
.client-section-pd{padding: 5rem 0rem}
.client-section-pd-2{padding: 4rem 0rem}
.client-section-title{font-size: 2.3rem;text-transform: uppercase;text-align: center;font-weight: bold;margin-bottom: 2.5rem}
.client-section-title div{margin: 0 auto;}
.client-section-title .boder-bottom{border-bottom: 5px solid #daa751;width: 200px;margin-top: 5px;}
.client-bg{background-color: #1f365c;color: #fff;}
.client-bg-2,.client-btn-1{background-color: var(--the7-btn-bg,#daa751);color:#fff}
.client-bg-3{background-color:rgba(170, 170, 170, 0.1)}
.client-bg-4{background-color:#f5f5f5}
.client-btn-1:hover{background-color: var(--the7-btn-hover-bg,#f4a215)!important;color:#fff!important}
.client-top-bar{justify-content: center;font-weight: bold;border-bottom: 1px solid #fff}
.footer-bootom{border-top: 1px solid rgba(255,255,255,0.12);text-align: right;}
.footer-bootom .f-link{color: white;text-decoration: none;margin-right: 15px;}
.contact-me .btn{padding: 20px 50px;text-transform: uppercase; color: #fff; border-radius: 0px;font-weight: bold;font-size: 1.2rem;}
.post-col .col-sm-3{padding: 2rem}
.sb-admin-page .col-sm-3{padding: 1rem;}
.top-logo{width:10%;float: left;padding: 0px;}
.top-info{width:70%;float: left;}
.top-phone{width:20%;float: left;}
.top-time{width:25%;float: left;}
.top-address{width:55%;float: left;}
.top-icon{width:15%;float: left;}
.go-to-top {
    position: fixed;
    bottom: 30px;
    right: 8px;
    display: none;
    background: gold;
    border: 1px solid #fff;
    padding: 0px 5px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    z-index: 10
}
.icon-zalo{position: fixed; bottom: 80px; right: 23px;z-index: 10}
.icon-zalo:hover{opacity:.8}
.icon-zalo img{width: 45px; height: 45px}
.icon-phone {
    position: fixed;
    bottom: 150px;
    right: 8px;
    background: red;
    border: 1px solid #fff;
    padding: 7px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    z-index: 10
}
.icon-phone:hover{opacity: .8}
.icon-phone .fas{color: #fff}
.carousel-control-next, .carousel-control-prev{color: gold}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{color: gold}
.carousel-indicators [data-bs-target]{background-color: gold;height: 6px}
@media only screen and (min-width:1024px) and (max-width:1280px){
    .navbar-expand-lg .nav-item .nav-link{padding-left: 1.5rem!important;padding-right: 1.5rem!important;font-size:1em;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .navbar-nav{flex-direction: row}
    .navbar-collapse{display: block!important}
    .top-info{width:60%}
    .top-phone{width:30%}
    .top-time{width:35%}
    .top-address{width:50%}
    .container{max-width:98%;}
    .navbar-expand-lg .nav-item .nav-link{padding-left: 1rem!important;padding-right: 1rem!important;font-size:1em;}
    .client-section-pd{padding-top: 3rem;padding-bottom: 3rem;}
    .client-section-pd-2{padding-top: 2rem;padding-bottom: 2rem;}
    .client-section-title{margin-bottom: 1.5rem;}
    .post-col .col-sm-3{padding: 1rem;}
    .post-col .fs-5{font-size: 1rem!important;}
    .footer-top,.bread-crumb{padding-top: 2rem!important;padding-bottom: 2rem!important;}
    .ps-5{padding-left: 2rem!important;}
}
@media (min-width:768px){
    .show-767{display: none;}
}
@media (max-width:767px){
    .hide-767,.top-icon{display: none;}
    .top-time{width:100%}
    .top-address{display: none}
    .top-info.fs-6{font-size: 1em!important;width:78%;}
    .top-phone{width:10%}
    .top-logo{width:12%}
    .container{max-width:98%;}
    .client-section-pd{padding-top: 2rem;padding-bottom: 2rem;}
    .client-section-pd-2{padding-top: 1.5rem;padding-bottom: 1.5rem;}
    .post-col .col-sm-3{padding: 1rem;}
    .navbar-expand-lg .p-1{padding: 0px!important;}
    .contact-me .fs-5{font-size: 1em!important;}
    .contact-me .fs-1{font-size: 1.1em!important;}
    .contact-me .btn{padding: 10px 25px;font-size: 1em}
    .client-section-title{font-size:1.5em;margin-bottom:1.5rem;}
    .client-section-title .boder-bottom{width:130px;border-bottom-width:3px;}
    .four-intro .fas{font-size: 2em;}
    .footer-top{padding-top: 1.5rem!important;padding-bottom: 1.5rem!important;}
    .footer-bootom{padding-top: 1rem!important;padding-bottom: 1rem!important;}
    .footer-bootom .col-sm-4{width:100%;}
    .footer-bootom .col-sm-8{display: none;}
    .navbar-collapse{position: fixed;width:100%;height:100vh;z-index:5;background:#fff;top:0px;overflow-x:hidden;overflow-y:scroll}
    .navbar-expand-lg .dropdown-menu{display: block;position: initial;border: none;width: auto;margin-left: 3rem;}
    .navbar-expand-lg .dropdown:hover .dropdown-menu {margin-top: 0px;}
    .detail-container .ps-5{padding-left: 0px!important;}
    .bread-crumb{padding-top: 2rem!important;padding-bottom: 2rem!important;}
    .bread-crumb .fs-3{font-size: 1.3em!important;}
    .py-5{padding-top: 1.5em!important;padding-bottom: 1.5em!important;}
}
@media only screen and (min-width:391px) and (max-width:767px){
    .post-col .col-sm-3{width: 44%;padding:0px;margin: 3%;}
    .footer-top .col-sm-3{width:46%;margin:2%;}
}
@media (max-width:390px){
    .top-address{display: none;}
    .col-sm-3{width: 96%;padding: 0.5rem!important;;margin: 2%;}
}