h1 #logo {
  max-width : 250px;
}

a.text-success.nohover {
  color: inherit !important;
}

a.disabled {
  /* Make the disabled links grayish*/
  color: gray;
  /* And disable the pointer events */
  pointer-events: none;
}

a.underline {
  text-decoration: underline;
}

h3 {
  font-weight: 300;
}

.font-size-small {
  font-size: 50%;
}

tr.clickable-row {
  cursor: pointer;
}
.thumb {
  width: 80px !important;
}
.chosen-container-single .chosen-single {
  cursor: pointer;
}
.footable-filtering form {
  float: right;
}
.footable-filtering .dropdown-toggle::after {
  display: none;
}
.footable .btn-primary {
  background-color: #1ab394 !important;
}
table.footable > tbody > tr.footable-empty > td {
  font-size: 1em;
}

.control.contact-box.center-version > a img {
 width:auto;
 height: 200px;
 max-width: 400;
}
.form-control.barcode {
  height: auto;
  font-size: 30px;
}
.barcodebox {
  max-width: 500px;
  margin-top: 0!important;
}

.control .toast-bottom-center {
  padding-bottom: 50px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  background-color: #1ab394;
  box-shadow: none;
  top: unset;
}

.data-table-filter {
  float:right;
  text-align:right;
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

/* used for input tel to override location of flags */
.iti__flag {background-image: url("../img/flags/flags.png");}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../img/flags/flags@2x.png");}
}

.hide {
  display:none;
}


@media (min-width: 1025px) and (max-width: 1280px) {
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 22px;
  }
}

/* 
  ##Device = Mobile phones
  ##Screen = Max 767px
*/
@media (max-width: 767px) {
  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 16px;
  }

  h4 {
    font-size: 12px;
  }

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

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

  .table h4 {
    font-size: 10px;
  }

  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    padding-left: 7px;
    padding-right: 7px;
  }

  div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: right;
  }

  .dataTables_filter label {
    margin-right: unset;
  }

  div.dataTables_length {
    padding-top: 5px;
  }

  #dateFilterGroup {
    float: none !important;
  }

  .project-list table tr td {
    padding: 1px 1px;
  }

  .mob-hide {
    display: none;
  }
  

  .footable-filtering form {
    float:none;
  }
}

.chart-container-sm {
  max-width: 500px;
  width: 100%;
}

@media print {
  canvas {
    width: 100%!important;
    height: auto!important;
  }

  #banner {
    display: none!important;
  }
  
}