body{background: #f2f5f7}
.modal-account-kyc .modal-dialog{padding-top:0px;margin-top:10px;margin-bottom:10px}
.open-kyc-modal{position:fixed;right:8px;top:120px;color:red;text-align:center;cursor:pointer;background:#fff;padding:5px;box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;border-radius:5px}
.open-kyc-modal:hover{opacity:.8}
.open-kyc-modal p{margin-bottom:0px}
.kyc-account-img{height:150px;margin-bottom:5px;margin-top:5px}
.kyc-account-img img{height:100%}
.search-form .form-group, .search-form .btn{margin-bottom: 15px}
.search-form .filter-title{text-align: center; font-weight: bold}
.color-ok{color: rgb(71, 199, 154)}
.color-play{color: rgb(255, 198, 103)}
.color-fail{color: rgb(255, 120, 120)}
.menu-left{z-index: 11;position: fixed; top:0px; left: 0px; height: 100vh; width: 20%;background: #056638; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;color: rgb(170, 174, 179)}
.menu-left .div-content{padding: 10px 20px 0px 20px; border-bottom: 1px solid #008848}
.div-content .first-row{margin-top: 10px; margin-bottom: 7px}
.menu-row .content{padding: 5px 20px; border-radius: 5px;transition: all .3s cubic-bezier(.645,.045,.355,1)}
.menu-row .content{color:rgb(170, 174, 179);text-transform: uppercase}
.menu-row .order{text-align: center; border: 1px solid #008848}
.menu-row .order:hover,.menu-row .order.active{background:#008848; color: #fff}
.menu-row .content:hover, .menu-row .active{color: #fff}
.content-right{width: 80%; float: right; min-height: 70vh; margin-top: 60px}
.footer{width: 80%; float: right; background: #f2f5f7; padding-bottom: 30px}
.footer p{margin-bottom: 0px}
.right-top{z-index:10;width: 80%; padding: 13px; height: 60px;background: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;position: fixed; top: 0; right: 0}
.right-top .left{width: 60%; float: left}
.home-content{padding: 30px 50px}
.home-content .one{background: #fff;border-radius: 5px; border-left: 8px solid #008848; min-height: 50px; padding: 25px}
.home-content .one .left{float:left; margin-right: 10px}
.home-content .one .center{float: left; color: rgb(92, 97, 102); font-size: 15px; margin-right: 10px}
.home-content .one .center .title{font-size: 24px; font-weight: bold; color: #333; margin-bottom: 0px}
.home-content .one .right{padding-top: 5px}
.home-content .one .right .btn{padding: 15px; text-transform: uppercase; background: #056638; color: #fff;transition: all .3s cubic-bezier(.645,.045,.355,1);margin: 5px}
.home-content .one .right .btn:hover{opacity: .8}
.home-content .one .right .bt-red{background-color: #008848}
.home-content .section-title{font-size: 18px; color: rgb(77, 77, 77); font-weight: bold; float: left}
.home-content .view-detail{color: rgb(77, 77, 77); font-size: 13px; font-weight: bold; float: right}
.home-content .view-detail:hover{color: #008848}
.home-content .two .content{margin-left: -1%; margin-right: -1%}
.home-content .two .content .item{float:left;color: rgb(170, 174, 179);box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px; background: #fff; min-height: 50px;width: 31.33%; margin: 1%; border-radius: 5px; padding: 15px}
.home-content .two .content .item .top{font-weight: bold}
.home-content .two .content .item .mid{margin-top: 10px;margin-bottom: 10px; font-size: 1.5em; color: rgb(77, 77, 77); font-weight: bold}
.home-content .three .content{margin-left: -1%; margin-right: -1%; text-align: center}
.home-content .three .content .item{float:left;color: rgb(170, 174, 179);box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px; background: #fff; min-height: 50px;width: 23%; margin: 1%; border-radius: 5px; padding: 15px}
.home-content .three .content .item .mid{margin-top: 10px;margin-bottom: 20px; font-weight: bold}
.home-content .three .content .item .bottom{color: rgb(77, 77, 77); font-weight: bold; font-size: 1.2em}
.right-top .right{text-align: right; font-size: 1.2em; padding-top: 6px}
.page-content{padding: 20px 20px 0px 20px; min-height: 200px}
.page-title{margin-top: 0px; margin-bottom: 15px; font-size: 1.2em; font-weight: bold; text-align: center}
.page-title-2{margin-top: 0px; margin-bottom: 15px; font-size: 1em; font-weight: bold}
.address-row{padding-left: 15px; margin-bottom: 10px}
.add{color: #4cae4c; cursor: pointer}
.remove{color: red; cursor: pointer}
.logout{float: right; cursor: pointer; font-size: .8em; padding-top: 2px}
.form-horizontal .right{padding-left:0px}
.show-form .form-group{margin-bottom: 0px}
.show-form .left{padding-right: 0px; font-weight: 400}
.show-form .right{padding-right: 0px; padding-left: 15px; margin-top: 7px; font-weight: bold}
.fieldset{padding-left: 0px; padding-right: 0px}
.logo-radius{background:#fff;border-radius:50%;width: 80px;box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 2px 1px;transition: all .3s cubic-bezier(.645,.045,.355,1)}
.logo-radius:hover{opacity: .8}
.control{position: absolute; right: -25px; top: 65px;padding: 7px 9px; background: #056638; border-radius: 0px 3px 3px 0px; color: #fff; cursor: pointer}
.control:hover{color: #ddd}
.control i{margin-right: 0px}
.content-border{border: 1px solid #ddd; min-height: 30px;padding: 10px; margin-bottom: 15px}
.request-left{padding:0px;float:left;width:10%}
.request-right{padding:0px;float:right;width:88.5%}
.request-right .time{font-size: .9em;color: #9d9d9d}
.request-content-left{padding-left:0px}
.request-content-right{border: 1px solid #ddd;min-height:50px}
.image-content .div-img{width:32%;float:left;margin-right:1%;margin-top:5px;border:1px solid #ddd;position:relative}
.image-content .div-img .fa-times{position:absolute;top:1px;right:1px;cursor:pointer;color:red}
.form-horizontal .no-input{padding-top:7px}
.form-btn-no-input{margin-bottom:5px}
.note-admin-bank .modal-body{
    font-size: 15px;
}
.note-admin-bank .content{
    display:flex;
    margin:15px;
    gap:15px
}
.note-admin-bank .content .left{
    flex: 2;
}
.note-admin-bank .content .right{
    flex: 3;
}
.note-admin-bank .content .left,.note-admin-bank .content .right{
    border: 1px solid #ddd;
    border-radius:5px;
    padding: 15px 20px
}
.note-admin-bank .content .right p{
    margin-top: 15px;
    margin-bottom: 15px;
}
.note-admin-bank .content .right p:first-child{
    margin-top: unset;
}
@media (max-width:1170px){
    .home-content{padding: 25px}
}
@media only screen and (min-width:1024px) and (max-width:1210px){
    .search-form .form-group{width: 31.33%}
}
@media (min-width:1024px){
    .order-total-mid{display: none}
    .search-form-btn{text-align: center}
}
@media only screen and (max-width:500px) and (min-width:1023px){
    .order-total-mid{display: block !important}
}
@media (max-width:1023px){
    .search-form .form-group{width: 100%; margin-bottom: 10px}
    .search-form .form-group select, .search-form .form-group input{max-width: none !important;width: 70%}
    .search-form .form-group label{width: 30%; text-align: right; float: left; padding-right: 10px; margin-top: 5px}
    .order-total-full{display: none}
    .search-form-btn{text-align: right}
}
@media (max-width:992px){
    .note-admin-bank .content{
        flex-direction: column;
    }
    .request-content-left,.request-content-right{width: 100%}
}
@media only screen and (min-width:1024px) and (max-width:1169px){
    .menu-left{width: 25%}
    .right-top,.content-right,.footer{width: 75%}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .menu-left{width: 27%}
    .right-top,.content-right,.footer{width: 73%}
    .menu-left .div-content{padding: 10px}
    .home-content{padding: 15px}
}
@media (min-width:768px){
    .control{display: none}
}
@media (max-width:767px){
    .menu-left{width: 240px;left: -235px;box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 2px 1px;transition: all .3s cubic-bezier(.645,.045,.355,1)}
    .right-top,.content-right,.footer{width: 100%}
    .home-content .one .center{display: none}
    .list-address-1 .col-sm-2{width: 30%;float: left;padding-top: 7px;text-align: right}
    .list-address-1 .col-sm-10{width: 70%;float: left}
    .list-address-1 .col-sm-10 .btn-default{margin-bottom: 5px}
}
@media (max-width:540px){
    .home-content .three .content .item,.home-content .two .content .item{width: 48%}
    .home-content .one .left{display: none}
    .home-content .one{padding: 5px}
    .home-content .one .right .btn{width: 46%; float: left; padding: 15px 5px; margin: 2%}
    .page-content{padding: 10px 10px 0px 10px}
    fieldset{padding: 5px}
    .address-row{padding-left: 5px;margin-bottom: 8px;line-height: 1.5em}
}
@media (min-width:500px){
    .order-total-bottom{display: none}
}
@media (max-width:499px){
    .order-total-mid{display: none}
}
@media (max-width:390px){
    .home-content .three .content .item{width: 48%}
}