.cus-right-bar{
    width: 50px;
    background: #3d3d3d;
	opacity:0.9;
    height: auto;border-left: 1px solid ;min-height: 100%;
}

html[data-topbar-color=brand][data-menu-color=light]:not([data-layout-mode=horizontal]) .left-side-menu .logo-box, html[data-topbar-color=dark][data-menu-color=light]:not([data-layout-mode=horizontal]) .left-side-menu .logo-box{
    background: none;
}
.row.m-0.p-1.pagetitle,.row.m-0.p-2.pagetitle {
    background-color: #f5f6f8;
}
.pagetitle{background-color:unset;}
.pagetitle .header-title{ margin:0px;}
.left-side-menu{
    width: 210px;
    margin-top: calc(40px + 20px);
	padding-top:0px;
}

.content-page{
    margin-left: 214px;
    /* overflow: hidden; */
    padding: 0px 17px 15px 0px;
    /* min-height: 80vh; */
}
.navbar-custom{
    /*position: inherit;*/
    height:60px;
    padding-left:224px;
    position: fixed;
    width: 100%;
    background: url(/app/res/images/angiang/angiang_home_background.jpg) no-repeat 0 0;
    left:0 !important;
    z-index:3 !important;
}


main > .container {
    padding: 70px 15px 20px;
}

.form-control {
    border: 1px solid #eff1f2;
}

.quill_input_comment .ql-toolbar.ql-snow {
    border-radius: 20px 20px 0 0;
    border-bottom: 1px solid rgba(130, 139, 149, .08);
    border-left: 1px solid #bbc4cd !important;
    border-right: 1px solid #bbc4cd !important;
    border-top: 1px solid #bbc4cd !important;
}
.quill_input_comment .ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-radius: 0 0 20px 20px;
    border-top: none;
    border-left: 1px solid #bbc4cd !important;
    border-right: 1px solid #bbc4cd !important;
    border-bottom: 1px solid #bbc4cd !important;
}

.quill_input_comment .ql-editor {
    min-height: 80px;
}

.quill_input_comment .ql-container.ql-snow {
    border-color: #bbc4cd;
}

.comboTreeInputBox{
    border-color: #eff1f2 !important;
}

.footer {
    /*bottom: unset !important;*/
    background-color: unset !important;
    font-size: .9em;
    height: 60px;
    position:static !important;
}


.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}
.left-side-menu button.button-menu-mobile.waves-effect {
    color: #fff;
    display: inline-block;
    height: 70px;
    line-height: 70px;
    width: 60px;
    background-color: transparent;
    font-size: 24px;
    cursor: pointer;
    border: none;
}
.left-side-menu .logo-box {
    display: inline-flex;
}
#sidebar-menu ul#side-menu li.no-link a span,
#sidebar-menu ul#side-menu li.no-link a i {
    opacity: 1;color: #acb3bb;
}
.row-of-notification{border: 1px solid #ddd;
    padding: 4px;
    transition: transform 0.2s;}

.offcanvas.w-90 {
    width: 92% !important;
}
.offcanvas.w-80 {
    width: 82% !important;
}
.offcanvas.w-70 {
    width: 72% !important;
}
.offcanvas.w-60 {
    width: 62% !important;
}
.offcanvas.w-40 {
    width: 42% !important;
}

.logo-box {
    /*padding-left: 55px;*/
    height:60px !important;
    left:60px;
    width:auto !important;
    display:inline-block !important;
    background:unset !important;
}
.logo-box .logo {
    line-height: 60px !important;
}

.progress, .progress-bar{height:25px;}

.menu-collapse-bound {
    position:fixed;
    left:0px;
    z-index:999;
}
.border {
    border: 1px solid #dee2e6 !important;
}
.border-top {
    border-top: 1px solid #dee2e6 !important;
}
.border-right {
    border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
    padding: 6px 0 !important;
}
.border-left {
    border-left: 1px solid #dee2e6 !important;
}
div.pagetitle-align-right-container a.ui-btn.ui-btn-link.lists-list-back{display:none}
.progress, .progress-bar{height:25px;}

.file-icon-size {
    font-size:18px;
}
.file-icon-size.fas.fa-file-word {
    color: #2b5797;
}
.file-icon-size.fas.fa-file-excel {
    color: #217346;
}
.file-icon-size.fas.fa-file-pdf {
    color: #c0392b;
}
.file-icon-size.fas.fa-file-image {
    color: #e67e22;
}
.file-icon-size.fas.fa-file {
    color: #7f8c8d;
}

#sidebar-menu .menu-item-plus {
    padding: 3px 0px 3px 0px !important;
}

#sidebar-menu .menu-item-plus a{
    display: inline !important;
}
#sidebar-menu .menu-item-plus .menu-item-plus-icon{
    display: none !important;
    padding-right:0 !important;
}
#sidebar-menu .menu-item-plus  .view-url{
    padding-left:0 !important;
}
#sidebar-menu .menu-item-plus:hover .menu-item-plus-icon
{
    display: inline !important;
    /* padding-right:0 !important; */
}
#sidebar-menu .menu-item-plus:hover .menu-item
{
    display: none !important;
}
#sidebar-menu .menu-item-plus:hover .menu-item
{
    /* padding-left:0 !important; */
}
#sidebar-menu .menu-item-plus:hover
{
    /* padding-right:0 !important; */
}

html[data-sidebar-size=condensed] .left-side-menu {
    position: fixed;
    padding-top: 10px !important;
}

html[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li.menu-item-plus .menu-item{
    display: list-item !important;
}
html[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li.menu-item-plus:hover .menu-item-plus-icon {
    display: none !important;
}
html[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li {
    text-align:center;
}
html[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>a {
    background: none;
    box-shadow: none;
    /*Ngocub remove hover on menu condensed*/
    width:auto;
}
html[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover span{
    display: none !important;
}
html[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse {
    display:none !important;
}


.navbar-custom .button-menu-mobile {
    width:70px;
}

html[data-sidebar-size=condensed] .logo-box {
    display: none;
}

.mobile-element-add {
    bottom:40px;
    right:40px;
}
select.lang-selection {
    padding: 5px 10px;
    border: 0px !important;
}
div.ql-container.ql-snow div.ql-editor{
    max-height: 500px;
    overflow-y: scroll !important;
}
#lists-title-action-add::after{left:auto}
.navbar-custom .topnav-menu .nav-link {
    line-height: 48px;
    max-height: 60px;
}

.task-create {
    width:800px !important;
}
/*///////////////////////////////DEMO ANGIANG/////////////////////////*/
body#body-blank-page {
    background: url(/app/res/images/angiang/angiang_login_background.jpg) !important;
    background-size: 100% !important;
    background-size: contain !important;
    background-blend-mode: screen;
    background-repeat: round !important;
}

body#body-blank-page #login-container{  
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 64px 48px;
    margin-top: 32px;
    border-radius: 16px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.20);
    row-gap: 20px; 
	width: 560px;
}

@media ( max-width :576px) {	
	body#body-blank-page #login-container{  
		display: flex;
		flex-direction: column;
		background: #fff;
		padding: 64px 48px;
		margin-top: 32px;
		border-radius: 16px;
		box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.20);
		row-gap: 20px; 
		width: auto;
	}
}
body#body-blank-page #login-form{ 
	padding: 15px;
    background: transparent;
    border-radius: 10px; 
}
body#body-blank-page #login-container .login_form_title {
	font-size: 22px;
    font-family: sans-serif;
    font-weight: bold;
}
body#body-blank-page #login-container #login_form_title_app {
    margin-top: 10px;
    font-size: 25px;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    color: #B9000E;
}

body#body-blank-page #login-container #login-form div.form-group.field-login-form-captcha .control-label{
	margin-top:auto;margin-bottom:auto;
}
body#body-blank-page #login-container #login-form div.form-group label{
	font-size:14px;
}
body#body-blank-page #login-container #login-form div.form-group .help-block{
	color: red;
	display: block;
    width: 100%;
    position: relative;
    font-size: 13px;
    margin-top: auto;
    margin-bottom: auto;
	margin-left:5px;
}
body#body-blank-page #login-container #login-form div.form-group #login-form-captcha{
	border: 1px solid #eff1f2;
    width: 98px;
    margin-top: auto;
    margin-bottom: auto;
    height: 25px;
    padding: 3px;
}
body#body-blank-page #login-container #login-form div.form-group input.form-control{
	border: 0px;	
	height:20px;
}
body#body-blank-page #login-container #login-form div.form-group.field-login-form-rememberme .help-block {
	display:none;
}
body#body-blank-page #login-container #login-form div.form-group.field-login-form-rememberme {
	border: 0px;
	margin-bottom:10px;
}
body#body-blank-page #login-container #login-form button.login-button {
	    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    height: 48px;
    padding: 5px 35px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 8px !important;
	border:0;
    background: #B9000E;
    color: #FFF;
    text-align: center;
    font-family: sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px
}
body#body-blank-page #login-container #login-form div.form-group {
    width: 100%;
    display: flex;
    height: 48px;
    padding: 8px 12px;
    background: #FFF;
    color: #717679;
    font-family: sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 6px;
    border: 1px solid #BCBCBC;
	margin-bottom:10px;
	overflow:hidden;
}

body#body-blank-page #login-container #login-form div.form-group input:-webkit-autofill {
    background-color: #f5f5f5 !important;  /* Your desired background */
    color: #000 !important;               /* Text color */
    transition: background-color 5000s ease-in-out 0s; /* Prevent flashing */
}

/*///////////////////////////////DEMO ANGIANG/////////////////////////*/

.left-side-menu .logo-box{width:auto}
.left-side-menu .logo-box .logo-lg-text-light{width:auto}

/*///////////////////////////////DEMO ANGIANG/////////////////////////*/
body#body-main-page  .left-side-menu .h-100.menuitem-active.simplebar-scrollable-y ,
body#body-main-page  .left-side-menu .h-100.menuitem-active,
body#body-stream-page  .left-side-menu .h-100.menuitem-active.simplebar-scrollable-y 
{margin-top:0px;}
body#body-main-page .logo .logo-lg-text-light ,
body#body-stream-page .logo .logo-lg-text-light 
{margin-left:20px;}
body#body-main-page ,
body#body-stream-page 
{
	background: url(/app/res/images/angiang/angiang_home_background.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: calc(100% + 220px) auto !important;
    background-position: -220px top !important;
}

/*body#body-main-page ,
body#body-stream-page 
{
	background-image: 
        linear-gradient(to right, white 0px, white 50px, transparent 50px),
        url(/app/res/images/angiang/angiang_home_background.jpg) !important;
    background-size: auto, calc(100% + 220px) auto !important;
    background-position: left top, -220px top !important;
    background-repeat: no-repeat, no-repeat !important;
    background-color: white !important;
}*/

footer.footer.d-none.d-sm-block {
    background: url(/app/res/images/angiang/angiang_home_background.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: calc(100% + 220px) auto !important;
    background-position: -220px top !important;
}

body#body-main-page #sidebar-menu>ul>li>a, 
body#body-stream-page #sidebar-menu>ul>li>a, 
body#body-main-page #sidebar-menu #side-menu .nav-second-level li a,
body#body-stream-page #sidebar-menu #side-menu .nav-second-level li a
{
	color:white;
	background-color:#1B212B;
}
html, body {
  min-height: 100vh;
}
body#body-main-page  #wrapper .navbar-custom.bg-transparent.bg-opacity-10, 
body#body-stream-page  #wrapper .navbar-custom.bg-transparent.bg-opacity-10
{
	border: 0px !important;-webkit-box-shadow: unset;
    box-shadow: unset;
}

body#body-main-page .left-side-menu
body#body-stream-page .left-side-menu
{
    width: 210px;
    margin-top: calc(50px + 20px);
	padding-top:0px;
}
#wrapper {
    padding-top: 60px;
}
.left-side-menu{
    width: 210px;
    margin-top: 60px;
    padding-top: 0px;
    background-color: #1B212B;
    opacity: 0.9;
    z-index:2 !important;
}

body#body-blank-page.login-bg-clouds .container{padding-top:20px;}
button.button-menu-mobile.waves-effect.waves-light i.fe-menu,
button.button-menu-mobile.waves-effect.waves-light i.fe-menu:before{color:yellow}

.left-side-menu .logo-lg-text-light.logo-hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

img#login-form-captcha-image{height: 50px;margin-top: -10px;}

footer.footer span.footer-link,footer.footer a.footer-link, footer.footer a.theme-block{color:white !important;font-size:14px;}
#col_content .vps-as-log-index{background: #f0fcff;}
/*
.left-side-menu .nav-second-level li a{padding: 1px 1px 0 20px !important;}
#wrapper .content-page{margin-top:52px;} 
.left-side-menu .logo-box img {
  border: 2px solid rgba(255, 255, 255, 0.5); 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);   
  border-radius: 8px;                         
}
*/
/*///////////////////////////////DEMO ANGIANG/////////////////////////*/
.text-1-row {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-2-row {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.online-status-1 ,.online-status-0 {
    position: relative;
    display: inline-block;
}
.online-status-1 small,.online-status-0 small {
    position: absolute;
    right: -3px;
    bottom: -5px;
    font-size: .60rem;
}
.online-status-1 small {
    color: #4CAF50; /* Green for online */
}
.online-status-0 small {
    /*Grey for offline*/
    color: #9E9E9E;
}