/*

.layout-navbar-fixed .wrapper .brand-link {
    padding: .5rem;
 }
.logo-mini {
    padding: .3125rem 0;
    display: inline-block;
}
.logo {
    background-image: url(../img/logo.png);
    background-size: auto 100%;
    background-position-x: right;
    background-repeat: no-repeat;
}
*/

/* company START */
.company-0 { background-color: #ccf1cc; }
.company-2 { background-color: #f2dede; }

.factory-stocks input.checkboxinput { height: auto; }
/* company END

/* watcher START */
/*
.watcher .sidebar2 { width: 220px; float:left; margin-top: 0; }
.watcher .sidebar2 .buttons-1 .btn { width: 100%; }
.watcher .sidebar2 .buttons-2 .btn { width: 48%; }
.watcher .sidebar2 .buttons-3 .btn { width: 32%; }
.watcher .info-box-title { font-weight: bold; font-size: 16px; text-align: right; display: inline-block; }
.watcher .info-box { min-height: 70px; }
.watcher .info-box-icon { font-size: 35px; height: 71px; line-height: 70px; width: 70px; }
.watcher .info-box-content { padding: 0 0 0 .5rem; }
.watcher hr { margin-top: 0; margin-bottom: 5px; }
.watcher .sidevar .btn-warning { border-radius: 16px; padding: 6px 9px; }
.watcher .info-box-icon { background-repeat: no-repeat; background-position: center center; }

.watcher .node { width: 100%; display: table; }
.watcher .node > div { display: table-cell; text-align: center; }
.watcher .node label { width: 100%; text-align: center; overflow: hidden; }
.watcher .node .loop { width: 33%; }

.watcher .node .cell-content { padding: .5rem 0; width: 49%; display: inline-block; text-align: center; }
.watcher .node .cell-content span { display: inline-block; height: 40px; width: 100%; }

.watcher .node div.loop span { width: 20px; }
*/

.watcher .card .card-body { height: 420px; overflow-y: scroll}
/*.watcher .card.collapsed-card .card-body { display: block; height: 100px; overflow-y: scroll}*/

.watcher .card-tools .input-group { width: auto; margin: 0 1.25rem 0 0; }

.watcher .device span { width: 56px; font-weight: bold; }
.watcher .device div {
    display: block;
    width:40px;
    height:100%;
    background-color: #e9ecef;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
    border: 1px solid #ced4da;
}
.watcher .device .barrier-opened { background-image: url(../img/barrier_up.png)}
.watcher .device .barrier-closed { background-image: url(../img/barrier_down.png)}
.watcher .device .loop-on { background-image: url(../img/loop_on.png)}
.watcher .device .loop-off { background-image: url(../img/loop_off.png)}
.watcher .btn-barrier { width:40px; }

.watcher .content2 { margin-left: 235px; }
.watcher .info-box span.info-box-icon:first-child { border-right:1px solid #ecf0f5; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
/* watcher END */

/* stocker START */
.is-late { background-color: #f1cccc; }
.is-too-long { background-color: #f0dcb7; }
.ramp-reg { position:relative; }
.ramp-data { width:100%; position: absolute; top: 0; }
.ramp-grid { table-layout: fixed; }
.ramp-grid thead .btn { padding: 0 .2rem; margin-top: -3px; margin-bottom: -2px; }
.ramp-grid tbody .btn { cursor: pointer; }
.load-exceed { color: red; }

.ramp-disabled { background-color: #d2d6de; }
.ramp-active { background-color: white; }
.ramp-free { background-color: white; }
.ramp-called { background-color: yellow; }
.ramp-loading { background-color: orange; }
.ramp-exceed { background-color: red; }

.card-body.p-0 .table.ramp-grid thead > tr > th,
.card-body.p-0 .table.ramp-grid tbody > tr > td,
.card-body.p-0 .table.ramp-grid thead > tr > th:first-of-type,
.card-body.p-0 .table.ramp-grid thead > tr > th:last-of-type,
.card-body.p-0 .table.ramp-grid tbody > tr > th:first-of-type,
.card-body.p-0 .table.ramp-grid tbody > tr > th:last-of-type
.card-body.p-0 .table.ramp-grid tbody > tr > td:first-of-type,
.card-body.p-0 .table.ramp-grid tbody > tr > td:last-of-type
{ padding: 0.5rem 0.25rem; }
.card-body.p-0 .table.ramp-grid thead > tr > th:first-of-type,
.card-body.p-0 .table.ramp-grid tbody > tr > th
{ width: 50px; text-align: center; }

.ramp-data button { position: absolute; line-height: 1.25; overflow: hidden; }
.ramp-data > button > span {
    /*font-size: 0.75rem;*/
    display: inline-block;
}

/*.active-0 { background-color: #d2d6de; }*/

.btn-orange { background-color: #ff851b; color: #ffffff; }
.btn-orange:hover { background-color: #ed7600; color: #ffffff; }
.btn-orange:active { background-color: #fd672c; color: #ffffff; }

.btn-graydark { background-color: #343a40; color: #ffffff; }
.btn-graydark:hover { background-color: #242a30; color: #ffffff; }
.btn-graydark:active { background-color: #21262c; color: #ffffff; }

.btn-purple { background-color: #605ca8; color: #ffffff; }
.btn-purple:hover { background-color: #4e4d8d; color: #ffffff; }
.btn-purple:active { background-color: #5e3eb9; color: #ffffff; }

.btn-warning { color: #ffffff; }
.btn-warning:hover { color: #ffffff; }
.btn-warning:active { color: #ffffff; }
.btn-warning:focus { color: #ffffff; }
.btn-warning:not(:disabled):not(.disabled):active { color: #ffffff; }
/* stocker END */

/* registrations START */
.table-schedule > tbody > tr > td { padding: 0; }
.table-schedule .time { width: 70px; text-align: center; vertical-align: middle; }

/*.time-0 { background-color: green; }*/
.time-2 { background-color: lightgray !important; }
.time-3 { background-color: gray !important; }

.time-slots > span {
    display: inline-block;
    padding: 0 .5em;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    margin: 5px;
}
.time-slots > span.disabled { cursor: not-allowed; opacity: .65; }
/*.time-slots > span a { color: white; }*/
.slot-0 { background-color: lightgreen; }
.slot-1 { background-color: orange; }
.slot-2 { background-color: lightblue; }
.slot-late { background-color: #dc3545; }
.slot-late a { color: white }


.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.ui-autocomplete > li > div {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
  cursor: pointer;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.reg-status { overflow: hidden; white-space: nowrap; }
.reg-0 { background-color: #ffffff; color: #000000; }
.reg-1 { background-color: #ffc107; color: #ffffff; }
.reg-2 { background-color: #ff851b; color: #ffffff; }
.reg-5 { background-color: #00a65a; color: #ffffff; }
.reg-7 { background-color: #605ca8; color: #ffffff; }
.reg-8 { background-color: #3c8dbc; color: #ffffff; }
.reg-12 { background-color: #007bff; color: #ffffff; }
.reg-16 { background-color: #adb5bd; color: #ffffff; }
.reg-18 { background-color: #adb5bd; color: #ffffff; }
.reg-20 { background-color: #343434; color: #ffffff; }

/* registrations END */

/* company registrations START */
.reg-card {
    width:120px;
    float: left;
    margin: 0 1rem 1rem 1rem;
}

.reg-card-active {
    cursor: pointer;
}

.reg-card-disabled {
    cursor: not-allowed;
}
/* company registrations END */

/* event */
.event-1 { background-color: #00a65a; color: #ffffff; }
.event-2 { background-color: #ff851b; color: #ffffff; }
.event-3 { background-color: #605ca8; color: #ffffff; }
.event-4 { background-color: #adb5bd; color: #ffffff; }
.event-5 { background-color: #ffc107; color: #ffffff; }
.event-6 { background-color: #39cccc; color: #ffffff; }
.event-7 { background-color: #17a2b8; color: #ffffff; }
.event-8 { background-color: #17a2b8; color: #ffffff; }
.event-9 { background-color: #3d9970; color: #ffffff; }
.event-10 { background-color: #dc3545; color: #ffffff; }

.status-info div { padding: 5px; margin-bottom: 5px; font-size: .75rem; }

.card-type { width: 26px; }
.card-type-0,
.card-type-1,
.card-type-2,

.card-type-0 {
    color: #fff;
    background-color: #adb5bd;
    border-color: #adb5bd;
}
.card-type-0:hover {
    color: #fff;
}

.card-type-1 {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.card-type-1:hover {
    color: #fff;
    background-color: #218838;
    border-color: #a38cac;
}

.card-type-2 {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.card-type-2:hover {
    color: #fff;
    background-color: #1083ab;
    border-color: #0d79a7;
}
/*
.card-type-3 {
    color: #fff;
    background-color: #ff851b;
    border-color: #ff851b;
}
.card-type-3:hover {
    color: #fff;
    background-color: #f8660e;
    border-color: #f55c0a;
}
*/

/* registration START */
/* TODO registration status bg
.reg-0
*/

/* other */

.col-plate { font-weight: bold; }
.ekko-lightbox.modal .modal-title { display: inline; }

.ui-autocomplete > li > div.option-label { font-weight: bold; }
.ui-autocomplete > li > div.option-info { font-size: .75rem; font-style: italic; padding-left: 30px; padding-top: 0; padding-bottom: 0; }