/* color */
.btn-neutral,.btn-neutral.active, .btn-neutral:active, .btn-neutral:active:focus, .btn-neutral:active:hover, .btn-neutral.active:focus, .btn-neutral.active:hover, .show>.btn-neutral.dropdown-toggle, .show>.btn-neutral.dropdown-toggle:focus, .show>.btn-neutral.dropdown-toggle:hover{color: #fff !important;background: #fff !important;}
.sidebar .nav li.active i,.sidebar .nav li.active>a,a,a:hover, a:focus{color: #45BABA;}
.btn-primary{background-color: #45BABA;color: #FFFFFF; font-weight: 600; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .show>.btn-primary.dropdown-toggle, .show>.btn-primary.dropdown-toggle:focus, .show>.btn-primary.dropdown-toggle:hover{
     background-color: #45babacf;
     color: #fff;
     border-color: #45babacf;
}
.sidebar:after, .off-canvas-sidebar:after{
     background-image: linear-gradient(to bottom, #45baba, #40c3c3, #3acbcc, #32d4d6, #27dddf);
}
.sidebar .nav li:hover:not(.active)>a i, .sidebar .nav li:focus:not(.active)>a i, .off-canvas-sidebar .nav li:hover:not(.active)>a i, .off-canvas-sidebar .nav li:focus:not(.active)>a i,.sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon, .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon, .off-canvas-sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon, .off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-mini-icon,.sidebar .nav a i{color: #FFFFFF;}
.sidebar .user a, .off-canvas-sidebar .user a,.sidebar .logo .simple-text, .off-canvas-sidebar .logo .simple-text{color: #FFFFFF;font-weight: 500;}
.sidebar .nav li>a, .off-canvas-sidebar .nav li>a{
     color: #FFFFFF;font-size: .8em;font-weight: 500;
}
#sidebar-wrapper::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #1DC8FE;background-color: #1DC8FE;}
#sidebar-wrapper::-webkit-scrollbar{width: 0px;background-color: #F5F5F5;}
#sidebar-wrapper::-webkit-scrollbar-thumb{background-color: #1DC8FE;}
.footer{background: inherit;}
.content{background:inherit;}
.form-check {padding: unset;}
.form-control{border-radius: 5px;}
#admin_login .form-control{border-radius: 30px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.card-footer{padding: .75rem;}
.sidebar .sidebar-wrapper [data-toggle="collapse"]~div>ul>li.active>a .sidebar-mini-icon, .off-canvas-sidebar .sidebar-wrapper [data-toggle="collapse"]~div>ul>li.active>a .sidebar-mini-icon{
     color: #65DAFF;
}


/* end color */
.sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper{overflow: auto !important;height: 100%;}
.login-page .card-login.card-plain .input-group.no-border .form-control:focus{background-color: rgba(255, 255, 255, 0.1);}
.login-page .card-login .input-group:last-child{margin-bottom: 10px;}
.login-page .card-login .logo-container{width: 200px;margin-bottom: 20px;}
.error{color: red !important;padding-bottom: 1rem;padding-left: 1rem;}
.form-control.error{color: #fff !important;}
#form label.error{padding-left: unset;padding-bottom: 0rem;}
#form .form-control.error{color: #FFFFFF !important;}

.btn.btn-icon:not(.btn-footer) .fas{top: 45%;}
@media (min-width: 991px){
     .sidebar-mini .sidebar, .sidebar-mini .sidebar .sidebar-wrapper {width: 80px;}
}
@media screen and (min-width: 990px) and (max-width: 1024px) { 
     .sidebar-mini .main-panel {width: 100% !important;}
     .sidebar-mini .sidebar{width: 260px !important;}
     .sidebar-mini .sidebar .sidebar-wrapper{width: 260px !important;}
     .sidebar-mini .sidebar .sidebar-wrapper>.nav li>a p, .sidebar-mini .sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info>a>span {-webkit-transform: translate3d(0px, 0, 0);-moz-transform: translate3d(0px, 0, 0);-o-transform: translate3d(0px, 0, 0);-ms-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);opacity: 1;}
     .sidebar-mini .sidebar .logo a.logo-normal{opacity: 1;-webkit-transform: translate3d(0px, 0, 0);-moz-transform: translate3d(0px, 0, 0);-o-transform: translate3d(0px, 0, 0);-ms-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
     .sidebar-mini .sidebar .sidebar-wrapper .user .info>a>span{opacity: 1;-webkit-transform: translate3d(0px, 0, 0);-moz-transform: translate3d(0px, 0, 0);-o-transform: translate3d(0px, 0, 0);-ms-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
}
 

.panel{margin-bottom: 0px;}
.msg_container_base{border: 1px solid #ddd;margin: 0;padding: 0 10px 10px;max-height:600px;min-height: 600px;overflow-x:hidden;}
.top-bar {background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%);color: white;padding: 10px;position: relative;overflow: hidden;}
.msg_receive{padding-left:0;margin-left:0;}
.msg_sent{padding-bottom:20px !important;margin-right:0;}
.messages {background: #fff;padding: 10px 20px;border-radius: 7px;max-width:100%;border: 1px solid #ddd;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);border-bottom: 0px;}
.messages > p {font-size: 13px;margin: 0 0 0.2rem 0;}
.messages > time {font-size: 11px;color: #ccc;}
.msg_container {padding: 10px;overflow: hidden;display: flex;}
.img {display: block;width: 100%;}
.avatar {position: relative;}
.base_receive > .avatar:after {content: "";position: absolute;top: 0;right: 0;width: 0;height: 0;border: 5px solid #FFF;border-left-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);}
.base_sent > .avatar:after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 0;border: 5px solid white;border-right-color: transparent;border-top-color: transparent;box-shadow: 1px 1px 2px rgba(black, 0.2);}
.msg_sent > time{float: right;}
.msg_container_base::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.msg_container_base::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
.msg_container_base::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
.btn-group.dropup{position:fixed;left:0px;bottom:0;}
.fa-star{color: #ffbe00d9;margin-right: 1px;}