/* Loadboard */
.loadboard {
  /* Landscape*/
  /* Landscape 4 and 4S*/
  /* Landscape IPhone 5 and 5S*/
  /* Landscape Ipone 6*/
  /* Landscape Iphone 6+*/
  /* Landscape Galaxy S3*/
  /* Landscape S4*/
  /* Landscape Galaxy S5*/
  /* Landscape Galaxy S6*/
  /* Landscape HTC*/
}
.loadboard .loadboard-status {
  color: #333;
  font-weight: bold;
}
.loadboard #Load-Details-Modal .modal-dialog {
  width: 90%;
  height: 90%;
}
.loadboard #Load-Details-Modal input.bg-danger {
  background-color: #F8ADAD !important;
}
.loadboard .loadboard-status-changer {
  background-color: transparent;
  border: none;
  padding: 7px 0px !important;
  margin: 0 !important;
}
.loadboard a.checkcall {
  color: #333;
  font-weight: 500;
  text-decoration: underline;
}
@media only screen and (orientation: landscape) {
  .loadboard .portrate-nav-break {
    display: none;
  }
  .loadboard .km-scroll-wrapper {
    height: 170px !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .loadboard .portrate-nav-break {
    display: none;
  }
  .loadboard .km-scroll-wrapper {
    height: 170px !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .loadboard .portrate-nav-break {
    display: none;
  }
  .loadboard .km-scroll-wrapper {
    height: 170px !important;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .loadboard .portrate-nav-break {
    display: none;
  }
  .loadboard .km-scroll-wrapper {
    height: 170px !important;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .loadboard .portrate-nav-break {
    display: none;
  }
  .loadboard .km-scroll-wrapper {
    height: 170px !important;
  }
}
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  .loadboard .portrate-nav-break {
    display: none;
  }
  .loadboard .km-scroll-wrapper {
    height: 170px !important;
  }
}
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .loadboard .portrate-nav-break {
    display: none;
  }
  .loadboard .km-scroll-wrapper {
    height: 170px !important;
  }
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .loadboard .portrate-nav-break {
    display: none;
  }
  .loadboard .km-scroll-wrapper {
    height: 170px !important;
  }
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
  .loadboard .portrate-nav-break {
    display: none;
  }
  .loadboard .km-scroll-wrapper {
    height: 170px !important;
  }
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .loadboard .portrate-nav-break {
    display: none;
  }
  .loadboard .km-scroll-wrapper {
    height: 170px !important;
  }
}
.check-call-carrier-toolbar .navbar-text {
  margin-top: 3px;
}
/* Load Search Page */
#Load-Search-Form #searchButton,
#Search-Form #searchButton {
  color: white;
}
#Load-Search-Form .search-container .search-params,
#Search-Form .search-container .search-params {
  margin-bottom: 5px;
}
#Load-Search-Form .k-widget.k-datepicker.k-header,
#Search-Form .k-widget.k-datepicker.k-header {
  width: 100%;
}
#Load-Search-Form .k-picker-wrap.k-state-default,
#Search-Form .k-picker-wrap.k-state-default {
  width: 80%;
}
#Load-Search-Form #Load-Search-Form,
#Search-Form #Load-Search-Form {
  position: relative;
}
#Load-Search-Form #Search-Results,
#Search-Form #Search-Results {
  top: 0px;
  left: 0px;
  position: relative;
}
#Load-Search-Form #Search-Results .search-summary,
#Search-Form #Search-Results .search-summary {
  width: auto;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: 20px;
  font-size: 14px;
  float: right;
  margin-top: -20px;
  color: #666;
}
#Load-Search-Form #Search-Results .search-summary table,
#Search-Form #Search-Results .search-summary table {
  width: auto;
}
#Load-Search-Form #Search-Results .search-summary td,
#Search-Form #Search-Results .search-summary td {
  border: none !important;
}
#Load-Search-Form #Search-Results.focused,
#Search-Form #Search-Results.focused {
  position: fixed;
  transition: all 0.3s;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 99900;
  box-shadow: 0px 0px 25px #333;
  padding-left: 0px !important;
}
/* Settlements Page*/
#GenerateReportsForm {
  max-height: 215px;
  overflow: auto;
}
#GenerateReportsForm .alert {
  float: left;
  width: 100%;
  padding: 3px;
  transition: background-color 0.3s;
  margin-bottom: 3px;
}
#GenerateReportsForm .alert:hover {
  background-color: lightgreen;
}
/* Dashboard*/
#Dashboard .dashboard-stat label {
  width: 100%;
  color: #AAA;
  clear: both;
  font-weight: 500;
}
#Dashboard .dashboard-stat {
  background-color: #FCFCFC;
  font-weight: bold;
}
#Dashboard .dashboard-stat h3 {
  margin: 0;
  font-weight: bold;
  font-size: 24px;
}
#Dashboard .dashboard-report {
  margin-top: 10px;
  float: left;
  clear: both;
  width: 100%;
}
/* Office Details page*/
#Office-Edit-Form #scroll-users {
  height: 70vh;
  overflow-y: scroll;
}
#Office-Edit-Form #scroll-users label {
  padding: 10px 30px;
  cursor: pointer;
}
#Office-Edit-Form .disabled-overlay {
  background-color: #FFF;
  opacity: 0.4;
  width: 100%;
  height: 700px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
/* Collections Page  */
#CollectionsByCustomer table {
  width: 100%;
  margin-bottom: 20px;
  clear: both;
  border: 1px solid #336699;
  border-collapse: separate;
}
#CollectionsByCustomer table tr th,
#CollectionsByCustomer table tr td {
  padding: 10px;
}
#CollectionsByCustomer .term-days {
  padding: 0;
  color: lightgrey;
  padding-left: 10px;
  box-shadow: inset 0 0 4px black;
  width: 10%;
}
#CollectionsByCustomer .term-days.active:nth-child(0) {
  background: #36ac52;
  color: white;
}
#CollectionsByCustomer .term-days.active:nth-child(1) {
  background: #6b9332;
  color: white;
}
#CollectionsByCustomer .term-days.active:nth-child(2) {
  background: #93a83a;
  color: white;
}
#CollectionsByCustomer .term-days.active:nth-child(3) {
  background: #a8a23b;
  color: white;
}
#CollectionsByCustomer .term-days.active:nth-child(4) {
  background: #a98c3a;
  color: white;
}
#CollectionsByCustomer .term-days.active:nth-child(5) {
  background: #b67e41;
  color: white;
}
#CollectionsByCustomer .term-days.active:nth-child(6) {
  background: #b76b3f;
  color: white;
}
#CollectionsByCustomer .term-days.active:nth-child(7) {
  background: #d36147;
  color: white;
}
#CollectionsByCustomer .term-days.active:nth-child(8) {
  background: #f83131;
  color: white;
}
#CollectionsByCustomer .term-days.active:nth-child(9) {
  background-color: #AB0000;
  color: white;
}
#CollectionsByCustomer .attention-needed {
  background: #DBE2FF;
  color: black;
}
#CollectionsByCustomer .collection-history-notes > li {
  padding: 6px;
  margin-bottom: 5px;
  border: 1px solid #CCC;
  background-color: #FFF;
  float: left;
  width: 100%;
  border-radius: 5px;
}
#CollectionsByCustomer .collection-actions li {
  width: 100%;
  margin-bottom: 1px !important;
  padding: 3px;
  cursor: pointer;
}
#invoicing .load-status {
  border-radius: 5px;
  font-size: 19px;
  padding-left: 10px;
  display: inline-block;
}
#invoicing #Email-Document-Modal #emailList li {
  border: 1px solid #CCC;
  background-color: #F1F1F1;
  color: #333;
  padding: 1px 4px;
  margin: 1px;
}
#invoicing #Email-Document-Modal #emailList li:hover {
  background-color: #FCFCFC;
  cursor: pointer;
  border: 1px solid #AAA;
}
#invoicing .Synched a {
  background-color: #EFE497 !important;
  color: #333 !important;
}
#invoicing .Processed a {
  background-color: #A8EAA8 !important;
  color: #333 !important;
}
#invoicing .FailedProcessing a {
  background-color: #F8ADAD !important;
  color: #333 !important;
}
#invoicing .name {
  white-space: nowrap;
  margin-right: 70px;
}
#invoicing .order-tabs li.active > a {
  border-top: 3px solid #9A4E0F;
  border-bottom: 3px solid #9A4E0F;
}
#invoicing .side-panel {
  height: 700px;
  border-right: 1px solid #C6C6C6;
  overflow-y: auto;
  background-color: #F3F3F3;
}
#invoicing #Chat-Tabs > li > a {
  padding: 5px 10px !important;
}
#invoicing .approval-chat-side-panel {
  position: fixed;
  right: -370px;
  width: 360px;
  z-index: 10;
  box-shadow: 0px 3px 8px #999;
  top: 125px;
  height: 87%;
  overflow-y: auto;
  background-color: #FFF;
  padding-left: 10px;
  transition: right 0.2s ease-in;
}
#invoicing .approval-chat-side-panel.active {
  right: 0px;
}
.action-bar .order-details li {
  padding: 4px 28px;
  margin: 3px 2px;
}
.action-bar .order-tabs li {
  border-right: 1px dotted #CCC !important;
  min-width: 325px;
  font-size: 12px;
}
#Posting-Edit-Modal .modal-dialog {
  width: 80%;
  max-width: 1100px;
}