.tbl-nofile{
background-color: #DFDBE7 !important
}
.tbl-hidetext{
color: #fff !important;
}
.content-header{
height: 2.75rem;
}
.isnottoday {
  background-color: red;
}
.istoday{
  background-color: green;
}
@media (min-width: 768px;){
.pourcontent {
    margin: 0 auto;
    overflow-x: visible;
    padding: 0.5rem 0.5rem 1px;
    width: 100%;
}

.thedateday{

}

}

.thedateday{
   min-width:60px;
}
.pourcontent {
    margin: 0 auto;
    overflow-x: visible;
    padding: 0.5rem 0.5rem 1px;
    width: 100%;
}

.text-red{
  color: red;
}
.text-orange{
  color: orange;
}
.dohidden-important{
  display:none !important;
}
.overdue_percent-high{
  font-size: 30px;
  font-weight:800;
  color: red;
}

.tbl-orphan {
      background-color: #BFB2CF!important;
}
.overdue_percent-medium{
  font-size: 30px;
  font-weight:800;
  color: orange;
}
.overdue_percent-low{
  font-size: 30px;
  font-weight:800;
  color: green;
}
.colorSquare {
  width: 100%;
  height: 100%;
}
.notification-container{
  position: absolute;
   top: 120px;
   right: 10px;
   z-index: 9999999;
}
.user-notify-window{
  margin-bottom: 5px;
}
.btn-group-xs>.btn, .btn-xs {
border-radius: 0.2rem;
font-size: .585rem;
padding: 0.14rem 0.25rem;
}
}



.bg-faulty {
background-color: #FFD8DA !important;
}
.bg-poured {
  background-color: #C1FFD9 !important;
}
.bg-mantis {
  background-color: #e9f0e2;
}
.bg-mantis-dark-op
{
   background-color: rgba(233,240,266,.4)!important;
}
.job_not_billable{
  font-size: 9px;
}
.job_billable{
  font-size: 9px;
}
.dohiddenforce {
  display:none !important;
}
.dohidden {
  display:none;
}
.new-note-notifylist, .new-note-notifyhead{
  font-size: 9px;
}
.font-red{
  color: red;
}
.option-selected {
  border: solid 2px #000;
}
.note-date{
  font-size: 11px;

}
.project-note-username{
  font-size: 11px;
}
.staffpill {
  font-size: 9px;
}

.small-round-avatar{
  width: 1.2rem;
  height: 1.2rem;
  font-size: 0.75rem;
  border-radius: 1.2rem;
}
.avatar-sm{
width: 2.0rem;
height: 2.0rem;
font-size: 0.75rem;
border-radius: 0.2rem;
}

.avatar{
position: relative;
color: #FFF;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
font-size: 1rem;
font-weight: 600;
height: 3.125rem;
width: 3.125rem;
border-radius: 0.25rem;
}




.content-top{
  padding-top: 2rem !important;
}
table.dataTable.compact tbody td.select-checkbox:before, table.dataTable.compact tbody th.select-checkbox:before {
   margin-top: -5px !important;
   padding: 8px;
}
table.dataTable tbody td {
height: 28px;
}

.twitter-typeahead, .tt-hint, .tt-input, .tt-menu { width: 100%; }

.tt-dataset {
  height: 500px;
  overflow-y: auto;
}

.search-job-no {

  font-weight: 400;
  font-size: 30px;
  padding: 5px;
}
.search-job-name {
  font-size: 16px;
}
.search-job-status{
font-size: 12px;
}


.float-right {
float: right !important;
}
.btn-block {
  width: 100%;
}

.milestone-title{
  font-weight: 400;
  font-size: 1.5rem !important;
}

.listedittableclientjobs_all_filter {
  display:none;
}
.select-checkbox{
  min-width: 25px;
}
.project-heading {
  font-weight: 600;
  color: #000;
}
.staffpill{
  float:right;
  margin-right: 5px;
  display: block
}

.menu-button {
 // min-height: 55px;
 // min-width: 55px;
}

.retainer-button-title {
  font-size: 8px;
  line-height: normal;
  display: block;
}
.project-number {
  color: #fff;
  font-weight: 400;
  font-size: 1.5em;
  padding-top: 0.4em;
  min-width: 80px;
}
.textbox-field{
  padding: 5px;
min-height: 50px;
border: solid 1px #000;
}

.isnottoday {
  background-color: red;
}
.istoday{
  background-color: green;
}

@media (min-width: 992px)

{
  #side-overlay {
    width: 80%;
  }

  #page-container.side-scroll #side-overlay .content-header, #page-container.side-scroll #side-overlay .content-side {
      width: 100% !important;
  }



}