/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/* top */
.nav > li > button {
    padding: 15px;
}
.skin-blue .main-header .navbar .dropdown-menu li a {
    color: #777777;
}
.skin-blue .main-header .navbar .dropdown-menu li a:hover {
    color: #333333;
    background-color: #e1e3e9;
}

.main-header { background-color: #3c8dbc; }
.main-header .sidebar-toggle { color: #ffffff; }
.main-header .logo { width: 180px; }
.main-header .btn-group { margin-bottom: 0px; padding: 8px 5px; }
.main-header li.spaces { padding: 8px 5px; }
.main-header li.label { font-size: 14px; padding: 15px 5px; line-height: 20px; }
.main-header li.spacer { width: 20px; height: 50px; }
.main-header li.spacer-line { width: 1px; height: 42px; margin: 4px 10px; border-left: 1px solid #367fa9; }
.main-header .btn-top { margin: 8px 5px; }
.main-header .btn-notice {
    width: 34px;
    height: 34px;
    text-align: center;
    padding: 6px 0;
    border-radius: 17px;
}
.main-header li.places span { width: 20px; display: inline-block; text-align: center;}
.main-header li.notice { width: 34px; height: 34px; margin: 8px 5px; }
.main-header li.device { width: 40px; height: 34px; margin: 8px 0; cursor: pointer;}
.main-header li.device span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-position: center bottom;
}
#top_places { cursor: initial; }
.main-header li.device span.barrier_up {background-image: url('../img/barrier_up.png')}
.main-header li.device span.barrier_down {background-image: url('../img/barrier_down.png')}
.main-header li.device span.light_off {background-image: url('../img/light_off.png')}
.main-header li.device span.light_red {background-image: url('../img/light_red.png')}
.main-header li.device span.light_green {background-image: url('../img/light_green.png')}

/* menu */
.sidebar-menu span { display: inline-block; max-width: 160px; white-space: normal; }
.sidebar-menu .fa { padding-top: 3px; vertical-align: top; }
.main-header a.sidebar-toggle { padding: 15px 19px; margin: 0; }

/* table */
table.editable td:last-child { white-space:nowrap; width: 62px; text-align: right; }
table.table td p:last-of-type { margin-bottom: 0; }
table.table span.label { padding: 0.2em 0.6em 0.1em; }

.empty { margin: 10px;}

.paging_wrapper { text-align: center; height: 35px; }
.pagination { margin: 0; }
.ordering th { white-space: nowrap; }

.input-group.datetime .input-group-addon.title { width: 50px; }

.plus { color: green; }
.minus { color: red; }

p.subtitle { margin: 10px 0; }

/* forms */
.mask {
    background-color: rgba(255, 255, 255, 0.6);
    display: none;
    height: 100%;
    left: 0;
    margin-top: -8px;
    padding-top: 24px;
    position: absolute;
    top: 8px;
    width: 100%;
    z-index: 9999;
}
.control-wrap { display: block; width: 100%; }
.modal-body .form-horizontal .form-group:last-of-type { margin-bottom: 0; }
.input-group { width: 100%; }
.input-group select.form-control { width: 1px; }
.has-error .select2-selection { border-color: #dd4b39; }
.input-group.time .input-group-addon { cursor: pointer; }
.field-toggle { margin-bottom: 15px; }
.alert-light { padding: 7px 12px; }
.alert-warning-light { color: #f39c12; }
.form-group .field-toggle { margin-bottom: 0; }
.waiting {
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    font-size: 144px;
    display: table;
    text-align: center;
}
.waiting span {
    vertical-align:middle;
    display: table-cell;
}
.submit-row { text-align:right; }
.submit-row .deletelink-box { float: left; }

/* box */
.box-header .box-title { padding-top: 5px; }

/* dashboard */
#top th { text-align: center; }
#top td { text-align: center; vertical-align: center;}
#top span { display: inline-block; height: 80px; width: 70px; background-repeat: no-repeat; background-position: center bottom; }
#top span.barrier-up {background-image: url('../img/l_barrier_up.png')}
#top span.barrier-down {background-image: url('../img/l_barrier_down.png')}
#top span.light-off {background-image: url('../img/l_light_off.png')}
#top span.ligh-red {background-image: url('../img/l_light_red.png')}
#top span.light-green {background-image: url('../img/l_light_green.png')}

/* calendar */
.table-schedule td, .table-schedule th { text-align: center; }
.table-fixed { table-layout: fixed; }
.table-fixed-2 th { width: 33%; }
.table-fixed-3 th { width: 25%; }
.table-fixed-4 th { width: 20%; }
.table-fixed-5 th { width: 16%; }
td.cell-late { background-color: red; color: #ffffff; }
td.cell-late a { color: #ffffff; }
td.cell-blocking { background-color: #f39c12; color: #ffffff; }

/* lists */
/*
.btn-confirm {
    width: 62px;
    text-align: cetner;
}
.btn-trip {
    background-color: #605ca8;
    border-color:#605ca8;
}
.btn-mark {
    cursor: default;
}
*/

/* modal */
#form_modal h3,
#message_modal h3 { margin: 5px; }
#form_modal subtitle { margin: 0 5px; }

.modal-body .nav-tabs-custom {
    box-shadow: none;
    margin-bottom: 0;
}

.form-horizontal .form-group.readonly .controls span,
span.readonly {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #d2d6de;
    height: 34px;
    width: 100%;
    background-color: #eee;
    cursor: not-allowed;
}

/* icons */
.so::before {
    display: block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 4px;
    position: relative;
}

.so-sort::before { content: ""; opacity: 0.5; }
.so-sort-up::before { content: ""; }
.so-sort-down::before { content: ""; }

.fa-resize-small::before { content: ""; }
.fa-resize-full::before { content: ""; }

.btn-circle {
    border-radius: 15px;
    font-size: 12px;
    height: 30px;
    line-height: 1.42857;
    padding: 6px 0;
    margin: -5px 0;
    text-align: center;
    width: 30px;
}

/* reports */
.extra-filter .box-header {
    margin-bottom: 10px;
    padding: 10px 15px;
}
.extra-filter .box-header h1 {

}
.is-late, .is-early, .is-short { color: red; }

/* notice popup */
.popup_notice .number { padding-top: 10px; font-size: 16px; }
.popup_notice .photo { text-align:center; }
.footer_wrapper .plateno_fix { float: right; width: 180px; }
.footer_wrapper { width: 100%; height: 100%; text-align: left; }

/* entry popup */
.popup_entry .photo { padding-bottom: 15px; }

.floatingHeader { position: fixed; top: 0; visibility: hidden; background-color: #ffffff; }
/*.floatingHeader th { display: inline-block; width: 25% !important; }*/