/*start of open side panel div*/
.open_side_div {height: 100%;width: 0;position: fixed;z-index: 1100;top: 0;left: -40%;background-color: #FFFFFF;overflow-x: hidden;transition: 0.5s;padding: 2.5rem;-webkit-box-shadow: 0px 1px 9px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 1px 9px -3px rgba(0,0,0,0.75);box-shadow: 0px 1px 9px -3px rgba(0,0,0,0.75);}
.open_side_div_overlay {background: rgba(0, 0, 0, 0.1);position: fixed;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden;z-index: 1000;display:none;}
.multiple_open_side_div_overlay {background: rgba(0, 0, 0, 0.1);position: fixed;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden;z-index: 1000;display:none;}
.quick_panel_open_side_div_overlay {background: rgba(0, 0, 0, 0.1);position: fixed;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden;z-index: 1000;display:none;}
.side_div_panel_head {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}    
.side_div_panel_title {font-size: 1.4rem;font-weight: 500;color: #33323f;margin: 0;padding: 0;}
.side_div_panel_close {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 28px;height: 28px;background-color: #f4f4f8;-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 4px;}
.side_div_panel_close i {-webkit-transition: all 0.3s;transition: all 0.3s;font-size: 0.8rem;color: #cacad7; }
.side_div_panel_close:hover {-webkit-transition: all 0.3s;transition: all 0.3s;background-color: #efb8a9; }
.side_div_panel_close:hover i {-webkit-transition: all 0.3s;transition: all 0.3s;color: #ffffff; }
.side_div_panel_body_scroll {overflow-y:auto;-webkit-overflow-scrolling: touch;}            
/*end of open side panel div*/

.has-error .select2-container--focus .select2-selection, 
.has-error .select2-container .select2-selection,
.has-error .select2-container .select2-selection { background: #FAEDEC; border: 1px solid #d71b29;}
.has-error input,
.has-error select,
.has-error textarea,
.has-danger-field {
    background: #FAEDEC;
    border: 1px solid #d71b29 !important;
    /*padding-right: calc(1.5em + 1.3rem);*/
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd397a' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd397a' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");*/
    /*background-image: url("cancel_form.png");*/
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.325rem);
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}

.mb-20{margin-bottom:20px;}
.pt-10{padding-top:10px;}

.btn-white, .btn-white:hover, .btn-white:active{ border:1px solid #ccc !important; background:#fff !important; color:#000 !important;}
.default-dropdown .dropdown-menu{height:auto !important;}

/*
.green {color: var(--green-bg);}
.purple {color: var(--purple-bg);}
.blue {color: var(--blue-bg);}
.yellow {color: var(--dark-yellow);}
.light-yellow {color: #E57725;}
.orange {color: var(--orange-bg);}*/

#header .header-profile-button span{width:auto;}

.udb-content-box{ width:calc(100% - 70px);}
.udb-right{width:25px;}

.td-dropdown-toggler-button {
	width: auto;
	max-width:inherit;
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
/*.fliter-search-row{ margin-right:0px;}*/

.custom-badge.green{background:#00C27C;border:1px solid rgb(255 199 0 / 50%);color:#fff;border-color:#00C27C;}

.chat-projects-content{ padding:20px 20px 30px; height:auto !important;}

.badge-group .bg-item + .bg-item {	margin-top: 10px;}

.btn-default, .btn-default:focus {color: #fff !important;background: var(--blue-bg) !important;}

.note-input{color:#000000;}

.custom-badge.yellow{padding: 7px 14px;border-color: #FFC700 ;color: #FFC700; background-color:#fff !important;}

.flex-sep-line {background: #e4e4e4 !important;}

.form-check-input{margin-top:0px !important;}
.page-filter-option-container-customer{ padding-top:0px;}
.btn-transparent:hover{color:#147FC3; background-color:inherit;}
.hstack-nav-row {padding: 18px 20px 12px; height:72px;}
.dialog-content-box{ bottom:90%; left:85%;}
.required {color: #FF0000;}
.offcanvas-end{z-index:99999;}

@media (max-width:1434px){
	.d-lg-none-project-header{display:block !important;}
	.d-lg-block-project-header{display:none !important;}
}