.cl-mcont .row.top0 {
	margin-top: 0px;
}
.cl-mcont .row.top4 {
	margin-top: 4px;
}

.pad6 {
	padding: 6px 0 6px 0;
}

.padbot15 {
	padding: 0 0 15px 0;
}

.shade {
	background: #e1e1e1;
}

.bottom-align-text {
  position: absolute;
  bottom: 0;
  right: 0;
}

#btnFavorite{
  width:180px;
}

.searchable{
  /*width:100px;*/
}

.left-align{
  padding-left:30px;
}

.resume_send span{
  display: block;
  float: left;
  width: 100px;
  padding:0px;
  margin:0px;
}

.resume_send p{
  margin-left: 120px;
  font-weight:bold;
  padding:0px;
  margin:0px;
}

table.resume_message{
  border-collapse: none;
}

#modalTerms .modal-body {
    max-height: 420px;
    overflow-y: auto;
}

.pagination-detail{
  margin-top:10px;
}

.tdnowrap{
  white-space: nowrap
}

.text-right{
  text-align:right;
}

.text-center{
  text-align:center;
}

.text-left{
  text-align:left;
}

td.dayoff{
  text-align:center;
  color:#cccccc;
}

th.white{
  background-color:#fff;
}

.comments_thread li{
  padding:1px 0px 1px 0px;
  margin-left:-25px;
  list-style: none;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.ajaxloader {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('/assets/img/loader.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading .ajaxloader {
    overflow: hidden;
}

 /* Anytime the body has the loading class, our
   modal element will be visible */
.loading .ajaxloader {
    display: block;
}

.cl-mcont{
  /*display:none;*/
}

.order{
  float:right;

}


/* NAV BAR */
.navbar {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #4C4E56;
}

.navbar-brand {
	/* position: absolute;
	top: 0; */
	height: 44px !important;
}


.navbar-default .navbar-brand {
	background-size:contain;
}

@media (max-width: 979px) and (min-width: 768px){
	.navbar-default .navbar-brand {
    width: 206px;
		background-position: 0;
	}
}

.btn-danger {
	background-color:#ED1C24;
}

.nav-tabs > li > button.active, .nav-tabs >  li > button.active:hover, .nav-tabs >  li > button.active:focus {
	border-top: 2px solid #ED1C24 !important;
  border-bottom: none;
}

.nav-tabs > li > button {
	color:#FF6600;
}

.nav-tabs .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius:0;
}

/* PAGINATION */

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #FF6600;
    color: #fff;
}

@media print {
  /*html, body, .main-content, .tabs, .tabbed-content { float: none; }

    .no-print, .no-print *
    {
        display: none !important;
    }

    table {
        border:solid #000 !important;
        border-width:1px 0 0 1px !important;
        line-height:12px !important;
        padding:0px !important;
        margin:0px !important;
    }
    .print{
      display: block !important;
    }

    .fixed-table-toolbar
    {
      display: none !important;
    }

    .table-no-border{
      border:none !important;
    }

    h3{
      margin-bottom:1px;
    }
    h4{
      margin:0px;
    }

    th{
      border:solid #000 !important;
      border-width:0 1px 1px 0 !important;
      white-space:nowrap !important;
      font-size:11px  !important;
    }

    td{
      border:solid #000 !important;
      border-width:0 1px 1px 0 !important;
      font-size:11px  !important;
    }

    .show_div{
      display:inline !important;
    }

    .page-break	{ display: block; page-break-before: always; }*/
}

#tbl-contractors {
}

.dropdown-link {
  display: block;
  text-align: center;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  color: black;
}

.dropdown-link:hover {
  background-color: #f8f9fa;
}

.table-scrollx {
  display: block;
  width: 100%;
  overflow-x: scroll;
}

.greyed-out td {
  color: grey;
}

.navbar-brand{
  margin-left:-5px !important;
}


.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #848484;
  color:#fff;
}

tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
  font-weight: bold;
  background-color: #272930;
  color:#fff;
}


thead.timesheet{
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
  font-weight: bold;
  background-color: #272930;
  color:#fff;
}


tr.breakline td:first-child {
    border-left: 0px !important;
    border-right: 0px !important;
    background-color: #fff;
}

tr.table-heading td{
  background-color: #000;
  color:#fff;
  font-weight: bold;
}

tr.table-footer td{
  font-weight: bold;
}

.input-error{
  border:1px solid #C63527;
  color:#C63527;
}

.text-red-error{
  font-weight:bold;
  color:#C63527;
}

.toggle-off.btn-sm {
  padding-top:7px;
  padding-left:0px;
  margin-left:0px;
}

.toggle-on.btn-sm {
  padding-top:9px;
  padding-left:12px;
  background-color:#72BF44 !important;
}

label.btn-primary{
  background-color:#72BF44 !important;
}

.switch-toggle {
  width: 10em;
}

.switch-toggle.no-width {
  width: 100%;
}

.switch-toggle label:not(.disabled) {
  cursor: pointer;
}

.range-field{
  background-image: url("/img/3toggle.jpg");
}


.invoice_date{
  font-size:16px;
}

.invoice td{
  padding:20px;
}

.timesheet-nav{
  margin-bottom:2px;
  font-size:20px;
}

span.desktop{
  font-size:16px;
}

.timesheet-nav-on{
  color:#333;
  font-weight:bold;

}

.timesheet-nav-default {
  background-color:#ccc !important;
}

.add-time{
  color:#FF6600;
  font-weight: normal;
}

@media screen and (max-width: 414px) {
  span.mobile { display: block; }
  span.desktop { display: none; }
  .timesheet-nav{ width: 100%; }

  .poweredby{
    display: inline;
    color:#999;
    padding:10px;
    position: absolute;
      bottom: 10px;
      left: 0;
  }


}
@media screen and (min-width: 414px) {
  span.mobile { display: none; }
  span.desktop { display: block; }
  .mobile-break { display: none; }
  .timesheet-nav{ min-width:80px !important; }
  .xpoweredby{
    display: none;
    color:#999;
    padding:10px;
    position: absolute;
      bottom: 10px;
      left: 0;
  }
}


@media screen and (max-width: 786px) {
  .poweredby_mobile{
    display: none;
    padding:10px;
    position: absolute;
      bottom: 0px;
      left: 0;
  }
}

@media screen and (min-width: 786px) {
  .poweredby_mobile{
    display:none;
  }
}

@media screen and (max-width: 980px) {
  .poweredby{
    display: none;
    color:#999;
    padding:10px;
    position: absolute;
      bottom: 10px;
      left: 0;
  }
}

@media screen and (min-width: 980px) {
  .poweredby{
    display: inline;
    color:#999;
    padding:10px;
    position: absolute;
      bottom: 10px;
      left: 0;
  }
}

.badge {
    min-width: 28px;
    border-radius: 4px;
}

.quick_timesheet{
  min-width: 110px;
}


.align-top{
  vertical-align:top !important;
}

.btn_didnotwork{
  height: 30px;
  padding-top:8px;
}

.block-flat{
  border:0px;
  padding:3px;
}

#rate_day_hrs, .rate_day_hrs_input, .rate_hour_hrs_input, #mileage_bil{
  min-width: 50px;
  height:30px;
}

.checkbox-inline{
  padding-top:0px !important;
  padding-left: 20px;
}

hr {
  margin-top: 20px!important;
  margin-bottom: 20px!important;
}

span.day-total{
  font-size:24px;
}

.cl-vnavigation .popover {
    width: 400px;
}

.poweredby{
  color:#999;
  padding:10px;
  position: absolute;
    bottom: 10px;
    left: 0;
  font-size:12px;
}


.cl-vnavigation .popover {
    width: 400px;
}


.nowrap{
  white-space:nowrap;
}

.container-fluid{
  height: 100%;
}

.red{
  color:#ED1C24;
}

.attention{
  color:#ED1C24;
  background-color:#efefef;
  font-size:16px;
  font-weight:600;
  padding:5px 5px 5px 10px;
  margin-top:20px;
  border-radius: 5px;
}

.saved{
  color: #72BF44 !important;
}

.bold{
  font-weight:800;
}

.years_exp{
  width:50px;
}

.profile_dd{
  height:48px !important;
}

/*.hamburger {
  font-size: 30px;
  cursor: pointer;
  top: 20px;
  right: 20px;
  position: fixed;
}

#mySidenav {
  height: 100%;
  width:0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: scroll;
  padding-top: 60px;
  transition: 0.5s;
}

#mySidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s
}

#mySidenav a:hover,
#mySidenav .offcanvas a:focus {
  color: #f1f1f1;
}

#mySidenav .closebtn {
  position: absolute;
  top: 0;
  right: 16px;
  font-size: 35px;
  margin-left: 50px;
}

body {
  height: 200em;
  position: relative;
}*/

.btn-invoice{
  background-color:#FF6600 !important;
}

.panel_error{
  background-color:#FF6600 !important;
}

.blink-bg{
  color: #fff;
  animation: blinkingBackground 2s infinite;
}
@keyframes blinkingBackground{
  0%		{ background-color: #FF6600;}
  25%		{ background-color: #000;}
  50%		{ background-color: #FF6600;}
  75%		{ background-color: #000;}
  100%	{ background-color: #FF6600;}
}

.blink-bg{
  color: #fff;
  animation: blinkingBackground 2s infinite;
}
 
.width-100{
  width:100%;
}

.height-100{
  height:100%;
}

.mb-0{
  margin-bottom: 0px !important;
}

.font-color-666{
  color:#666;
}

.font-italic{
  font-style:italic;
}

.min-width-460{
  min-width: 460px !important;
}

.right-n-15{
  right: -15px;
} 

.height-144{
  height:144px;
}

.top-0{
  top: 0px;
}

.hidden{
  display: block;
}

.width-800{
  width:800px;
}

.float-left{
  float:left;
}

.mt-6px{
  margin-top:6px;
}

.ml-3px{
  margin-left:3px;
}
 
.p-50-10{
  padding:50px 10px;
}
 
.color-000{
  color:#000;
}

.width-height-70{
  width:70%;
  height:70%;
}
 
.pl-0px{
  padding-left:0px;
}

.height-50px{
  height:50px;
}

.text-left{
  text-align:left;
}

.width-37{
  width: 37%;
} 

.text-right{
  text-align:right;
} 

.width-45{
  width: 45%;
} 

.p-0px{
  padding:0px !important;
} 

.width-400{
  width:400px;
} 

.border-0{
  border:0px !important;
}

.line-height-16px{
  line-height:16px;
}

.mt-20px{
  margin-top:20px;
}

.border-lr-0px{
  border-left: 0px !important;
  border-right: 0px !important;
}

.mt-10px{
  margin-top:10px;
}

.bg-white{
  background-color: white;
}

.color-black{
  color: black;
}

.font-size-12px{
  font-size:12px;
}

.br-0px{
  border-radius: 0px;
}
 
.width-30{
  width:30%;
}

.color-990000{
  color:#990000;
}

.va-bottom{
  vertical-align: bottom !important;
}

.bl-0px{
  border-left: 0px; 
}

.bt-0px{
  border-top: 0px; 
}
 
.bb-0px{
  border-bottom: 0px; 
}
 
.pr-10px{
  padding-right:10px;
}

.pt-0px{
  padding-top:0px;
}

.bb-solid-1px{
  border-bottom:1px solid #ccc;
}

.mt-5px{
  margin-top:5px;
}

.color-72BF44{
  color:#72BF44;
}

.overflow-hidden{
  overflow-y:hidden; overflow-x: auto;
}

.height-75px{
  height:75px;
}

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

.font-weight-800{
  font-weight:800;
} 

.mt-8px{
  margin-top:8px;
}

.height-0px{
  height: 0px;
}

.bg-363636{
  background-color: #363636;
}

.pt-20px{
  padding-top:20px;
}

.text-center{
  text-align: center;
}

.bg-eeeeee{
  background-color: #eeeeee;
}

.p-10px{
  padding:10px;
}

.mb-10px{
  margin-bottom:10px;
}

.m-0px{
  margin:0px;
}

.text-deco-line{
  text-decoration: line-through;
}
 
.height-80px{
  height:80px;
} 
 
.width-80px{
  width:80px;
}

.p-15px{
  padding:15px;
}

.visibility-hidden{
  visibility: hidden;
}

.p-4px{
  padding:4px;
}

.width-60{
  width:60%;
}

.width-40{
  width:40%;
}

.ml-20px{
  margin-left:20px;
}

.bb-0px{
  border-bottom:0px;
}

.bg-white{
  background-color:#fff;
}
 
.pl-100px{
  padding-left:10px;
}

.height-30px{
  height:30px;
}


.line-height-26px{
  line-height:26px;
}

.color-green{
  color:green;
}

.ml-10px{
  margin-left:10px;
}

.border-lbt-0{
  border-left:0;
  border-bottom:0;
  border-top:0;
}

.bt-solid-black{
  border-top: 0.5px solid black
}

.bb-solid-black{
  border-bottom:0.5px solid black
}

.font-bold{
  font-weight: bold;
}

.border-solid-cccccc{
  border:1px solid #cccccc
}

.bb-solid-cccccc{
  border-bottom:1px solid #cccccc;
}

.font-weight-normal{
  font-weight:normal;
}

.width-80{
  width:80%;
}
 
.no-resize{
  resize: none;
}

.color-60C060{
  color:#60C060;
}

.color-a1a1a1{
  color:#a1a1a1;
}

.color-fcad37{
  color:#fcad37;
}

.color-cccccc{
  color:#cccccc;
}

.color-dd0000{
  color:#dd0000;
}

.pl-5px{ 
  padding-left:5px;
} 
  
.font-size-10px{
  font-size:10px;
}

.ml-15px{
  margin-left:15px
}
 
.display-inline{
  display:inline;
}

.signature-image{
  mix-blend-mode: multiply;
  height:80px;
  margin-bottom:-40px;
  margin-left:70px;
  z-index:-20;
}

.opacity-1{
  opacity: 1;
}

.opacity-0{
  opacity: 0;
}
 
.bb-solid-666{
  border-bottom:1px solid #666
}

.m-10-0{
  margin:10px 0px;
}
 
.mr-15px{ 
  margin-right:15px
} 

.width-20px{
  width:20px;
}

.b-solid-ccc{
  border:1px solid #ccc;
}

.bg-efefef{
  background-color:#efefef;
}
 
.mt-25px{
  margin-top:25px;
}

.p-20px{
  padding:20px;
}

.width-100px{
  width:100px;
}

.width-150px{
  width:150px;
}

.width-115px{
  width:115px;
}

.font-size-14px{
  font-size:14px;
}

.bg-ffff99{
  background-color:#ffff99;
}

.m-0-6{
  margin:0 6px;
}

.pl-2px{
  padding-left:2px;
}

.bg-dfe7fe{
  background-color:#dfe7fe;
}

.color-C63527{
  color:#C63527;
}

.pf-zi-9999{
  position:fixed;
  z-index:9999;
}

.td-underline{ 
  text-decoration:underline
} 

.text-bold{
  font-weight:bold;
}

.width-160px{
  width:160px;
}

.form-error-style{
  border:2px solid #ff0000;
}
 
.mt-20px{
  margin-top:20px;
}

.pr-40px{
  padding-right:40px;
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn { 
  pointer-events: none; 
  opacity: var(--bs-btn-disabled-opacity);
  color: #000;
  background-color: #ececec;
  border: 1px solid #b3b3b3;
}

table.table.table-striped tr.blue-background td {
  background-color: #dfe7fe;
}

table.table.table-striped tr.yellow-background td {
  background-color: #fefedf;
}
 
 
.pl-25px{ 
  padding-left:25px;
} 

.pr-25px{ 
  padding-right:25px;
} 
  
  

.bt-solid-1px{
  border-top:1px solid #ccc;
}

.scroll{
  overflow: scroll;
}

.scroll-x-only{
  overflow-x: visible;
  overflow-y: hidden;
  -ms-overflow-y: hidden;
}

.toggle-switch-custom{
  font-size: 25px; 
}

.toggle-orange:checked{ 
  background-color: #ff6600;
  border-color: #ff6600;
  border: 1px solid #ff6600;
}
.pl-13px{
  padding-left: 13px; 
}

.mr-5px{
  margin-right:5px;
}

.mr-8px{
  margin-right:8px; 
}

.datepicker{
  z-index: 9999!important;
}

.sidebar-img {
  position: absolute;
  bottom: 70px;
  left: 20px;
  width: auto;
  height: auto;
}

.company-name{
  color: #4F4F4F;
  font-size: x-large;
  font-weight: bold;
  font-family: Arial;
  margin-left: 50px;
  display: inline-block;
}

.home-title{
  color: #F68D2E;
  font-size: x-large;
  font-weight: bold;
  font-family: Arial;
  margin-left: 50px;
  display: inline-block;
}

.home-text{
  margin-left: 50px;
  font-size: medium;
  font-family: Arial;
  display: inline-block;
}

.home-hr {
  color: #F68D2E;
  opacity: 100;
  margin-right: 217px;
  margin-left: 25px;
}

.home-text-div{
  margin-top: 50px;
}

.sidebar-footer-image{
  padding-top: 165px;
}

@media (max-width: 979px){
	.sidebar-footer-image{
    display: none;
  }
}

@media (max-width: 979px) and (min-width: 768px){
	.home-hr {
    margin-right: 80px;
    margin-left: 25px;
  }
}

@media (max-width: 767px){
	.home-hr {
    margin-right: 25px;
    margin-left: 25px;
  }
}

.mr-2px{
  margin-right:2px;
}

.mr-3px{
  margin-right:3px;
}

.mr-20px{
  margin-right:20px;
}

.pt-11px{
  padding-top:11px;
}

.b-darkgrey-1px{
  border:1px solid #ccc;
}