.background-color1 td, .background-color1 th {
    background-color: #08c;
    color: white;
}
.background-color2 td, .background-color2 th {
    background: none repeat scroll 0 0 #dff0d8;
    color: #3c763d;
}
.background-color3 td, .background-color3 th {
    background: none repeat scroll 0 0 #fcf8e3;
    color: #8a6d3b;
}
.background-color4 td, .background-color4 th {
    background: none repeat scroll 0 0 #f2dede;
    color: #a94442;
}
.background_color1,.background_color1 a{
    background-color: #4DA3CF;
    color: white;
}
.background_color2,.background_color2 a{
    background: none repeat scroll 0 0 #dff0d8;
    color: #3c763d;
}
.background_color3,.background_color3 a{
    background: none repeat scroll 0 0 #fcf8e3;
    color: #8a6d3b;
}
.background_color4,.background_color4 a{
    background: none repeat scroll 0 0 #f2dede;
    color: #a94442;
}
.background_color_red{
    background: #EF4836	;
    color: #fff;
}
.background_color_red_doc a ,.background_color_red_doc{
color: #EF4836;
}
.background_color_red a {
color: #fff;
}
.taxes a .icon-close {
font-size:14px;
margin-top:0px;
}
.btn.btn-icon-only.red.pos-abs {
  height: 20px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 27px;
  width: 20px;
  cursor:pointer;
  z-index:9;
}
.removecontactform{
  float: left;
  position: relative;
  width: 100%;
}
.checker label.error {
  margin-top: 18px;
  max-width: none;
  text-align: left;
  width: 108px;
}
.login-form #flashMessage {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: rgb(169, 68, 66);
  float: none;
  padding: 0;
  margin: 17px 0;
}
.login-form .alert-danger {
background:none;
border:none;
}
.cashflow-generate-table .dropdown > .dropdown-menu::after, .dropdown-toggle > .dropdown-menu::after, .btn-group > .dropdown-menu::after{display:none !important;}
.cashflow-generate-table .dropdown > .dropdown-menu::before, .dropdown-toggle > .dropdown-menu::before, .btn-group > .dropdown-menu::before{display:none !important;}
.onloaddispnone{display:none}
th:hover .onloaddispnone{display:block;}
.row.cashFlow >.col-md-9, .row.cashFlow >.col-md-2 {
padding-right: 0px;
}
.margin-top-15{
	margin-top:15px;
}
.fileView .row li {
    margin: 15px 0;
}
.update{
	cursor:pointer;
	text-decoration:underline;
}
.font-size-10 .bootstrap-switch-handle-on, .font-size-10 .bootstrap-switch-handle-off{font-size:10px !important;}
 .signature {
    width: 150px; 
}
.engineer a .icon-plus, a .icon-close {
margin-top: 11px;
}

.notification-wrap{
	list-style-type: none;
    padding: 0;
}
.notification-wrap li a {
    padding: 5px 15px;
    display: block;
    color: #74788d;
    margin: 0 !important;
}
.notification-wrap li a:hover{
	background-color:#f9f9f9;
	color:#556ee6
}
.notification-wrap li div{
	padding-left:15px
}

.notification-wrap li .subject{
	display: flex;
    align-items: center;
}
.notification-wrap li .subject input{
	margin-left:15px;
}

/****************************New Css******************************/
/* =============
   Form elements
============= */
.parsley-error {
  border-color: #f05050 !important;
}
.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}
.parsley-errors-list.filled {
  display: block;
}
.parsley-errors-list > li {
  font-size: 12px;
  list-style: none;
  color: #f6504d;
}

.portlet-body .col-md-4{min-height: 35px;}
#divLoading.show
{
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('../../img/spinner.gif');
    background-color:#666;
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
#loadinggif.show
{
    left : 50%;
    top : 50%;
    position : absolute;
    z-index : 101;
    width : 32px;
    height : 32px;
    margin-left : -16px;
    margin-top : -16px;
}
.quick-links i {
  color: #fff !important;
}
.item-check{
	min-height:20px;
	background-image : url('../../img/vehicle-check.png');
	background-repeat: no-repeat;
}
.item-not-check{
	min-height:20px;
	background-image : url('../../img/vehicle-not-check.png');
	background-repeat: no-repeat;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
	padding: 16px 16px 15px 3px !important;
}

.color-labels label{width:162px;padding:10px;text-align:center;color:#fff;border-radius:5px;cursor:pointer}
.color-labels div.radio{display:none}

.dark{background-color: #2F353B;color:#FFFFFF}
.dark.btn:hover, .dark.btn:focus, .dark.btn:active, .dark.btn.active {background-color: #383F46;color: #FFFFFF;}

.font-green-light{color:#3EC0CC !important}
.green-light{background-color: #32C5D2;color:#FFFFFF}
.green-light.btn:hover, .green-light.btn:focus, .green-light.btn:active, .green-light.btn.active {background-color: #3EC0CC;color: #FFFFFF;}

.font-red-mint{color:#E43A45 !important}
.red-mint{background-color: #E43A45;color:#FFFFFF}
.red-mint.btn:hover, .red-mint.btn:focus, .red-mint.btn:active, .red-mint.btn.active {background-color: #F3656F;color: #FFFFFF;}

.font-yellow-soft{color:#C8D046 !important}
.yellow-soft{background-color: #C8D046;color:#FFFFFF}
.yellow-soft.btn:hover, .yellow-soft.btn:focus, .yellow-soft.btn:active, .yellow-soft.btn.active {background-color: #C5CC59;color: #FFFFFF;}

.font-yellow-mint{color:#C5B96B !important}
.yellow-mint{background-color: #C5B96B;color:#FFFFFF}
.yellow-mint.btn:hover, .yellow-mint.btn:focus, .yellow-mint.btn:active, .yellow-mint.btn.active {background-color: #A29851;color: #FFFFFF;}

.font-grey-gallery{color:#555555 !important}

.font-grey-mint{color:#525E64 !important}
.grey-mint{background-color: #525E64  !important;color:#FFFFFF}
.grey-mint.btn:hover, .grey-mint.btn:focus, .grey-mint.btn:active, .grey-mint.btn.active {background-color: #55646B  !important;color: #FFFFFF;}

.red > div.message{background:#D84A38} .dark > div.message{background:#2F353B} .blue > div.message{background:#2977F7}
.blue-madison > div.message{background:#578EBE} .blue-chambray > div.message{background:#2C3E50} .blue-hoki > div.message{background:#67809F}
.blue-steel > div.message{background:#4B77BE} .green > div.message{background:#2D8F3C} .green-light > div.message{background:#32C5D2}
.green-meadow > div.message{background:#1BBC9B} .green-seagreen > div.message{background:#1BA39C} .green-haze > div.message{background:#44B6AE}
.green-jungle > div.message{background:#26C281} .grey-gallery > div.message{background:#555555} .grey-cascade > div.message{background:#95A5A6}
.grey-silver > div.message{background:#BFBFBF} .grey-salsa > div.message{background:#ACB5C3} .grey-mint > div.message{background:#525E64}
.red-pink > div.message{background:#E08283} .red-sunglo > div.message{background:#E26A6A} .red-intense > div.message{background:#E35B5A}
.red-thunderbird > div.message{background:#D91E18} .red-flamingo > div.message{background:#EF4836} .red-soft > div.message{background:#D05454}
.red-haze > div.message{background:#F36A5A} .red-mint > div.message{background:#E43A45} .yellow > div.message{background:#FFAA24}
.yellow-gold > div.message{background:#E87E04} .yellow-casablanca > div.message{background:#F2784B}
.yellow-crusta > div.message{background:#F3C200} .yellow-lemon > div.message{background:#F7CA18} 
.yellow-saffron > div.message{background:#F4D03F} .yellow-soft > div.message{background:#C8D046} .yellow-mint > div.message{background:#C5B96B}
.purple > div.message{background:#793A93} .purple-plum > div.message{background:#8775A7} .purple-medium > div.message{background:#BF55EC}
.purple-studio > div.message{background:#8E44AD} .purple-wisteria > div.message{background:#9B59B6}
.purple-seance > div.message{background:#9A12B3} .purple-intense > div.message{background:#8775A7}
.purple-sharp > div.message{background:#796799} .purple-soft > div.message{background:#8877A9}
.portlet-body.overhead_sec .pull-right.bold.uppercase {
  bottom: 20px;
  left: 0;
  position: absolute;
  text-align: left;
  width: 80%;
}
.portlet-body.overhead_sec { position: relative;}
@media(max-width:1466px){
  .portlet-body.overhead_sec .pull-right.bold.uppercase {width:90%;}

}
.fixed-cost {
  font-size: 13px;
  position: absolute; font-weight:bold;
  right: 0;
  top: 30px;
  width: 275px;
}
.fixed-text {
  float: left;
  width: 100%;
}
.manage-doc-reminder  .icon-plus, .icon-close{cursor:pointer}
.used-space {color: #697882;font-size: 18px;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject {margin-left: 0;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message {margin-left: 0;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {padding: 6px 15px 8px;}
.invoice-notify {color: #fff;font-size: 12px !important;}
.read-unread {
  
}

.read-unread.fa.fa-check-circle{padding-left:2px;font-size: 14px;color:#2D8F3C !important} 
.read-unread.fa.fa-times-circle{padding-left:2px;font-size: 14px;color:#C63927 !important} 
.select2-container .select2-selection--single {height: 34px;border: 1px solid #e5e5e5;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {font-size: 14px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 14px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{color:#999;}
.select2-container--open .select2-dropdown--below {border-color: #e5e5e5;}
.select2-container--default .select2-search--dropdown .select2-search__field {border-color: #e5e5e5;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {padding: 29px 5px 24px;}
span.select2 {
  width: 100% !important;
}
.margin-right-30{margin-right:30px}



@media screen and (max-width:1600px){
 .col-md-2.used-space.bold{width:13% !important;}
 .page-header.navbar .search-form.open{width:170px !important;}
 .col-md-2.eviva-clock {
  font-size: 20px;
  top: 0;
  width: 14%;
}


.portlet.light{    overflow: auto;}
}
@media screen and (max-width:1445px) and (min-width: 1421px) {
.col-md-2.eviva-clock {   font-size: 18px;   top: 0;   width: 13%;}
}

@media screen and (max-width:1420px){
  .page-header.navbar{height:auto; min-height:auto;}
  .page-header.navbar .page-logo {
    
    display: block;
    width: 200px;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.page-header.navbar .page-logo .logo-default {max-width: 100%;}
  .col-md-2.used-space.bold {       font-size: 14px;}
.col-md-2.eviva-clock {  font-size: 14px;   }
   .page-header.navbar .page-top {   height: auto;   float: right;   }
.page-header.navbar .search-form {  margin: 22px 10px 0 0;  display: inline-block;   width: 20px;   float: left;}
.page-header.navbar .search-form .input-group {  padding: 1px 4px;  line-height: normal;   margin: 0;  display: block;}
.page-header.navbar .search-form .input-group .form-control {display: inline-block;height: auto; font-size: 0;}
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit {  margin: 0;  line-height: normal;}
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {  font-size: 12px;  margin: 0px; padding: 0;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown {height: auto;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    padding: 24px 5px 20px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #C0CDDC;
    font-size: 12px !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge { display: inline-block;
  
    padding: 5px;
    height: auto;
    font-size: 10px !important;
}
}

@media screen and (max-width:1199px){
  .page-header.navbar .page-logo {    margin-top: 0px;      padding-left: 20px;  padding-right: 20px; width: 158px}
  .page-header.navbar .page-logo .logo-default {    width: 68px;    margin-top: 25px;}
.col-md-2.used-space.bold, .col-md-2.eviva-clock{   font-size: 12px;}
  .page-header.navbar .page-top {    }
  
  .page-header.navbar .search-form .input-group {  padding: 1px 4px;  line-height: normal;   margin: 0;  display: block;}
  
}

@media screen and  (max-width:1080px){
  .col-md-2.used-space.bold, .col-md-2.eviva-clock {width: 10%!important;text-align:center;}

}

@media screen and  (max-width:991px){



}


.breadcrumb {
    padding: 0 !important;
    margin-bottom: 15px !important;
}

.breadcrumb li:first-child a{ 
    font-weight: 600;
}

.breadcrumb li:nth-child(2){
    margin-left: auto;
}
.breadcrumb li:nth-child(2):before{
	display:none
}
.change-jobno-text{
	font-weight:700
}

span.select2 {
    height: 36px;
}
span.select2  .selection{
	height: 100%;
    display: block;
}
span.select2  .selection .select2-selection{
	height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 36px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
}
.form-group{
	margin-bottom:15px !important;
}
.notesimageperview{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #ddd;
    object-fit: cover;
}
.img-review {
    position: relative;
    display: inline-flex;
}
.img-review .show-img-uplod {
    width: 24px;
    height: 24px;
    display: flex;
    position: absolute;
    top: 10px;
    background: #f2f2f2;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    right: 0;
}

.modal-title {
    font-size: 16px;
}

.eviva-clock {
    font-size: 16px;
    font-weight: bold;
    margin-top: 24px;
    color: #556ee6;
    margin-left: 12px;
}

   .used-space {
      color: #697882;
      font-size: 14px;
   }
   
   
.notification-wrap {
    overflow-y: scroll;
    max-height: 330px;
}

.bootbox-body {
    text-align: center;
    float: left;
    width: 100%;
}
.bootbox-close-button.close {
    margin-top: 0 !important;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 20px;
    right: 0;
    float: right;
}

.add-eng-modal .row .form-group {
	display:flex;
	gap:5px
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px;
}
#external-events .nav-link{padding:8px 5px;border:none !important}

#external-events .nav-link.active{
	background:#556ee6;
	color:#fff
}

@media only screen and (max-width: 1365px) {
	.fc-event-main h4{
		font-size:14px
	}
	
    .my_job {
        flex-basis: 47.8% !important;
    }
}
.close-tab-info{
    float: right;
    font-size: 20px;
	color:#ddd
}

.portlet-title.d-flex.gap-2.mb-3.align-items-center .caption-subject {
    width: 150px;
    display: flex;
}

.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off {
    width: 80px;
}
.bootstrap-switch .bootstrap-switch-container {
    width: 80px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
    margin-left: -80px;
}
 .bootstrap-switch .bootstrap-switch-label{display:none !important}
 .bootstrap-switch {
    min-width: 80px;
}

#sort-manage-work-items li ul{
	padding-left:0
}

.input-group-text,.form-control {
    min-height: 38px;
}

.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-label {
    padding: 7px 12px;
}
.datepicker-days {
    padding: 10px;
}
.table-condensed>tbody>tr>td, .table-condensed>thead>tr>th {
    text-align: center;
	border-radius:4px
}
div.dataTables_wrapper div.dataTables_length select {
    min-width: 60px;
}
.img-per{display:block}
span.application-number strong {
    background: #f2f2f2;
    padding: 0 8px;
    border-radius: 2px;
}
.btn-icon{
	height: 38px;
    width: 38px;
    padding: 0;
    line-height: 38px;
}
#cmpny-invs-active_wrapper table td:last-child a ,#datatable_wrapper table td:last-child a,
#purchase-listing-table_wrapper table td:last-child a, #DataTables_Table_0_wrapper table td:last-child a,
#DataTables_Table_1_wrapper table td:last-child a{
	margin-right:5px
}

select {
    min-height: 38px;
}

#sidebar-menu ul .row li a {
display: flex;
    gap: 5px;
    align-items: center;
}
#sidebar-menu ul .row li a i {
    min-width: auto;
    font-size: 15px;
}
.fm-header .btn.lang-selector{
	min-height:auto
}




.scroller{
	overflow:auto
}
.scroller::-webkit-scrollbar {
    width: 10px;
}

.scroller::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scroller::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
    border: 2px solid #f1f1f1;
}

.scroller::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a i {
    font-size: 1.45rem;
    margin-left: 0 !important;
}
.question_icon{
    margin-left: 0
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057 !important;
}
.nav-tabs li .nav-link {
    color: #5b9bd1 !important;
   }
   .table-hover>tbody>.custom-css:hover>* {
    --bs-table-color-state: inherit;
    --bs-table-bg-state: inherit !important;
}
.table-striped>tbody>.custom-css:nth-of-type(odd)>* {
    --bs-table-bg-type: inherit;
}
.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th {
    background: #dff0d8;
    color: #3c763d;
}
.cstm-table .table tbody tr.active td, .table tbody tr.active th {
    background-color: #08c;
    color: #fff;
}
.cstm-table td:nth-child(2n+3) {
    background: #bfcad1;
}
.cstm-table th:nth-child(2n+3) {
    background: #bfcad1;
}
.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
    outline: none!important;
    background-image: none!important;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}
.cstm-table .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.cstm-table .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: #333;
    background-color: #ededed;
    border-color: #b3b3b3;
}
.bx-search-alt {
    font-size: 13px !important;
}
.caption .fa-cogs,
.caption .fa-dribbble,
.caption .fa-map,
.caption .fa-wrench,
.caption .fa-tag{
    font-size: 15px;
}
.caption .bx-message-detail{
    font-size: 17px;
}
/* .col-md-9 .bootstrap-switch{
    width: 100% !important;
} */
.caption-subject{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
hr {
    margin-block: 0.75rem !important;
}
.icon-settings{
    margin-left: -1px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee !important;
}
.uneditable-input{
    display: flex !important;
    gap: 2px
    }
    .fileinput-filename {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important; 
    -webkit-box-orient: vertical !important;
    overflow: hidden !important; 
    text-overflow: ellipsis !important;
    }
    #page-header-search-dropdown i{
        width: 38px;
        height: 38px;
        border: 1px solid #5b7595;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
    }
    .modal form{
        margin-top: 0 !important;
    }