.cus-right-bar{
    width: 50px;
    /*background: #F44336;*/
    height: auto;border-left: 1px solid #DEDEDE;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;
}
.site-login .login-logo-wrapper .login-logo{width:140px;}
.pagetitle{background-color:#F4F5F7;}
.pagetitle .header-title{ margin:0px;}
.left-side-menu{
    width: 210px;
    padding-top: calc(40px + 20px);
}

.content-page{
    margin-left: 214px;
    /* overflow: hidden; */
    padding: 0px 17px 15px 0px;
    /* min-height: 80vh; */
}
.navbar-custom{
    position: inherit;
    height:60px;
    padding-left:224px;
}


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: 1.2em;
    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;
}

.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;
}
.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;
}

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;
}
.navbar-custom .logo span.logo-lg{height:60px;line-height:60px;}
.navbar-custom .logo-box{background:transparent !important; display:block;left:0px; padding-left:20px; width: 214px;}
.menu-collapse-bound {
    position: fixed;
    left: 0px;
    z-index: 999;
	height:60px;
}
span.logo-lg img{
	width: 60px;
    height: auto;
    border-radius: 50%;}
.logo .logo-lg-text-light{display:none;}
.navbar-custom .button-menu-mobile {
    border: none;
    color: var(--bs-topbar-item-color);
    display: inline-block;
    height: 60px;
    line-height: 60px;
    width: 60px;
    background-color: transparent;
    font-size: 24px;
    cursor: pointer;
}
.task-create {
    width:800px !important;
}

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

@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 15px 5px;
    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: 19px !important;
    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-bg-clouds {
    /*background: url(/app/res/images/hmd/hmd_bg.jpg) !important;*/
    background-size: 100% !important;
    background-size: cover !important;
    background-blend-mode: screen;
    background-repeat: no-repeat !important;
}
.form-group.field-login-form-captcha label{display:none;}
body#body-blank-page.login-bg-clouds .footer.footer-alt{
	position:fixed !Important;
	bottom:0px;
}
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;
    color: #FFF;
    text-align: center;
    font-family: sans-serif;
    font-size: 16px;
    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 */
}
.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;
}
.expandable-container {
    overflow: hidden;
    transition: max-height 0.6s ease;
}
.collapse-button {
    display: inline-block;
    margin-top: 10px;
    color: #007BFF;
    font-size: 14px;
    border-bottom: 1px solid #d7dce0;
    height: 25px;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 1) 20px);
    z-index: 3;
    cursor: pointer;
}

.expand-button {
    display: inline-block;
    margin-top: 10px;
    color: #007BFF;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 1px solid #d7dce0;
    height: 25px;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 1) 20px);
    z-index: 3;
    cursor: pointer;
}
.task-view-feed-post-text-more {
    height: 25px;
    width: 100%;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 1) 20px);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 1) 20px);
    z-index: 3;
    cursor: pointer;
}

.task-view-feed-post-text-more-but {
    background: none;
    display: block;
    border-bottom: 1px solid #d7dce0;
    height: 24px;
    margin: 0 10px;
    position: relative;
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
}

.task-view-feed-post-text-more-but:before {
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%208%22%3E%0A%20%20%3Cpath%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M431%2C15%20L437%2C15%20L437%2C17%20L431%2C17%20L429%2C17%20L429%2C9%20L431%2C9%20L431%2C15%20Z%22%20opacity%3D%22.5%22%20transform%3D%22rotate%28-45%20206.222%20522.935%29%22/%3E%0A%3C/svg%3E%0A) center 10px no-repeat;
    background-size: 12px 8px;
    border: 1px solid #d7dce0;
    border-bottom: none;
    border-radius: 16px 16px 0 0;
    bottom: -1px;
    content: '';
    height: 24px;
    left: 50%;
    margin-left: -32px;
    position: absolute;
    width: 63px;
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
}

.task-view-feed-post-text-more.active .task-view-feed-post-text-more-but:before {
    height: 26px;
}

.task-view-feed-post-text-more.active .task-view-feed-post-text-more-but {
    border-top: 1px solid #d7dce0;
    border-bottom: none;
}

.task-view-feed-post-text-more.active .task-view-feed-post-text-more-but:before {
    /* background-color: transparent; */
    transform: rotate(180deg);
}
.log-item-content-bound .border-bottom.stream-files-bound {
    border-bottom: none !important;
    display: block !important;
}