/*
 * Altalanos
 */
.modal-dialog .modal-content .modal-body ul.nav li.active a {background-color: #deebf7;}
.tab-content .tab-pane.active .panel {background-color: #deebf7;}
.tab-content .tab-pane.active .panel .dataTables_scrollHead {background-color: #fff;}
.tab-content .tab-pane.active .panel .dataTables_scrollBody {background-color: #fff;}
textarea.form-control.input-sm {height: 30px;}
.value-missing {background-color: #f00 !important;}
.hide {display: none !important;}

/*
 * Berszamitas tabs
 */
.berszamitas .tab-content .tab-pane {border: 1px solid #ddd; border-radius: 0 0 4px 4px; border-top-color: transparent; padding: 20px 15px; margin-bottom: 10px;}
.berszamitas .tab-content .tab-pane form .form-group {min-height: 38px;}

/*
 * Partner and saved items info panel at the top of the modal
 */
.well.detailed-info hr {margin: 4px auto;}
.well.detailed-info h4 {display: inline-block; margin: 7px 8px 1px 0;}
.well.detailed-info h4 span.label {color: #fff;}

/*
 * The autocomplete list at the "edit" elements
 */
ul.ui-menu.ui-widget {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    display: block;
    list-style-type: none;
    max-width: calc((100% / 12) * 3);
    padding-left: 0;
    z-index: 99999991 !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

ul.ui-menu.ui-widget li {
    cursor: default;
    padding-left: 10px;
}

ul.ui-menu.ui-widget li:hover,
ul.ui-menu.ui-widget li:focus {
    background-color: #eee;
    color: #157ab5;
}

.autocomplete .items.dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}



.ui-helper-hidden-accessible {
    display: none !important;
}

@media print {
    .new-page {
        page-break-before: always;
    }
    div {
        page-break-inside: avoid;
    }
}

/*
 * Calendar modal
 */
/*#calendarModal {z-index: 1100;}*/
.modal .calendar.modal-header h4.modal-title {color: #fff;}
.modal .calendar.modal-header h4.modal-title span.glyphicon {margin-right: 6px;}

.modal .calendar.modal-body {background-image: linear-gradient(#ffffff, #fbfbfb 60%, #f8f8f8);}
.modal .calendar.modal-body .table.table-bordered th {background-color: #666; color: #fff; width: 14.3% !important;}
.modal .calendar.modal-body .table.table-bordered .calendar-blank-day {background-color: #f0f0f0; height: 50px;}
.modal .calendar.modal-body .table.table-bordered .calendar-day {height: 50px; max-width: 200px;}
.modal .calendar.modal-body .table.table-bordered .calendar-day .day-number {color: #888; font-size: 12px;}
.modal .calendar.modal-body .table.table-bordered .calendar-day.weekend {background-color: #fcf8e3;}
.modal .calendar.modal-body .table.table-bordered .calendar-day.override {background-color: #ff8c00 !important;}
.modal .calendar.modal-body .table.table-bordered .calendar-day .badge-link {display: block;}
.modal .calendar.modal-body .table.table-bordered .calendar-day .badge {margin: 1px 0 1px 0; text-align: left; width: 100%;}
.modal .calendar.modal-body .table.table-bordered .calendar-day .badge-default {background-color: #999 !important;}
.modal .calendar.modal-body .table.table-bordered .calendar-day .label {display: inline-block; margin-left: 1px; margin-right: 1px; width: auto;}

.modal .calendar.modal-body .pager {margin-bottom: 0;}
.modal .calendar.modal-body .pager .prev {text-align: left;}
.modal .calendar.modal-body .pager .prev button {margin-left: -15px;}
.modal .calendar.modal-body .pager .next {text-align: right;}
.modal .calendar.modal-body .pager .next button {margin-right: -30px;}

/**
 * Calendar no-modal
 */
#calendarContainer .pager {margin-bottom: 0;}
#calendarContainer .pager .prev {text-align: left;}
#calendarContainer .pager .prev button {margin-left: -15px;}
#calendarContainer .pager .next {text-align: right;}
#calendarContainer .pager .next button {margin-right: -30px;}
#calendarContainer > .table-responsive {max-height: 550px; overflow-y: auto;}
#calendarContainer > .table-responsive > .table-bordered th {background-color: #666; color: #fff; width: 14.3% !important;}
#calendarContainer > .table-responsive > .table-bordered th .extra-title {float: right;}
#calendarContainer > .table-responsive > .table-bordered.weekly th {width: 12.5% !important;}
#calendarContainer > .table-responsive > .table-bordered .calendar-blank-day {background-color: #f0f0f0; height: 50px;}
#calendarContainer > .table-responsive > .table-bordered .calendar-day {height: 50px;}
#calendarContainer > .table-responsive > .table-bordered .calendar-day.weekend {background-color: #fcf8e3 !important;}

/**
 * Command log
 */
#command-log-box {position: relative;}
#command-log-box .btn-boxes-row {position: absolute; z-index: 999;}
#command-log-box .btn-boxes {margin-bottom: 20px;}
#command-log-box .btn-boxes .btn-box-truck-mode {display: none;}
#command-log-box .btn-boxes .btn-box-driver-mode {display: inline;}
#command-log-box .btn-boxes button {margin-right: 10px;}
#command-log-box .calendar-row {margin-top: 50px;}

#command-log-box #calendarContainer .monthly-horizontal td.calendar-day {max-width: 75px !important;}
#command-log-box #calendarContainer .monthly-horizontal td.status-was-available {background-color: rgba(48, 48, 48, 0.2); color: #777; cursor: default; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.status-available {background-color: rgba(208, 0, 0, 0.2); color: #777; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.status-available:not(.weekend):not(.red-letter-day) {cursor: pointer;}
#command-log-box #calendarContainer .monthly-horizontal td.status-busy {background-color: rgba(56, 255, 30, 0.2); color: #777; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.status-can-work {background-color: rgba(208, 0, 0, 0.2); color: #777; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.status-can-work:not(.weekend):not(.red-letter-day) {cursor: pointer;}
#command-log-box #calendarContainer .monthly-horizontal td.status-on-job {background-color: rgba(56, 255, 30, 0.2); color: #777; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.status-on-job:not(.weekend):not(.red-letter-day) {cursor: pointer;}
#command-log-box #calendarContainer .monthly-horizontal td.status-on-job-half-day {background-color: rgba(255, 255, 0, 0.2); color: #777; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.status-on-job-half-day:not(.weekend):not(.red-letter-day) {cursor: pointer;}
#command-log-box #calendarContainer .monthly-horizontal td.status-on-leave {background-color: rgba(0, 185, 211, 0.2); color: #777; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.status-on-sick-leave {background-color: rgba(85, 85, 85, 0.1); color: #000; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.status-planned-leave {background-color: rgba(144, 144, 144, 0.1); color: #777; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.status-on-repair-reparation {background-color: rgba(255, 255, 0, 0.3); color: #777; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.status-on-repair-maintenance {background-color: rgba(255, 165, 0, 0.4); color: #777; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal th.summary-title {text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.summary {font-weight: bold; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.summary .badge {margin: 1px 0 1px 0; text-align: left; width: 100%;}
#command-log-box #calendarContainer .monthly-horizontal td.status-truck-available {background-color: rgba(56, 255, 30, 0.2); color: #777; text-align: center;}
#command-log-box #calendarContainer .monthly-horizontal td.status-truck-available:not(.weekend):not(.red-letter-day) {cursor: pointer;}

#command-log-box #calendarContainer .dataTables_paginate {min-width: 730px; max-width: none;}
#command-log-box #calendarContainer .dataTables_paginate .paginate_button {margin-left: 0; padding: 0.1em 0.5em;}
#command-log-box #calendarContainer .dataTables_paginate .paginate_button:active {background: none; border-color: transparent; box-shadow: none;}
#command-log-box #calendarContainer .dataTables_paginate .paginate_button:hover {background: none; border-color: transparent;}
#command-log-box #calendarContainer .dataTables_paginate .paginate_button:hover a {border: 1px solid #2fa4e7;}
#command-log-box #calendarContainer .dataTables_length {background-color: transparent; margin-left: 0; margin-top: 0; min-height: 0; padding-top: 0; width: auto;}
#command-log-box #calendarContainer .dataTables_length label {margin-bottom: 0;}
#command-log-box #calendarContainer .DTFC_LeftBodyLiner {overflow-x: hidden;}
#command-log-box #calendarContainer .dataTables_filter {margin-bottom: 0;}
#command-log-box #calendarContainer .dataTables_filter label {margin-bottom: 0;}
#command-log-box #calendarContainer .dataTables_wrapper .row:first-child {background-color: #f5f5f5; margin-bottom: 10px; margin-left: 0; margin-right: 0; padding: 8px 0;}
#command-log-box #calendarContainer .dataTables_wrapper .row:last-child {background-color: #f5f5f5; margin-left: 0; margin-right: 0; margin-top: 10px; padding: 8px 0;}
#command-log-box #calendarContainer .pager {margin: 10px 0;}

#command-log-box #calendarContainer .dataTable thead .sorting {min-width: 65px; padding: 10px;}

.popover.in-command-log {max-width: 400px !important;}
.popover.in-command-log .popover-content span {display: block; white-space: nowrap;}
.popover.in-command-log .popover-content span hr {margin: 10px 0 !important;}

.modal-main {  max-height: calc(100vh - 200px); min-height:350px; overflow-y: scroll !important; background-image:linear-gradient(#ffffff, #FbFbFb 60%, #f8f8f8) }

div.alphabet-filter {background-color: #f5f5f5; border-bottom: 1px solid #ddd; display: inline-table; margin: 0; padding: 10px 0 10px 10px; position: relative; width: 100%;}
div.alphabet-filter .bold {font-weight: bold;}
div.alphabet-filter span {display: table-cell; color: #3174c7; cursor: pointer; text-align: center; width: 2.8%}
div.alphabet-filter span:hover {text-decoration: underline;}
div.alphabet-filter span.active {color: black; text-decoration: underline;}
div.alphabet-filter span.empty {color: #aaa; cursor: default; text-decoration: none;}
div.alphabetInfo {background-color: #111; border-radius: 3px; color: white; display: block; padding-bottom: 0.4em; padding-top: 0.4em; position: absolute; text-align: center; top: 2em; z-index: 1;}

/* Leds */
.led-red {animation: blinkRed 0.5s infinite; background-color: #ff0000; border-radius: 50%; box-shadow: #000 0 -1px 3px 1px, inset #600 0 -1px 5px, #F00 0 2px 7px; display: inline-flex; height: 25px; margin: 20px auto; width: 25px; -moz-animation: blinkRed 0.5s infinite; -ms-animation: blinkRed 0.5s infinite; -o-animation: blinkRed 0.5s infinite; -webkit-animation: blinkRed 0.5s infinite;}
.led-yellow {background-color: #ffff00; border-radius: 50%; box-shadow: #000 0 -1px 7px 1px, inset #660 0 -1px 9px, #DD0 0 2px 12px; display: inline-flex; height: 25px; margin: 20px auto;	width: 25px;}
.led-green {background-color: #98CB00; border-radius: 50%; box-shadow: #000 0 -1px 3px 1px, inset #460 0 -1px 5px, #7D0 0 2px 7px; display: inline-flex; height: 25px; margin: 20px auto; width: 25px;}
.led-blue {background-color: #4AB; border-radius: 50%; box-shadow: #000 0 -1px 7px 1px, inset #006 0 -1px 9px, #06F 0 2px 14px; display: inline-flex; height: 25px; margin: 20px auto; width: 25px;}

.led-inTable {
	height: 12px;
    width: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 6px;
}

/**
 * Ajax loader
 */
 .loader-anim {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff url("../load_amim2.gif") center no-repeat;
    opacity: 0.95;
}