body{background:#f4f2eb}

.login-bg{border-radius:30px; box-shadow:0px 2px 8px rgba(56,65,74,.15)}
.login-bg .login-btn{ background:#a47f41; border:#a47f41 solid 1px;border-radius: 9px;}
.login-bg .login-btn:hover{ background:#13213d; border:#13213d solid 1px;} 
.login-bg h4{color:#13213d !important;}

.footer{ background:#fff !important; padding-top:10px; height: auto; padding-bottom: 5px;}

.navbar-menu{background:#13213d !important;}
.navbar-brand-box{ background:#fff !important;}
.topbar-user{ background: #13213d;}
.topbar-user button .user-name-text, .topbar-user button .user-name-sub-text{color:#fff;}


.chat-leftsidebar{height: calc(100vh - 40px - 60px - 8px);}  
.page-content{padding:calc(59px + 1.5rem) calc(1.5rem * .5) 55px calc(1.5rem * .5)}

.pg-title ul{ padding: 0 15px; width: 100%}
.pg-title ul li{ display: inline-block;float: right; vertical-align: middle}
.pg-title ul li:first-child{ float: left !important; margin-top: 8px; }
.pg-title ul li:last-child{ float: right}

.mt-5{ margin-top: 5px !important;}
.fleft{ float:left}
.w-l{ width: 73%}
.w-s{ width: 25%; margin-left: 3px;}

.brn-bg{ background:#a47f41 !important;}
.brn-bg h5{ color:#fff;}

.sm-width{width:72px; display: inline-block !important}
.txt-height textarea{ min-height: 150px;}
.var{ padding-top: 0px;}
.var li{padding-left: 0 !important}

.fleft span{ display: block}


#scrollbar {
    height: calc(100vh - 70px) !important;
    overflow: auto;
    padding-bottom: 30px;
}


#scrollbar::-webkit-scrollbar-track
{
	background-color: #13213d;
}

#scrollbar::-webkit-scrollbar
{
	width: 5px;
	background-color: #13213d;
}

#scrollbar::-webkit-scrollbar-thumb
{
	background-color: #405189;
}