﻿/* GENERAL */
.black-color { color: black !important; }
.none, .hideWidget { display: none !important; }
.main-content-fichar { padding-top: 100px; width: 100%; position: relative; }
.navbar { left: 0px !important; }
.main-sub-menu { color: black !important; }
.main-sub-menu:hover, .main-sub-menu.active { color: #6777ef !important; }
.main-sub-menu.active { background-color: lavender; }
.table-middle { vertical-align: middle !important; }
.container-PI { margin-top: 25px; }
.timepicker-cont { width: 120px; }
.bootstrap-timepicker-widget { z-index: 1151 !important; }
.input-group-text { background-color: #eee}
.main-sub-menu > i { width: 22px; }
.invisible-label { min-height: 21px; }
.loading-overlay { z-index: 20000 !important; }

@media (min-width: 1400px) {
    .container-PI { max-width: 1365px; }
}

@media (min-width: 1600px) {
    .container-PI { max-width: 1560px; }
}

@media (min-width: 1800px) {
    .container-PI { max-width: 1755px; }
}

@media (min-width: 2000px) {
    .container-PI { max-width: 1950px; }
}

#SearchableResults {
    max-height: 300px;
    overflow-y: auto;
}

.img-cbt{
    padding: 13px 18px;
}

.calendar-link:not(.calendar-view .calendar-link) {
    display: none !important;
}

.calendar-link{
    cursor: pointer;
}
/* LISTAS */
.sortField {
    cursor: pointer
}
.table > tbody > tr > th > a {
    font-weight: bold !important;
    color: #6777ef !important;
}
.table > tbody > tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.sortFieldAsc::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f062";
    padding-left: 5px;
}

.sortFieldDesc::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f063";
    padding-left: 5px;
}

li a.active {
    font-weight: bold !important;
}
#tabsOT li {
    margin-right: 15px;
}

.card-trabajos-sin-programar.fade:not(.show) {
    display: none !important;
}

/* CAMERA */
#camera-container {
    align-content: center;
}
#camera-live { margin: 0 auto; }
#camera-live, #camera-live video { max-width: 100%; }

/* OPCIONES */
.option-radio { top: 5px; }
.option-label { margin-left: 30px; cursor: pointer; display: inline-block; }
.option-img { margin: 0 10px; }

html { min-height: 100%; }
.body-content { padding-top: 70px; }

/* RESPONSIVE*/
@media (max-width: 575px) {
    .hidden-xs { display: none !important; }
}

@media (min-width: 576px) and (max-width: 767px) {
    .hidden-sm { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xl {
        display: none !important;
    }
}
.with-options { min-width: 185px; }

/* ESTILOS GENERALES*/
.hide { visibility: hidden; }
.mt-10p { margin-top: 10px; }
.mt-35p { margin-top: 35px; }
.mt-45p { margin-top: 45px; }
.mb-15p { margin-bottom: 15px; }

/* MODALS */
.jBox-content {
    min-width: 300px;
    min-height: 200px;
    resize: both;
    overflow: auto;
}
.modal-link.ACT {
    color: white !important;
}

.modal-link {
    color: #ffa426 !important;
    cursor: pointer;
}

.jBox-title {
    background-color: #f7e99e !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* PI */
#bryntum-tooltip {
    z-index: 1000000;
    position:fixed;
}
.b-timeline-subgrid {
    background-image: none !important;
}

li.ui-draggable {
    cursor: move;
}
[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}

.fast-task {
    background-image: url('img/icons/arrow_up.png');
    min-height: 25px;
    min-width: 25px;
    background-size: 25px 25px;
    margin-right: 5px;
	z-index: inherit;
}

.slow-task {
    background-image: url('img/icons/arrow_down.png');
    min-height: 25px;
    min-width: 25px;
    background-size: 25px 25px;
    margin-right: 5px;
	z-index: inherit;
}

.b-sch-style-plain { border: 1px solid #4e11a8; }

.fc-license-message {
    display: none !important;
}

/*#jBoxOperator1 .jBox-content { overflow-y: scroll !important; }*/
.b-title { float:right; min-height: 21px !important; margin: 0 5px;}
.b-title label { margin: 0 !important; cursor: pointer; }

.icon-signal, .icon-unsignal {
    animation: 1s blink-alternate infinite;
    animation-direction: alternate;
}
@keyframes blink-alternate {
    to {
        color: transparent;
    }
}

/* MAPA */
#PI-map {
    width: 100%;
    height: 100%;
    background-color: grey;
}

#scheduler-container {
    width: 99%;
}

/* AJUSTES */
.table-list-mvc-item-delete {
    display: none !important;
}

/* CALENDAR*/
.fc-event-time, .fc-event-title {
    white-space: normal !important;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
} 
