/*Color for forecast qty */
.ui-grid-category {
  text-align: center;
  border-right: 0px;
  box-shadow: -1px 1px #d4d4d4;
}
.categories__category_update {
  color: #1A7894;
  font-weight: bold;
}
@media (min-width: 600px) {
  .categories__category_update {
    float: right !important;
  }
}
@media (max-width: 600px) {
  .categories__category_update span {
    padding-left: 1.1em;
  }
}
.work-info__at-column .ui-grid-cell-contents {
  color: #EF006C !important;
}
.work-info__at-column {
  color: #EF006C !important;
}
.work-info__value-column {
  font-weight: bold;
}
.board-ctgry {
  font-size: 16px;
  font-family: "NotoSans-Regular";
  padding-left: 15px;
  padding-right: 15px;
}
span.dfgang_qty {
  margin-right: 5px;
  margin-left: 5px;
  width: 15px;
  display: inline-block;
  color: #A40E00;
  font-weight: bold;
}
.port-dt__tb-body-cell-gang-cntnr {
  min-width: 90px;
}
.board-ctgry__ctgry {
  cursor: pointer;
  font-size: 11pt;
  font-family: "NotoSans-Regular";
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: white;
}
@media (min-width: 1740px) {
  .board-ctgry__ctgry {
    width: auto !important;
  }
}
@media (max-width: 768px) {
  .board-ctgry__ctgry {
    width: auto !important;
  }
}
span.g_tot__qty {
  margin-left: 0px !important;
}
th.button_xs__tb-head-col {
  background-color: #def2f4;
  color: #434343;
}
.row.row-flex.button_xs-cats {
  margin-bottom: 0.4em;
}
div.button_xs__last_update > span {
  color: #1A7894;
  font-weight: bold;
}
div.button_xs__row.button_xs__last_update {
  margin-bottom: 0.4em;
}
.board-ctgry__ctgry.selected {
  border-color: #1a7894;
  background-color: #1a7894;
  color: white;
}
.boards-display {
  font-family: "NotoSans-Regular";
}
@media (min-width: 768px) {
  .boards-display__sidebar {
    min-height: 750px;
    border-right: solid lightgrey;
  }
}
.boards-display__side-msg {
  font-size: 18px;
  font-family: "NotoSans-Regular";
  padding: 0px 15px;
}
.boards-display__board-name {
  font-size: 12.0pt;
  font-family: "NotoSans-Bold";
}
.board-view {
  font-family: "NotoSans-Regular";
  overflow: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.board-view__panel {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  padding: 2px;
  font-size: 8.5pt;
  border-collapse: separate;
  border-spacing: 2px;
}
.board-view__panel--hall {
  background: #E6E6E6;
}
.board-view__panel--tele {
  background: #CCCCC0;
}
.board-view__buttons {
  min-width: 42px;
  text-align: right;
}
.board-view__btn {
  border: 1px solid;
}
.board-view__plate-num {
  height: 22px;
  width: 20px;
  background: #CCCCCC;
  text-align: center;
}
.board-view__employee {
  height: 22px;
  width: 105px;
  padding-left: 5px;
}
.board-view__employee--click {
  cursor: pointer;
}
.board-view__sub-header {
  height: 22px;
  background-color: #999999;
  color: white;
  font-family: "NotoSans-Bold";
  padding: 2px;
}
.board-view__hrs {
  width: 22px;
}
.board-view__header-btn {
  padding-left: 5px;
}
.plate-modal {
  background-color: #E6E6E6;
  border-radius: 6px;
  font-family: "NotoSans-Regular";
}
.slip-modal-header,
.plate-modal__header {
  padding: 15px 15px 0px 15px;
  font-family: "NotoSans-Bold";
  font-size: 12.0pt;
}
.plate-info {
  font-family: "NotoSans-Bold";
  position: relative;
  height: 235px;
  overflow: auto;
  overflow-y: hidden;
}
.plate-info__det--md {
  font-size: 10.0pt;
}
.plate-info__det--sm {
  font-size: 8.0pt;
}
.plate-info__det--spaced {
  white-space: pre;
}
.plate-info__row-null {
  position: absolute;
}
.plate-info__row-1 {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 530px;
}
.plate-info__row-14 {
  position: absolute;
  left: 20px;
  top: 80px;
  width: 300px;
  z-index: 1;
}
.plate-info__row-2 {
  position: absolute;
  left: 30px;
  top: 95px;
  width: 280px;
}
.plate-info__row-3 {
  position: absolute;
  display: flex;
  left: 30px;
  top: 130px;
  width: 280px;
}
.plate-info__row-4 {
  position: absolute;
  left: 20px;
  top: 105px;
  width: 280px;
}
.plate-info__row-5 {
  position: absolute;
  display: flex;
  left: 10px;
  top: 185px;
  width: 280px;
  justify-content: center;
}
.plate-info__row-6 {
  position: absolute;
  left: 10px;
  top: 185px;
  width: 300px;
}
.plate-info__row-7 {
  position: absolute;
  left: 10px;
  top: 185px;
  width: 300px;
  text-align: right;
}
.plate-info__row-8 {
  position: absolute;
  left: 260px;
  top: 130px;
  width: 300px;
}
.plate-info__row-9 {
  position: absolute;
  left: 10px;
  top: 210px;
  width: 300px;
}
.plate-info__row-img {
  margin: 2px;
}
.plate-info__row-img--flag {
  height: 20px;
}
.plate-lgnd {
  width: 100%;
  border: 1px solid;
}
.plate-lgnd__header {
  font-family: "NotoSans-Bold";
  font-size: 8.0pt;
  background: #CCCCCC;
  height: 30px;
  padding-left: 10px;
  border: 1px solid;
}
.plate-lgnd__row:nth-child(odd) {
  background: #CCCCCC;
}
.plate-lgnd__row:nth-child(even) {
  background: #E6E6E6;
}
.plate-lgnd__icon {
  border: 1px solid;
  height: 18px;
  margin: 3px;
}
.board-shift {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px lightgrey;
}
.board-shift__count {
  text-align: right;
}
.board-shift__click {
  cursor: pointer;
}
.board-shift__error {
  font-size: 9.0pt;
  color: red;
  font-family: "NotoSans-Bold";
}
.slip-preview {
  font-size: 8.0pt;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "NotoSans-Bold";
  width: 230px;
  display: inline-block;
}
.slip-preview__item {
  display: inline-block;
  vertical-align: middle;
}
.slip-container {
  overflow: auto;
}
.slip-modal .modal-dialog {
  max-width: 540px;
}
.desp-slip {
  width: 470px;
  margin: auto;
}
.desp-slip td {
  border: 1px solid #999999;
  padding: 2px;
  font-weight: bold;
  font-size: 7.5pt;
  font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif";
  height: 19px;
}
.desp-slip .desp-slip__title {
  font-family: "Arial Narrow";
  font-size: 10.0pt;
  text-align: center;
}
.desp-slip__city {
  color: #FF6666;
  font-size: 13.5pt;
}
.desp-slip__label {
  color: #666666;
  font-size: 8.0pt;
}
.desp-slip .desp-slip__det-label {
  color: #666666;
  font-size: 8.0pt;
  text-align: center;
  width: 60px;
}
.surplus-board__btn-cell,
.desp-slip-pg,
.desp-slip__det-field {
  text-align: center;
}
.desp-slip__warn-box {
  margin: 20px;
}
.desp-slip__box-icon {
  width: 12px;
}
.desp-slip__tick-icon {
  width: 16px;
  height: 12px;
}
.desp-slip .desp-slip__def-warn {
  padding: 5px 20px;
}
.surplus-board__grid {
  height: 572px;
}
.surplus-board__update {
  color: #1A7894;
  font-weight: bold;
}
.surplus-board__btn-icon {
  cursor: pointer;
}
.gang-work__update {
  font-family: 'NotoSans-Bold';
  color: #1A7894;
  text-align: right;
}
@media (max-width: 768px) {
  .gang-work__update {
    text-align: left;
  }
}
.gang-work__night {
  font-family: 'NotoSans-Bold';
}
.gang-work__check {
  text-align: center;
}
.gang-work__check .ui-grid-invisible {
  display: none;
}
.gang-work__check-icon {
  font-size: 14pt;
}