body {
    #background-color: #ACB3D3;
}
.navbar-glass {
    #background-color: #ACB3D3;
}

.navbar-vertical.navbar-vibrant .navbar-collapse {
    background-image: -o-linear-gradient(135deg, #5869a8eb, #2e3f7e),url(../fondo.png);
    background-image: linear-gradient(-45deg, #5869a8eb, #2e3f7e),url(../fondo.png);
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bg-card-gradient {
    background-image: linear-gradient(-45deg, #8187a1, #acb3d3);
    background-position: center;
}


/* FULCALENDAR */
.fc-event-main{
    height: 35px;
    font-weight: 600 !important;
}

.fc .fc-timeline-overlap-enabled .fc-timeline-lane-frame .fc-timeline-events {
    padding-bottom: 0px !important;
}

.fc-theme-standard .fc-scrollgrid {
    border-color: var(--falcon-gray-200);
}


.fc .fc-non-business,
.fc .fc-resource-timeline .fc-resource-group:not([rowspan]) {
    background: #d8e2ef47;
}

.fc-theme-standard td, .fc-theme-standard th {
    border: 1px solid #d8e2ef;
}

.fc-timeline-slot-cushion,
.fc-timeline-slot-cushion:hover {
    color: #5e6e82;
}

.fc-header-toolbar{
    padding: var(--falcon-card-cap-padding-y) var(--falcon-card-cap-padding-x);
}

.fc-timeline-event{
    cursor: pointer;
}

.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 70px;
}

.flatpickr-input:disabled, .flatpickr-input[readonly] {
    /* background-color: var(--falcon-flatpickr-calendar-bg); */
}

.fc-dateButton-button{
    background-color: var(--fc-button-bg-color, #2C3E50) !important;
}

/*TOASTR*/
#toast-container>div{
    opacity: 1;
}

.toast-success{
    background-color: #28C840;
}

.dataTables_wrapper .table-responsive {
    margin-bottom: 1rem;
}

/*FORMS*/
label.required:after {
    content: "*";
    margin-left: 3px;
}

#reservation_days .form-check {
    float: left;
    margin-right: 30px;
}

/*TABLES*/
td.final-price{
    background-color: #e0eaf7;
    cursor: pointer;
}

.bg-250{
    background-color: #e0eaf7 !important;
}

@media (max-width: 767.98px){
    .card-header>p{
        font-size: .8333333333rem !important;
    }
    .fc-toolbar-title{
        font-size: 1.2rem !important;
    }
    .fc-header-toolbar{
        margin-bottom: 0 !important;
        padding: 1rem !important;
    }
    .fc .fc-button{
        font-size: 1rem;
        line-height: 1.5;
        padding: 0.4em 0.65em;
        margin-bottom: 0.25rem;
    }
    .fc .fc-datagrid-cell-cushion{
        padding-left: 0.25rem;
        font-size: .6944444444rem;
    }
    .fc-datagrid-cell-cushion .fc-icon{
        display: none;
    }
}


#mapid {
    height: 78vh;
}

#fleetmapid {
    height: 88vh;
}

#nopoints-alert {
    display: none;
}
#longquery-alert {
    display: none;
}

.leaflet-control-slider.leaflet-control-slider-expanded a.leaflet-control-slider-toggle {
    line-height: 10px !important;
}
a.leaflet-control-slider-toggle {
    font-size: 10px !important;
    font-weight: 300 !important;
    line-height: 10px !important;
    height: inherit !important;
    padding-top: 2px;
    display: block !important;
}

.hide {
    display: none !important;
}

#mapLayerControl {
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border: none;
}

#mapLayerControls label {
    display: inline;
    line-height: 30px;
    font-size: .75rem;
}

#mapLayerControls tbody tr td:first-child {
    padding-left: 10px;
}

#mapLayerControls td .icheckbox_square-blue {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 4px;
}

.datetime-point-registry {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #d2d6de;
}

.info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}
.info h4 {
    margin: 0 0 5px;
    color: #777;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.12rem;
    line-height: 1.1;
}
.info h5 {
    font-size: .88rem;
    font-family: 'Source Sans Pro', sans-serif;
}

.legend {
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 8px;
    margin-top: 4px;
    opacity: 0.7;
}

.boat-color-legend {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
}

.fleetlist-wrapper {
    right: -6px;
    top:0;
    margin: 0;
    z-index: 99999;
    transition: all 300ms ease;
    transform: translateX(100%);
}

.fleetlist-wrapper.is-open{
    transform: translateX(0);
}

#fleetlist {
    height: 70vh;
    overflow-y: scroll;
}

#showfleet-button {
    color: #444;
    position: absolute;
    top: 100px;
    left: -40px;
    padding: 4px;
    border-radius: 4px 0px 0px 4px;
    background: rgba(255,255,255,0.8);
}


@media only screen and (max-width : 552px) {
    .last-datetime-sub {
        display: block;
    }
    .last-datetime-boatname {
        width: 100%;
    }
}

@media only screen and (max-width : 380px) {
    .last-datetime-registry h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width : 284px) {
    .last-datetime-boatname {
        bottom: 50px;
    }
}

.financiacion-container {
    border-top: 1px solid #2D3C7F;
    padding: 10px;
    font-size: 11px;
    color: #ACB2D4;
    position: absolute;
    bottom: 0px;
}

.financiacion-container>span {
    display: block;
    margin-bottom: 5px;
}

.logo-idepa {
    height: 80px;
    margin-bottom: 5px;
}

.logo-ue {
    width: 100%;
}

.boat-header-name {
    font-weight: bold;
    padding-top: 5px;
    font-size: 16px;
}

.bootstrap-datetimepicker-widget {
    z-index: 1001;
}

.info.mouse-coords {
    font-size: 12px;
}
.wrap-text {
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}