/*

HOJA DE ESTILOS PRINCIPAL - VECTIOBASE / FULMAR

*/


:root {
    /* colores */
    --celeste: #2b8ee4;
    --azul: #145188;
    --azul-oscuro: #0E3558;
    --azul-oscuro-2: #095C7C;
    --indigo: #293147;
    --indigo-foco: #2D2756;
    --violeta: #5E5CE0;
    --blanco: #ffffff;
    --naranja-vectio: #E48F2B;
    --grid-odd: #E5E5E5;
    --grid-even: #D9D9D9;
    --grid-odd-hover: #A9C9E5;
    --grid-even-hover: #A1C1DD;
    --grid-group-header: #BBBBBB;
    /* colores status */
    --rojo: #FF0039;
    --naranja: #FF5C0B;
    --amarillo: #FFB206;
    --verde: #13A05F;
}

/* Utilidades */

.bold {
    font-weight: bold;
}

.rojo {
    color: var(--rojo);
}

.naranja {
    color: var(--naranja)
}

.amarillo {
    color: var(--amarillo);
}

.verde {
    color: var(--verde);
}

.unselectable-text {
    user-select: none;
}

.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

/* DEFIINICIONES GENERALES-----------------------------------------------------------
*/



* {
    font-family: "Verdana", sans-serif;
    font-size: 12px;
    color: #fff;
}

body {
    /*background-color: rgb(37, 46, 74);*/
    background-color: #b4b4b4;
}

@media screen and (min-width: 768px) {
    body {
        /*background: rgba(121,134,141,1);
        background: -moz-linear-gradient(top, rgba(121,134,141,1) 0%, rgba(28,36,60,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(121,134,141,1)), color-stop(100%, rgba(28,36,60,1)));
        background: -webkit-linear-gradient(top, rgba(121,134,141,1) 0%, rgba(28,36,60,1) 100%);
        background: -o-linear-gradient(top, rgba(121,134,141,1) 0%, rgba(28,36,60,1) 100%);
        background: -ms-linear-gradient(top, rgba(121,134,141,1) 0%, rgba(28,36,60,1) 100%);
        background: linear-gradient(to bottom, rgba(121,134,141,1) 0%, rgba(28,36,60,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79868d', endColorstr='#1c243c', GradientType=0 );
        background-attachment: fixed;
        background-image: url("../Imagenes/mainBg.jpg");*/
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
}

.sinMargen {
    margin-bottom: 0px;
}

.textLeft {
    text-align: left !important;
}

.texto-left {
    color: #fff;
}

.masterContainer {
    /*padding-top: 110px !important;*/
    padding-bottom: 15px;
    /*background: #1c243c;*/
    /*background: linear-gradient(5deg, #435a8e, #924d4d);*/
    /*background: #72838e;*/
    background: #b4b4b4;
    padding-top: 95px !important;
}

.conjFormulario select, .conjFormulario .formCombobox {
    border-right: none;
    display: inline-block;
    outline: none;
}

.conjFormulario .formCombobox {
    width: 168px;
    height: 21px;
}

@media (max-width: 768px) {
    .conjFormulario .formCombobox {
        width: 47%; /* Ajustar el ancho al 100% para pantallas más pequeñas */
    }
}


/*@media (max-width: 768px) {
    .conjFormulario .formCombobox {
        width: 50%;*/ /* Ajustar el ancho al 100% para pantallas más pequeñas */
/*height: auto;*/ /* Ajustar la altura automáticamente para pantallas más pequeñas */
/*}
}*/

.conjFormulario .formCombobox[disabled="disabled"] {
    opacity: .5;
}

.conjFormulario label {
    width: 100px;
    text-align: left;
    margin-left: 5px;
}

.conjFormulario .control, .conjFormulario .control input, #selTipoPerfil_chosen, #selGrupo_chosen {
    width: 200px !important;
    width: 150px;
    border-radius: 4px;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

@media screen and (max-width: 768px) {
    .conjFormulario .control,
    .conjFormulario .control input,
    #selTipoPerfil_chosen,
    #selGrupo_chosen {
        max-width: 57%; /* Ancho máximo del 100% en pantallas más pequeñas */
    }
}

.conjFormulario input[type=checkbox] {
    margin-bottom: 18px !important;
    margin-top: 18px !important;
}

.btn {
    border-radius: 0px;
}


label {
    font-weight: normal;
}

.spanBold {
    font-weight: bold;
}

.menuExport {
    background-color: white;
    padding: 0px 5px;
}

.conjFormulario {
    box-sizing: border-box;
    height: 35px;
}

@media (max-width: 768px) {
    .conjFormulario {
        height: auto; /* Cambiar la altura a automática para pantallas más pequeñas */
    }
}

.conjCheckbox {
    text-align: left !important;
}

.botonDropDown {
    top: 10px !important;
    background-color: #145188;
    font-weight: normal;
    color: White;
    border: none;
    height: 29px !important;
    transform: translateY(-6px)
}

.ui-widget /*Desactivar todos los bordes redondeados*/ {
    border-radius: 0px !important;
    outline: none;
}

/*.ui-state-default{
    
    height: 29px !important;
    top: 10px !important;
}*/

.ui-state-active {
    border: none !important;
}

.ui-button-icon-only {
    height: 21px !important;
    top: 6px !important;
}




.contPatentes {
    text-align: left !important;
}

.divPatente {
    background-color: rgba(255,255,255,0.2);
    width: 90px;
    border-radius: 5px;
    display: inline-block;
    margin: 5px;
}

.formPeq {
    width: 85px !important;
}


.subtVineta {
    font-size: 14px;
    display: block;
    margin: 20px 0px;
    text-align: left;
    font-weight: bold;
    background: rgb(11 11 11 / 46%);
    padding: 5px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}

    .subtVineta:before {
        content: "\2022  ";
        color: #2B8EE4;
    }

/* DEFINICIÓN DE ESTILOS PARA LOGIN--------------------------------------------------*/

/*.panelLogin {*/
/*  background: #606f92;*/
/*background: black;
    padding: 1rem;*/ /* Utilizamos rem en lugar de px */
/*margin: 0 auto;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all .2s ease-in-out;
    border-radius: 2px;
    width: 33%;*/ /* Utilizamos % en lugar de px */
/*height: 294px;
}*/

.panelLogin {
    background: black;
    padding: 1rem;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all .2s ease-in-out;
    border-radius: 2px;
    width: 33%;
    height: auto; /* Cambiar height a auto */
    display: flex; /* Establecer como contenedor de flex */
    flex-direction: column; /* Alinear elementos verticalmente */
    justify-content: center; /* Centrar elementos verticalmente */
}


@media screen and (max-width: 440px) /*MOBILE*/
{
    .panelLogin {
        width: 100%;
    }
}

.imageBg {
    /*    background-image: url('../Imagenes/login-latam-new.jpg');*/
    background-image: url('../Imagenes/FondoEditado.jpg');
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

input[type="text"].cajaTexto.loginUsuario, input[type="text"].cajaTexto.loginPass, .loginPass {
    width: 80% !important;
    background-color: #2C2655;
    color: #eee;
}

@media (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    input[type="text"].cajaTexto.loginUsuario,
    input[type="text"].cajaTexto.loginPass,
    .loginPass {
        width: 80% !important; /* Ajusta el ancho para resoluciones mayores */
    }
}

/* Estilos para pantallas más pequeñas */
@media (max-width: 768px) {
    input[type="text"].cajaTexto.loginUsuario, input[type="text"].cajaTexto.loginPass, .loginPass,
    .cajaTexto.loginUsuario,
    .cajaTexto.loginPass,
    .loginPass {
        /* Ajustar los estilos para pantallas más pequeñas */
        width: 78% !important; /* Reducir el ancho máximo para pantallas pequeñas */
    }
}

.loginUsuario:-webkit-autofill, .loginPass:-webkit-autofill {
    /*    -webkit-box-shadow: 0 0 0px 1000px #39476b inset;*/
    -webkit-box-shadow: 0 0 0px 1000px #2d2d2d inset;
    -webkit-text-fill-color: white;
    background-color: #2C2655;
    color: #eee;
}


.errorcito {
    background: rgba(0,0,0,.3);
    padding: 5px;
    border-radius: 3px;
    color: #E80E21 !important;
    font-family: 'Calibri', sans-serif;
    font-size: 14px;
    transition: all .4s;
}

    .errorcito:before {
        content: "\e101";
        display: inline-block;
        position: relative;
        font-family: 'Glyphicons Halflings';
        top: 2px;
        margin-right: 5px;
    }

/* DEFINICIÓN DE ESTILOS PARA NAVBAR--------------------------------------------------
*/



@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.navbar {
    border-radius: 0px;
    box-shadow: #000 0px -53px 35px 54px;
    border: none;
    height: 66px;
    min-height: 75px;
    /*background-color: #1B233B;*/
    background: #0b0b0b;
    /*background: #7b7b7b;*/
    /*    background: #000000;*/
}

@media (max-width: 767px) {
/*    .navbar {
        width: 100%;
    }*/
    .navbar {
        height: 50px;
    }
    /* o 56/60/75 según tu tema */
    .navbar-header {
        position: relative;
    }

    /* Botón hamburguesa siempre visible y encima */
    .navbar-toggle {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
        height: 40px; /* ajusta a tu alto */
        z-index: 3; /* por encima del brand */
    }

    /* El brand deja espacio a la derecha para el toggle */
    .navbar-brand.links {
        padding: 0 60px 0 15px; /* 60px de “reserva” a la derecha */
        height: 50px;
        display: flex;
        align-items: center; /* centra vertical */
        z-index: 1; /* por debajo del toggle */
    }

        /* Si hay logo dentro del brand */
        .navbar-brand.links img {
            width: 74% !important;
            margin-left: -59px !important;
            margin-top: 61px !important;
        }
}

@media (max-width: 768px) {
    /* .navbar-header { position: relative; }*/

    .navbar-brand.links {
        position: absolute;
        left: 60px; /* deja lugar al botón hamburguesa */
        top: 50%;
        transform: translateY(-50%); /* centra verticalmente en el header */
        padding: 0 15px;
    }

    /*.navbar-toggle { margin: 0; height: 50px; }*/
}

.header-dropdown.dropdown-menu > li > a:hover, .header-dropdown.dropdown-menu > li > a:focus {
    /*background-color: #4d566f;*/
    background-color: #2d2d2d;
    color: #FFFFFF !important;
}

@media (min-width: 993px) {

    .navbar-nav > li > .dropdown-menu {
        margin-top: -1px !important;
        min-width: 172px;
        background-color: #0B243A;
    }
}

.navbar-nav > li > .dropdown-menu a {
    color: white;
    transition: all .1s ease-in;
}

.navbar-right li {
    background-color: rgba(0,0,0,0);
    margin: 2px;
    border-radius: 2px;
}

    /*.navbar-right li .dropdown-toggle{
    padding: 9px 9px;
    color: white !important;
    background-color: transparent;
    transition: background .2s;
}

    /* Estilos generales para todas las pantallas */
    .navbar-right li .dropdown-toggle {
        padding: 9px 9px;
        color: white !important;
        background-color: transparent;
        transition: background .2s, padding .2s;
    }

/* Estilos específicos para pantallas de 1166 píxeles de ancho o más */
@media screen and (min-width: 1166px) {
    .navbar-right li .dropdown-toggle {
        padding: 9px 7px;
    }
}

/* Estilos específicos para pantallas entre 993 y 1165 píxeles de ancho */
@media screen and (max-width: 1165px) {
    .navbar-right li .dropdown-toggle {
        padding: calc(9px + (7 - 9) * (100vw - 993px) / (1165 - 993)) 2px;
    }
}

/* Estilos específicos para pantallas de 993 píxeles de ancho o menos */
@media screen and (max-width: 993px) {
    .navbar-right li .dropdown-toggle {
        padding: 9px 6px;
    }
}

.navbar-right li.dropdownPaneldeUsuario .dropdown-toggle {
    padding: 15px 10px;
}

.navbar-inverse .navbar-nav > .open > a {
    background: -moz-linear-gradient(top, rgba(9,37,61,1) 0%, rgba(14,53,88,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(9,37,61,1)), color-stop(100%, rgba(14,53,88,1)));
    background: -webkit-linear-gradient(top, rgba(9,37,61,1) 0%, rgba(14,53,88,1) 100%);
    background: -o-linear-gradient(top, rgba(9,37,61,1) 0%, rgba(14,53,88,1) 100%);
    background: -ms-linear-gradient(top, rgba(9,37,61,1) 0%, rgba(14,53,88,1) 100%);
    background: linear-gradient(to bottom, rgba(9,37,61,1) 0%, rgba(14,53,88,1) 100%);
}

.navbar-right li:hover .dropdown-toggle, .navbar-right li:focus .dropdown-toggle {
    background: #2B8EE4 !important;
}

.navbar-right li .dropdown-toggle:hover {
    background: -moz-linear-gradient(top, rgba(28,77,117,1) 0%, rgba(14,53,88,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(28,77,117,1)), color-stop(100%, rgba(14,53,88,1)));
    background: -webkit-linear-gradient(top, rgba(28,77,117,1) 0%, rgba(14,53,88,1) 100%);
    background: -o-linear-gradient(top, rgba(28,77,117,1) 0%, rgba(14,53,88,1) 100%);
    background: -ms-linear-gradient(top, rgba(28,77,117,1) 0%, rgba(14,53,88,1) 100%);
    background: linear-gradient(to bottom, rgba(28,77,117,1) 0%, rgba(14,53,88,1) 100%);
}

.navbar-nav li .dropdown-toggle {
    line-height: 45px;
    text-align: center;
}


.logout-btn {
    display: inline;
    line-height: 70px;
    transition: background-color 0.2s;
}

    .logout-btn:hover {
        background-color: #f3d673 !important;
    }

@media (min-width:993px) {


    .header-dropdown.dropdown-menu {
        left: auto !important;
        right: 0 !important;
        text-align: left;
        transform: none;
        background-color: #2B8EE4 !important;
        transform: translate(1px,0px);
        z-index: -1;
    }

    .dropdown:last-child .header-dropdown.dropdown-menu {
        min-width: 151px !important;
    }

        .dropdown:last-child .header-dropdown.dropdown-menu span {
            display: block;
            font-size: .8em;
        }
}


.header-dropdown.dropdown-menu li:not(:last-child) {
    border-bottom: solid #2170B5 1px;
}

.imgPanel {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url('../imagenes/navbar_icon_userpanel_2.png');
    transition: background .2s;
    vertical-align: middle;
}

.dropdown-toggle:hover .imgPanel {
    background: url('../imagenes/navbar_icon_userpanel.png');
}

.navbar-right li {
    border-radius: 0px;
    z-index: 1001;
    position: relative;
    margin-bottom: 0px;
    margin-top: 0px;
}


.navbar-brand {
    margin-top: 7px;
    padding-top: 5px;
}

@media (max-width: 768px) {
    .navbar-brand {
        margin-top: 5px; /* Ajustar el margen superior para pantallas más pequeñas */
        padding-top: 3px; /* Ajustar el padding superior para pantallas más pequeñas */
    }
}

#dropdown-user {
    color: #fff !important;
}



.mobileTag {
    font-size: 11px;
    display: block;
    line-height: 14px;
    height: 12px;
}

#ctl00_Header1_btnCerrarSess {
    border: none;
    background: transparent;
    color: white;
    padding: 0px 20px;
    width: 100%;
    text-align: left;
    transition: all .1s ease-in;
    line-height: 23px;
}

    #ctl00_Header1_btnCerrarSess:hover {
        background-color: #4e5770;
    }

.dropdown-header {
    color: #333;
}

/*dropdown idioma new*/

/*.dropdown.dropdownIdioma
{   
    margin-top: 15px;
    margin-right: 40px;
}*/

.dropdown.dropdownIdioma .dropdown-toggle {
    line-height: 57px;
}

.dropdown.dropdownIdioma .dropdown-menu {
    width: 43px;
    min-width: auto;
}

    .dropdown.dropdownIdioma .dropdown-menu .divIdioma {
        text-align: center;
    }

        .dropdown.dropdownIdioma .dropdown-menu .divIdioma.idiomaSelected {
            background-color: rgb(45 45 45);
        }

        .dropdown.dropdownIdioma .dropdown-menu .divIdioma input {
            background: transparent;
            border: none;
            font-size: .8em;
        }

/* BANNER APP */

.dashboard .dashboardItem.banner-app {
    height: 140px;
    background-image: url(../Images/app-banner-img/bg.jpg);
    background-size: cover;
    background-position: center center;
    padding: 15px;
    position: relative;
    overflow: hidden;
    /*display: none;*/
}

    .dashboard .dashboardItem.banner-app .screens {
        height: 94%;
        width: 100px;
        margin-top: 12px
    }

    .dashboard .dashboardItem.banner-app .vectio-movil-logo {
        position: absolute;
        right: 5px;
        top: -17px;
        width: 154px;
    }

@media screen and (max-width: 768px) {
    .dashboard .dashboardItem.banner-app .screens {
        width: 103px; /* Ajusta el ancho para pantallas más pequeñas */
        height: 106%;
        margin-top: -4px
    }

    .dashboard .dashboardItem.banner-app .vectio-movil-logo {
        width: 226px; /* Ajusta el ancho del logo para pantallas más pequeñas */
        position: absolute;
        right: 5px;
        top: -17px;
    }
}

.dashboard .dashboardItem.banner-app .banner-botones {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

    .dashboard .dashboardItem.banner-app .banner-botones a {
        display: block;
        margin-bottom: 5px;
    }

        .dashboard .dashboardItem.banner-app .banner-botones a img {
            width: 82px;
            top: 30px;
            height: 123px;
            margin-right: -10px;
        }


/*MENU COLAPSADO*/

.navbar-toggle {
    border: none;
    border-radius: 0px;
    background-color: transparent;
}

    .navbar-toggle:focus, .navbar-toggle:hover {
        background-color: transparent !important;
    }



    .navbar-toggle .icon-bar {
        height: 4px;
    }


@media (max-width:992px) {


    /*.navbar-collapse.collapse .ultimoDropdown
    {   
        margin-bottom: 20px !important;
    }*/

    .navbar-right {
        float: none;
        position: absolute;
        width: 100vw;
    }

    .navbar-nav > li:after {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        right: 30px;
        font-size: 1.5em;
        position: absolute;
        top: 15px;
    }

    .navbar-nav > li.open:after {
        content: "\e113";
    }

    .navbar-nav > li.open > .dropdown-toggle {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }


    .mobileTag {
        display: inline-block;
        font-size: 1.2em;
        margin-left: 5px;
    }

    .dropdown-menu li:not(:last-child) {
        border-bottom: solid #eee 1px;
    }

    .navbar-toggle {
        margin-top: 12px;
    }

    .dropdown-menu > li > a {
        color: #eee !important;
    }

    .navbar-header {
        /*background: #1C243C;*/
        background: #7b7b7b00;
    }

    .navbar-collapse.in {
        /*min-height: 100vh;*/
        max-height: 2000px;
    }

    #bs-example-navbar-collapse-1 {
        background: rgba(0,0,0,0.9);
        position: fixed;
        top: 75px;
        right: 0;
        left: 0;
        bottom: 0;
        /*min-height: 100vh;*/
    }

    .navbar-right li .dropdown-toggle:hover {
        background: transparent;
    }

    .navbar-nav .open {
        background: transparent !important;
    }

    .navbar-inverse .navbar-nav > .open > a {
        background: #371d4e !important
        /*color: black !important;*/
    }



    .dropdown-menu {
        background-color: #252525 !important;
        /*border-bottom: 1px solid #1A63A4 !important;*/
        margin-top: 0px !important;
    }

        .dropdown-menu li a {
            font-weight: bold;
            text-align: left;
            margin-left: 33px;
        }

        .dropdown-menu li:not(:last-child) {
            border-bottom: none;
        }

    .navbar-nav li .dropdown-toggle, .dropdown.dropdownIdioma .dropdown-toggle {
        background: transparent;
        line-height: 35px;
        text-align: left;
        padding-left: 30px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        line-height: 30px;
        font-weight: normal;
    }

    .navbar-right li.dropdownPaneldeUsuario .dropdown-toggle {
        padding: 9px 10px 9px 30px;
    }
}

@media (max-width:992px) {

    .navbar-right li:hover .dropdown-toggle, .navbar-right li:focus .dropdown-toggle {
        background: transparent !important;
    }

    .navbar-right li.open .dropdown-toggle {
        background: #2B8EE4 !important;
    }
}



/*
DEFINICIONES DE ESTILO NAV TABS----------------------------------------------------------*/

.nav-tabs {
    border-bottom: 1px solid #92A0AB !important;
    float: none;
    position: relative;
}



    .nav-tabs.nav-tabs-alternativas {
        /*margin-bottom: 20px;*/
    }

        .nav-tabs.nav-tabs-alternativas > li.active > a {
            border-top-color: #000000;
            border-bottom-color: rgb(39, 46, 69) !important;
            /*background-color: rgba(255,255,255,0.05) !important;*/
            background-color: rgb(54 133 202) !important;
        }

            .nav-tabs.nav-tabs-alternativas > li.active > a:hover, .nav-tabs.nav-tabs-alternativas > li.active > a:active {
                border-bottom-color: rgb(39, 46, 69) !important;
            }


        .nav-tabs.nav-tabs-alternativas > li > a:hover, .nav-tabs.nav-tabs-alternativas > li > a:focus {
            border-top-color: #000000 !important;
        }

        .nav-tabs.nav-tabs-alternativas + .nav-tabs {
            background-color: rgba(255,255,255,0.05);
            padding-top: 20px;
            padding-left: 10px;
        }


    .nav-tabs > li > a {
        background-color: rgba(0,0,0,0.2);
        transition: all .2s;
        border-top: 2px solid rgba(255,255,255,0.1);
    }

        .nav-tabs > li > a > span {
            /*color: #999;*/
            color: #485168;
        }

            .nav-tabs > li > a > span:first-child {
                margin-right: 5px;
            }

        .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
            background-color: rgba(255,255,255,0.1);
            border: 1px solid transparent;
            color: #eee;
            border-bottom: transparent;
            border-top: 2px solid #145188;
        }

    .nav-tabs > li.active > a {
        /*background-color: rgb(50, 57, 79) !important;*/
        /*background-color: #4e5770;*/
        background-color: #2d2d2d;
        border-color: #92A0AB;
        border-bottom-color: white;
        /*border-top: 2px solid #145188;*/
        border-top: 2px solid #4191d6;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255,255,255,0) !important;
        color: #eee;
    }

        .nav-tabs > li.active > a > span {
            color: #eee;
        }

        .nav-tabs > li.active > a:hover {
            border-bottom-color: white !important;
        }



        .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            border-top: 2px solid #145188;
            border-bottom: 1px solid rgba(255,255,255,0) !important;
            color: #141517;
            cursor: pointer;
        }

.nav.nav-tabs > li > a:hover {
    border-bottom-color: #92A0AB;
}

.nav.nav-tabs > .help-panel {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}

    .nav.nav-tabs > .help-panel > a {
        text-decoration: none;
        display: inline-block;
        height: 100%;
    }

        .nav.nav-tabs > .help-panel > a > img {
            height: 100%;
        }

/* scroll para tabs alternativas en mobile*/

@media screen and (max-width: 450px) {

    .nav-tabs.nav-tabs-alternativas {
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -moz-box;
    }

        .nav-tabs.nav-tabs-alternativas::-webkit-scrollbar {
            display: none;
        }

        .nav-tabs.nav-tabs-alternativas > li {
            float: none;
        }
}



/*DEFINICIONES ENCABEZADOS----------------------------------------------------------*/

h3 {
    text-align: center;
}

.formTitle, .formTitle2 {
    background-color: rgb(110 109 109);
    margin: 0px;
    padding: 16px 16px 21px 16px;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: left;
    text-shadow: 0px 3px 2px rgba(150, 150, 150, 0.57);
    text-transform: uppercase;
}

    .formTitle span, .formTitle2 spam {
        font-size: 1.5rem;
    }

.sub {
    font-size: 1.2rem !important;
    padding-top: 10px !important;
}

.menuExport h4 {
    display: inline-block;
}

.inlineTitle {
    display: inline-block;
    font-weight: bold;
}

/*DEFINICIONES DE TABLA-------------------------------------------------------------*/

.table {
    margin-bottom: 0px;
}

.JsonGrid th {
    justify-content: center;
    display: inline-flex;
    width: 16.6666666667%;
    align-items: center;
    cursor: pointer;
    cursor: hand;
}

th[aria-sort=ascending], th[aria-sort=descending] {
    background-color: #508ABF;
}

.cajaEstado {
    display: inline-block;
    padding: 5px;
    color: white;
}

.table > tbody > tr > th, .table > tbody > tr > td {
    border-top-color: #92A0AB;
}

.celdaEstado {
    /*APLICAR EN LA MASTERPAGE PARA LAS CELDAS DE ESTADO*/
    text-align: center;
}

#ctl00_contenidoMaster_Gv_LlaveHistorial tr th:only-child, #ctl00_contenidoMaster_Gv_LlaveHistorial td, #ctl00_contenidoMaster_GridEmpresas td {
    width: 100%;
}

#ctl00_contenidoMaster_GridPersona td, #ctl00_contenidoMaster_GridUnidades td, #ctl00_contenidoMaster_GridCheckListTipo td, #ctl00_contenidoMaster_gridUnidades td, #ctl00_contenidoMaster_gridProgramacion td, #ctl00_contenidoMaster_gridEvaluaciones td, #ctl00_contenidoMaster_GridTacografo td, #ctl00_contenidoMaster_GridEmpresas td, #ctl00_contenidoMaster_GridEmpresaCuit td, .gridDocumentos td, #ctl00_contenidoMaster_gridPersonas td, #ctl00_contenidoMaster_GridPersonas td, #ctl00_contenidoMaster_gridEmpresas td, #ctl00_contenidoMaster_gridKilometraje td, #ctl00_contenidoMaster_gridcombustible td, #ctl00_contenidoMaster_gridTiempo td, #ctl00_contenidoMaster_gridVelocidad td, #ctl00_contenidoMaster_GridHistorico td, #ctl00_contenidoMaster_GridAreas td, #ctl00_contenidoMaster_GridSeguimiento td, #GridUnidades td, #ctl00_contenidoMaster_GridUnidadesBajas td, #ctl00_contenidoMaster_gridUnidadesBajas td, #ctl00_contenidoMaster_gridGrupos td, #ctl00_contenidoMaster_Grilla td, #ctl00_contenidoMaster_gridApersonas_wrapper td, #ctl00_contenidoMaster_grid td, #ctl00_contenidoMaster_GridScoring td, .JsonGrid.dataTable td, #ctl00_contenidoMaster_Grilla td, #ctl00_contenidoMaster_gridUnidades td {
    display: table-cell;
}

@media screen and (max-width: 992px) {
    #ctl00_contenidoMaster_gridPersonas th {
        min-width: 0px !important;
    }
}

@media screen and (max-width: 768px) {
    #ctl00_contenidoMaster_gridPersonas {
        overflow: auto;
        white-space: normal;
    }
}

#ctl00_contenidoMaster_gridUnidades {
    overflow: scroll;
}

    #ctl00_contenidoMaster_GridPersona th, #ctl00_contenidoMaster_GridUnidades th, #ctl00_contenidoMaster_GridCheckListTipo th, #ctl00_contenidoMaster_gridUnidades th, #ctl00_contenidoMaster_gridProgramacion th, #ctl00_contenidoMaster_gridEvaluaciones th, #ctl00_contenidoMaster_GridTacografo th, #ctl00_contenidoMaster_GridEmpresas th, #ctl00_contenidoMaster_GridEmpresaCuit th, .gridDocumentos th, #ctl00_contenidoMaster_gridPersonas th, #ctl00_contenidoMaster_GridPersonas th, #ctl00_contenidoMaster_gridEmpresas th, #ctl00_contenidoMaster_gridKilometraje th, #ctl00_contenidoMaster_gridcombustible th, #ctl00_contenidoMaster_gridTiempo th, #ctl00_contenidoMaster_gridVelocidad th, #ctl00_contenidoMaster_GridHistorico th, #ctl00_contenidoMaster_GridAreas th, #ctl00_contenidoMaster_GridSeguimiento th, #GridUnidades th, #ctl00_contenidoMaster_GridUnidadesBajas th, #ctl00_contenidoMaster_gridUnidadesBajas th, #ctl00_contenidoMaster_gridGrupos th, #ctl00_contenidoMaster_Grilla th, #ctl00_contenidoMaster_gridApersonas_wrapper th, #ctl00_contenidoMaster_grid th, #ctl00_contenidoMaster_GridScoring th, .JsonGrid.dataTable th, #ctl00_contenidoMaster_Grilla th, #ctl00_contenidoMaster_gridUnidades th {
        display: table-cell;
        text-align: center;
        min-width: 138px;
    }



#ctl00_contenidoMaster_GrillaDias th {
    min-width: 76px !important;
}

#ctl00_contenidoMaster_Grilla th {
    min-width: 84px !important;
}

    #ctl00_contenidoMaster_Grilla th div, #ctl00_contenidoMaster_gridUnidades th div, #ctl00_contenidoMaster_GrillaDias th div, #ctl00_contenidoMaster_GrillaUnidadKM th div {
        font-size: .8em;
    }

#ctl00_contenidoMaster_gridUnidades th {
    min-width: 100px !important;
}

#ctl00_contenidoMaster_GridPersona th:first-child {
    max-width: 80px;
}

#ctl00_contenidoMaster_GridPersona th:nth-child(2), #ctl00_contenidoMaster_GridPersona th:nth-child(3), #ctl00_contenidoMaster_GridUnidades th:nth-child(2) {
    min-width: 240px;
}

/*#ctl00_contenidoMaster_GridPersona th:first-child, #ctl00_contenidoMaster_GridUnidades th:first-child{
    
    width: 40px;
}*/

.fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-bl.ui-corner-br.ui-helper-clearfix {
    /*height: 60px;
    line-height: 42px;*/
}

#ctl00_contenidoMaster_tblDocs {
    width: 100%;
}

    #ctl00_contenidoMaster_tblDocs td[colspan="5"] > img { /* AFECTA UNICAMENTE A LOS SEPARADORES DE LA TABLA */
        width: 100%;
    }

#ctl00_contenidoMaster_tblDocs {
    width: auto !important;
}

    #ctl00_contenidoMaster_tblDocs input[type="text"] {
        border: 1px solid;
        border-color: #aaa;
        border-collapse: collapse;
        height: 24px;
        border-radius: 5px 0 0 5px;
        color: #000;
    }

    #ctl00_contenidoMaster_tblDocs img[src="/Vectio/imagenes/calendar/styles/icon2.gif"] {
        border-radius: 0 5px 5px 0;
    }

    #ctl00_contenidoMaster_tblDocs textarea {
        resize: none;
        border-radius: 5px;
        color: #333;
    }

#ctl00_contenidoMaster_GridPersonas, #ctl00_contenidoMaster_gridPersonas {
    white-space: nowrap;
}

.JsonGrid .tr {
    transition: all .4s;
}

.JsonGrid .seleccion {
    background-color: #3B266D !important;
    transition: all .4s;
}

    .JsonGrid .seleccion * {
        color: #eee !important;
    }

.tablaFija {
    table-layout: fixed;
}

    .tablaFija th {
        min-width: unset;
        width: auto;
    }

    .tablaFija td {
        padding: 10px 0 !important;
    }


#tablaFija2 {
    left: 16px;
    right: 16px;
    position: static;
    width: calc(80% - 0px);
    bottom: 56px;
    table-layout: fixed;
    background: #223d7d;
}

/* Grillas unidades show */

.gridDocumentos, .gridDocumentos th, .gridDocumentos td {
    border: none !important;
}

    .gridDocumentos th {
        background: #92A0AB;
        color: #14192B;
    }

        .gridDocumentos th:first-child {
            width: 30%;
        }

    .gridDocumentos tr {
        border-bottom: 1px solid #92A0AB;
    }

    .gridDocumentos td {
        text-align: center;
        border-bottom: 1px solid #333;
        height: 34px;
    }

        .gridDocumentos td:first-child, .gridDocumentos th:first-child {
            text-align: left;
            padding-left: 5px;
        }

        .gridDocumentos td:first-child {
            font-weight: bold;
        }

.observations-label {
    resize: none;
    font-family: inherit !important;
    margin-right: 10px;
    color: #ffffff !important;
}

/*DEFINICIONES PARA ESTILOS DE TEXTO -----------------------------------------------*/

.italic {
    font-style: italic;
}

.semitrans {
    opacity: .7;
}

/*DEFINICIONES DE FORMULARIO--------------------------------------------------------*/

select {
    padding: 2px;
    border: none;
    color: #eee;
    background-color: #0b0b0b;
    outline: none;
}

/*select, option{
	
	color: #333;
}*/

.btn-form {
    padding: 5px;
    border-radius: 0px;
    margin-bottom: 10px;
    border: #1F6BAD 1px solid !important;
    display: block;
    margin: 0 auto;
    max-width: 200px;
    margin-top: 10px;
    height: 30px;
    background-position: center center;
    box-shadow: 0px 2px 0px #1F6BAD;
    transition: all .1s;
    outline: none;
    margin-top: 1px;
}

@media (max-width: 768px) {
    .btn-form {
        margin-top: 10px;
    }
}

.btn-form.gris {
    background-color: #c4c4c4;
    font-weight: bold;
    color: #333;
    display: inline-block;
    border-color: #5F5F5F !important;
    box-shadow: 0px 2px 0px #5F5F5F;
}

    .btn-form.gris.luz:before {
        content: '';
        display: inline-block;
        width: 3px;
        height: 10px;
        border-radius: 2px;
        background-color: #636363;
        margin-right: 5px;
        transition: background-color .2s;
    }

    .btn-form.gris.luz.activada:before {
        background-color: #2B8EE4;
    }

    .btn-form.gris:active, .btn-form.gris:hover {
        background-color: #dfdfdf;
    }

.marginAreaBtn {
    margin-bottom: 15px;
}

/*input, textarea, .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li{
    
    color: #333;
}*/

.ui-widget-content a {
    color: #fff !important;
}

.btn-form-buscar {
    width: 100px;
}

.btn-form-buscar2 {
    margin-left: 573px;
    width: 100px;
}

.btn-form:active {
    box-shadow: none;
    transform: translateY(2px);
}

.btn-form-sm {
    background: #2B8EE4;
    border: 1px solid #1F6BAD;
    width: 120px;
    box-shadow: 0 2px #1F6BAD;
    transition: all .2s;
    outline: none !important;
}

    .btn-form-sm:active {
        box-shadow: 0px 0px #B18A04;
        transform: translateY(2px);
        background-color: red;
    }

    .btn-form-sm span {
        margin-right: 5px;
    }

.btn-form-mult {
    display: inline-block !important;
}

.btn-form:hover, .btn-form-sm:hover {
    background-color: #329DF9;
}

@media (max-width:768px) {
    .btn-form:hover, .btn-form-sm:hover {
        /*     margin-left: 206px;*/
    }
}


@media (max-width:768px) {
    .btn-form {
        margin-bottom: 40px;
    }
}


.formBase {
    background-color: rgb(65 64 64 / 61%);
    margin: 0px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
}

    .formBase div {
        /* text-align: center;*/
    }

.formCombobox, .cajaTexto, .comboTexto, .selDistribuidor, .dpFecha, .ui-widget-content {
    padding: 2px 5px;
    border-radius: 0px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    border: none;
    /*background: #1b233b !important;*/
    /*background: #4e5770 !important;*/
    /*background: #2d2d2d !important;*/
    background: #4a4b4d !important; /* -------->>>>>>> ESTE DA COLOR AL TEXBOX DEL LOGIN (NO MODIFICAR)*/
    outline: none;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #ffffff;
}

@media (max-width: 768px) {
    .ui-widget-content {
        border: 1px solid #aaaaaa;
        background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
        color: #ffffff;
        width: 150px;
    }
}

.defaultTextActive {
    color: #ffffff;
}

#SelTipoLlave + input, #selTipoChofer + input {
    color: #ffffff;
}

#SelTipoLlave + input, #selTipoChofer + input {
    color: #ffffff;
}

.textFalso {
    border: none !important;
    padding: 0;
    margin: 0 !important;
    background: transparent !important;
    color: #eee !important;
    text-align: left;
}

.formCombobox.ui-autocomplete-loading {
    background: #1b233b url('../Imagenes/loadingCombo.gif') right+4px center no-repeat !important;
    cursor: progress;
}

.comboPequeno {
    width: 35px;
}

/*.cajaTexto, .comboTexto, .dpFecha{
    border-radius: 5px !important;
}*/



input[type=text].cajaTexto {
    width: 57% !important;
    height: 21px;
}

@media (max-width: 768px) {
    input[type=text].cajaTexto {
        width: 57% !important;
    }
}

input[type=text].cajaTexto.hora {
    width: 30px !important;
}

.conjFormulario .helperText {
    position: absolute;
    bottom: -12px;
    width: 100%;
    left: 120px;
    font-size: 10px;
    color: rgba(255,255,255,.5);
    padding-right: 45px;
}

input[type=text].cajaSmall {
    width: 40px !important;
}

.cajaSmall:last-child {
    margin-right: 111px;
}

.dpFecha {
    width: 200px !important;
}

@media (max-width: 768px) {
    .dpFecha {
        /* Ajustar el ancho para pantallas más pequeñas */
        width: 98px !important; /* Cambiar el ancho para pantallas pequeñas */
    }
}

.error {
    font-size: inherit;
    font-weight: inherit;
    border-color: #b94a48 !important;
    color: #ff5454 !important;
    text-align: left;
}

.centrarChk {
    padding-right: 204px;
}

.comboCaret {
    position: absolute;
    right: 7px;
    top: 3px;
}

.btn-margin {
    margin-bottom: 10px;
}

/*DEFINICIONES FILE UPLOAD -------------------------------------------------------------------------- */

.custom-file-input {
    display: inline-block;
    position: relative;
    background-color: #ddd;
    border-color: #1f6bad !important;
    box-shadow: 0px 2px 0px #1f6bad;
    cursor: pointer;
    cursor: hand;
}

    .custom-file-input.grey {
        background-color: #ddd;
        border-color: grey !important;
        box-shadow: 0px 2px 0px grey;
    }

    .custom-file-input input {
        visibility: hidden;
        width: 150px;
    }

    .custom-file-input:before {
        display: block;
        white-space: nowrap;
        cursor: pointer;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
    }

    .custom-file-input:hover {
        background-color: #329DF9;
    }

    .custom-file-input.grey:hover {
        background-color: #ccc;
    }

    .custom-file-input#subirFoto:before {
        /*content: 'Subir Foto';*/
    }

    .custom-file-input#subirFoto {
        margin-right: 100px;
    }

.thumbnailFoto {
    max-width: 200px;
    max-height: 200px;
    width: auto;
    height: auto;
    box-shadow: 0px 5px 24px #000;
    margin: 20px 0;
}
/*DEFINICIONES BOOTSTRAP PAGINATION--------------------------------------------------------*/

.bs-pagination {
    margin-top: 0px;
    margin-bottom: 0px;
    position: absolute;
    right: 0px;
}

    .bs-pagination li a {
        background-color: grey;
        color: white;
        border: none;
    }

    .bs-pagination > li:first-child > a {
        border-radius: 0px !important;
    }

    .bs-pagination > li:last-child > a {
        border-radius: 0px !important;
    }

.nav-pagination {
    height: 28px;
    position: relative;
    background-color: grey;
}

/*DEFINICIONES DE ESTILOS PARA HEADER-------------------------------------------------*/

header {
}

/*DEFINICIONES DE ESTILOS PARA FOOTER--------------------------------------------------*/

footer {
    /*background-color: #333;*/
    background: linear-gradient(55deg, #0b0b0b, #0b0b0b);
}

.footerAlign {
    padding: 9px 0px;
    line-height: 55px;
}

    .footerAlign > div {
        text-align: center;
    }

        .footerAlign > div:first-child {
            text-align: left;
        }

        .footerAlign > div:last-child {
            text-align: right;
        }

@media (max-width: 768px) {

    .footerAlign > div:first-child {
        text-align: center;
    }

    .footerAlign > div:last-child {
        text-align: center;
    }

    .footerAlign > div:nth-child(2) {
        display: none;
    }

    .footerAlign {
        padding: 11px 0;
    }
}

.divVersion {
    padding: 28px 0px;
    line-height: initial !important;
}

.etiquetaVersion {
    color: rgb(255 255 255 / 62%);
    padding: 5px;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
}

.admin-issue {
    color: #fff;
    display: block;
    padding: 5px;
    border-radius: 4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
    background-color: #ff004569;
    border: 2px solid #ff0045;
    font-weight: bold;
    line-height: initial;
}

a.footer-mail-link {
    /*--footer-btn: var(--celeste);*/
    --footer-btn: #fefefe;
    --footer-btn-hover: #252e4a;
    font-size: 14px;
    font-weight: bold;
    color: var(--footer-btn);
    /*border: 2px solid var(--footer-btn);*/
    border: 2px solid #4a5e94;
    padding: 8px 10px;
    border-radius: 18px;
    transition: .2s;
    margin: 0 43px;
    white-space: nowrap;
}

    a.footer-mail-link.helpdesk {
        /*--footer-btn: #5e5ce0;*/
        /*--footer-btn: #2d3752;*/
        --footer-btn: #2d8fe4;
    }

    a.footer-mail-link.whatsapp {
        --footer-btn: #17ec66;
    }

    a.footer-mail-link:hover {
        /*
    color: var(--footer-btn-hover);
    text-decoration: none;
    background-color: var(--footer-btn);*/

        color: #ffffff;
        text-decoration: none;
        background-color: #5d5c5c;
    }

    a.footer-mail-link span {
        color: var(--footer-btn);
        transition: .2s;
    }

    a.footer-mail-link img {
        vertical-align: unset;
        transition: .2s filter;
    }

    a.footer-mail-link:hover img {
        filter: brightness(.2);
    }

    a.footer-mail-link:hover span {
        color: var(--footer-btn-hover);
    }

/*DEFINICIONES DE ESTILOS PARA HOVER DE IMGS FOOTER-----------------------------------*/

/*fulmar*/

.imgFulmar {
    height: 40px;
    position: absolute;
    top: 15px;
    transition: opacity .4s;
}

@media screen and (max-width: 450px) {

    .imgFulmar {
        height: 25px;
    }
}

.imgFulmar.anim {
    opacity: 0;
    transition: opacity .4s;
    margin-left: -6px;
}

#ctl00_Footer1_linkFulmar2:hover .imgFulmar {
    opacity: 0;
}

    #ctl00_Footer1_linkFulmar2:hover .imgFulmar.anim {
        opacity: 1;
    }

/*target*/

.imgTarget {
    height: 20px;
    position: absolute;
    right: 15px;
    top: 25px;
    transition: opacity .4s;
}

@media screen and (max-width: 450px) {

    .imgTarget {
        height: 14px;
        top: 22px;
    }
}

.imgTarget.anim {
    height: 28px;
    top: 21px;
    right: 11px;
    opacity: 0;
}

#ctl00_Footer1_linkFulmar:hover .imgTarget {
    opacity: 0;
}

    #ctl00_Footer1_linkFulmar:hover .imgTarget.anim {
        opacity: 1;
    }

/*target (en la parte izquierda del footer, cuando es habilitado*/

.imgTargetIzq {
    height: 20px;
    position: absolute;
    left: 15px;
    top: 25px;
    transition: opacity .4s;
}

    .imgTargetIzq.anim {
        height: 28px;
        top: 21px;
        left: 11px;
        opacity: 0;
    }

#ctl00_Footer1_linkImg:hover .imgTargetIzq {
    opacity: 0;
}

    #ctl00_Footer1_linkImg:hover .imgTargetIzq.anim {
        opacity: 1;
    }

/*iveco*/

.fotera808 {
    position: absolute;
    right: -6px;
    top: 25px;
    transition: opacity .4s;
}

    .fotera808.anim {
        top: 21px;
        right: -10px;
        opacity: 0;
    }

#ctl00_Footer1_linkFulmar:hover .fotera808 {
    opacity: 0;
}

    #ctl00_Footer1_linkFulmar:hover .fotera808.anim {
        opacity: 1;
    }

/* ENAP SIPETJMIASJDIASDISDJAIOPJ */

.fotera1369 {
    position: absolute;
    right: 5px;
    top: 9px;
    transition: opacity .4s;
}

    .fotera1369.anim {
        top: 9px;
        right: 5px;
        opacity: 0;
    }

#ctl00_Footer1_linkFulmar:hover .fotera1369 {
    opacity: 0;
}

    #ctl00_Footer1_linkFulmar:hover .fotera1369.anim {
        opacity: 1;
    }

/*osmel*/

.fotera431 {
    position: absolute;
    transition: opacity .4s;
    right: 0px;
    top: 23px;
}

    .fotera431.anim {
        opacity: 0;
        top: 21px;
    }

#ctl00_Footer1_linkFulmar:hover .fotera431 {
    opacity: 0;
}

    #ctl00_Footer1_linkFulmar:hover .fotera431.anim {
        opacity: 1;
    }

@media (max-width: 767px) {

    #ctl00_Footer1_linkFulmar img {
        right: 10px;
        opacity: 1 !important;
    }

    #ctl00_Footer1_linkFulmar2 img, #ctl00_Footer1_linkImg img {
        left: 10px;
        opacity: 1 !important;
    }

        #ctl00_Footer1_linkFulmar2 img.anim, #ctl00_Footer1_linkImg img.anim, #ctl00_Footer1_linkFulmar img.anim {
            display: none !important;
        }
}

/*DEFINICIONES PARA CLASES ESPECÍFICAS BOOTSTRAP--------------------------------------*/


.img-responsive {
    display: inline-block;
}

/*FOOTER AL FONDO---------------------------------------------------------------------*/

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 140px;
}

@media (max-width: 767px) {

    body {
        margin-bottom: 10px;
    }
}

.footer {
    position: absolute;
    width: 100%;
    background-color: transparent;
}

/*DEFINICIONES ESPECIFICAS------------------------------------------------------------*/

.ui-autocomplete-input.ui-widget.ui-widget-content.ui-corner-left {
    height: 21px;
    width: 168px !important;
    color: #d8d8d8;
    text-transform: uppercase;
    font-size: inherit;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-right: none;
}

@media (max-width: 768px) {
    .ui-autocomplete-input.ui-widget.ui-widget-content.ui-corner-left {
        height: 21px;
        width: 140px !important;
        color: #d8d8d8;
        text-transform: uppercase;
        font-size: inherit;
        padding: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-right: none;
    }
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    z-index: 2000;
}


.ui-widget-content .ui-state-focus /*cambiando el color de la seleccion en combos*/ {
    color: #fff !important;
}

#ctl00_contenidoMaster_ucCheckList_CheckList .trItem td, #ctl00_contenidoMaster_DivObservaciones span {
    color: #333;
}

.dataTables_length label, .dataTables_length label select, .dataTables_filter label {
    font-size: 10px;
}

    .dataTables_filter label input {
        border: none;
        padding: 2px 2px 2px 5px;
        font-size: 10px;
        background-color: #000000 !important;
        color: #fff !important;
        outline: none;
        background-image: url("../Imagenes/iconPlaceholder.png");
        background-repeat: no-repeat;
    }

        .dataTables_filter label input:focus {
            background-image: none;
        }

.dataTables_filter label, .dataTables_length label {
    margin-bottom: 0px;
}

.dataTables_info {
    font-size: 10px;
}

.ui-widget-header {
    border: none !important;
}

tr.even td, tr.odd td {
    border: none !important;
    width: 16.6666666667%;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    border-left: 1px solid rgba(14, 53, 88, 0.05) !important;
    padding-left: 5px;
    padding-right: 5px;
}

    tr.even td div, tr.odd td div {
        color: #095C7C;
    }

    tr.even td:first-child, tr.odd td:first-child {
        border-left: none !important;
    }

.ui-corner-tr, .ui-corner-br {
    border-radius: 0px !important;
    /*background-color: #0E3558 !important;*/
    background-color: #2d2d2d !important;
    border: none;
}

tr.odd td:last-child img, tr.even td:last-child img,
#ctl00_contenidoMaster_gridPuntuacion td:nth-child(3) img,
tr td img[src="../Images/grid/status/0.gif"], tr td img[src="../Images/grid/status/0b.gif"],
tr td img[src="../Images/grid/status/1.gif"], tr td img[src="../Images/grid/status/-1.gif"],
tr td img[src="../Images/grid/status/2.gif"], tr td img[src="../Images/grid/status/3.gif"],
tr td img[src="../Images/grid/status/4.gif"] {
    border-radius: 21px;
    padding: 5px;
}

tr.odd td:first-child a:hover, tr.even td:first-child a:hover {
    background-color: #369AF5;
}

tr.odd {
    background-color: #E5E5E5 !important;
}

tr.even {
    background-color: #D9D9D9 !important;
}

.fg-toolbar .ui-toolbar .ui-widget-header .ui-corner-tl .ui-corner-tr .ui-helper-clearfix {
    color: black !important;
}

tr.odd td.sorting_1 {
    background-color: transparent !important;
}

tr.even td.sorting_1 {
    background-color: transparent !important;
}

.ui-state-default:first-child > .DataTables_sort_wrapper > span {
    display: none;
}


.fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-tl.ui-corner-tr.ui-helper-clearfix {
    padding: 10px;
}

.botonGrilla {
    cursor: hand;
    cursor: pointer;
    transition: opacity .2s;
}

    .botonGrilla:hover {
        opacity: .5;
    }

.divTable {
    width: fit-content;
}

/*.divTable {
    width: 100%;
    max-width: 600px;*/ /* Puedes ajustar el valor máximo según tus necesidades */
/*margin: 0 auto;*/ /* Para centrar el contenido */
/*}*/

/* Aplicar estilos específicos para pantallas más pequeñas si es necesario */
@media screen and (max-width: 480px) {
    .divTable {
        max-width: 100%; /* Otra configuración para pantallas más pequeñas si es necesario */
    }
}


.dataTables_paginate .last /*, #ctl00_contenidoMaster_gridPersonas_last, #ctl00_contenidoMaster_GridPersonas_last, #ctl00_contenidoMaster_Gv_LlaveHistorial_last, #ctl00_contenidoMaster_GridScoringResumen_last, #ctl00_contenidoMaster_GridReporteScoring_last, #ctl00_contenidoMaster_GridScoring12Meses_last, #ctl00_contenidoMaster_Grid12Meses_last, #ctl00_contenidoMaster_GridScoring_last, #ctl00_contenidoMaster_GridEmpresas_last, #ctl00_contenidoMaster_GridPersona_last, #ctl00_contenidoMaster_GridUnidades_last, #ctl00_contenidoMaster_GridPersona_last, #ctl00_contenidoMaster_grid_last, #ctl00_contenidoMaster_GridCheckListTipo_last, #ctl00_contenidoMaster_gridUnidades_last, #ctl00_contenidoMaster_gridProgresoArchivosAvl_last, #ctl00_contenidoMaster_gridEvaluaciones_last, #ctl00_contenidoMaster_GridTacografo_last, #ctl00_contenidoMaster_GridEmpresaCuit_last, #ctl00_contenidoMaster_gridEmpresas_last, #ctl00_contenidoMaster_gridUnidadesBajas_last, #ctl00_contenidoMaster_GridSeguimiento_last, #ctl00_contenidoMaster_gridKilometraje_last, #ctl00_contenidoMaster_gridcombustible_last, #ctl00_contenidoMaster_gridTiempo_last, #ctl00_contenidoMaster_gridVelocidad_last, #ctl00_contenidoMaster_GridHistorico_last, #ctl00_contenidoMaster_GridAreas_last, #GridUnidades_last, #ctl00_contenidoMaster_GridUnidadesBajas_last, #ctl00_contenidoMaster_Grilla_last, #ctl00_contenidoMaster_gridApersonas_last, #ctl00_contenidoMaster_GridScoringDias_last, #ctl00_contenidoMaster_gridReporte_last*/ {
    border-radius: 0 5px 5px 0 !important;
    border: none !important;
    background-color: #145188 !important;
}


.dataTables_paginate.fg-buttonset.ui-buttonset.fg-buttonset-multi.ui-buttonset-multi.paging_full_numbers {
    /*line-height: 24px;*/
}

.paging_full_numbers .ui-button {
    font-size: 10px;
}

.ui-widget-content {
    border: none !important;
}


@media (max-width: 768px) { /*OCULTAR LOS NUMEROS DE PAGINACIÓN EN MOBILE*/
    .dataTables_paginate.fg-buttonset.ui-buttonset.fg-buttonset-multi.ui-buttonset-multi.paging_full_numbers > span {
        display: none;
    }

    div[role="tooltip"] {
        display: none !important;
    }
}

.fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-bl.ui-corner-br.ui-helper-clearfix {
    padding: 10px;
}

.dataTables_processing {
    top: 6px !important;
}

.dataTables_empty {
    justify-content: center !important;
    width: 100% !important;
}

.chosen-single {
    height: 29px !important;
    border: 1px solid #aaa;
    border-radius: 4px;
}

    .chosen-single div {
        width: 31px !important;
        background-color: #145188 !important;
        border-radius: 0 4px 4px 0;
    }

img.export {
    margin-left: 10px;
    transition: all .2s;
}

    img.export[src="../Imagenes/WebForm/excel.png"]:hover, img.export[src="../Imagenes/WebForm/excelAlt.png"]:hover {
        background-color: white;
    }


.ui-tooltip {
    width: auto;
    z-index: 99999;
    position: absolute;
    border: none !important;
    background: none !important;
}

.ui-tooltip-content {
    color: white !important;
    background-color: #272727 !important;
    height: auto;
    border-radius: none !important;
    border: none !important;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
}

.tooltip-legajos {
    width: 120px;
}

.tooltip-empresas {
    width: 149px;
}

.tooltip-conductores {
    width: 165px;
}

.tooltip-unidades {
    width: 145px;
}

.tooltip-viajes {
    width: 197px;
}

.tooltip-reportes {
    width: 188px;
}

.tooltip-admin {
    width: 124px;
}

.tooltip-tmc {
    width: 120px;
}

.breadcrumbPersonas {
    border-bottom: 1px solid #92A0AB;
    padding-left: 5px;
    height: 39px;
    line-height: 30px;
}

    .breadcrumbPersonas a {
        text-decoration: none;
    }

.showPersonaTabla .col-lg-3, .showPersonaTabla .col-lg-2, .showPersonaTabla .col-lg-4, .showPersonaTabla .col-lg-6, .showPersonaTabla .col-lg-8, .showPersonaTabla .col-lg-9, .showPersonaTabla .col-lg-10 {
    min-height: 20px;
    height: 20px;
    text-align: left !important;
}

.showPersonaTabla .col-lg-3, .showPersonaTabla .col-lg-2, .showPersonaTabla .col-lg-4, .showPersonaTabla .col-lg-6, .showPersonaTabla .col-lg-8, .showPersonaTabla .col-lg-9, .showPersonaTabla .col-lg-10 {
    min-height: 35px;
    height: 15px;
    text-align: left !important;
    vertical-align: middle;
    width: 189px;
}

@media (max-width: 768px) {
    .showPersonaTabla .col-lg-3,
    .showPersonaTabla .col-lg-2,
    .showPersonaTabla .col-lg-4,
    .showPersonaTabla .col-lg-6,
    .showPersonaTabla .col-lg-8,
    .showPersonaTabla .col-lg-9,
    .showPersonaTabla .col-lg-10 {
        width: 100%; /* Ajustar el ancho al 100% para pantallas más pequeñas */
        height: auto; /* Ajustar la altura automáticamente para pantallas más pequeñas */
        min-height: auto; /* Ajustar la altura mínima automáticamente para pantallas más pequeñas */
    }
}

.showPersonaTabla .fluid {
    min-height: unset !important;
    height: auto !important;
}

.formSubtitle {
    text-align: left !important;
    margin: 20px 0;
}

    .formSubtitle span {
        font-size: 14px;
    }

.formSubtitle2 {
    text-align: left !important;
    margin: 20px 0;
}

    .formSubtitle2 span {
        font-size: 14px;
    }

.msjError {
    margin: 5px;
    border: 1px solid #B94A48;
    color: #B94A48;
    white-space: nowrap;
    padding: 5px;
}

.cajaComentarios {
    margin-top: 40px;
}

    .cajaComentarios label {
        display: block;
        text-align: left;
        /*padding-left: 20px;*/
    }

.txtSinDocs {
    display: block;
    padding-top: 20px;
    text-align: center;
    font-size: 1.5em;
}

/*ESTILOS JSON GRID SCORING DETALLE------------------------------------*/

#ctl00_contenidoMaster_GridScoring12Meses, #ctl00_contenidoMaster_GridScoring, #ctl00_contenidoMaster_grid th div {
    font-size: 90%;
}

    #ctl00_contenidoMaster_GridScoring12Meses th, #ctl00_contenidoMaster_GridScoring12Meses td, #ctl00_contenidoMaster_GridScoring th, #ctl00_contenidoMaster_GridScoring td {
        width: 7.69%;
    }

#ctl00_contenidoMaster_GridReporteScoring th, #ctl00_contenidoMaster_GridReporteScoring td {
    width: 33.333333333%;
}

#ctl00_contenidoMaster_GridEmpresas th, #ctl00_contenidoMaster_GridEmpresas td {
    width: 50%;
}

#ctl00_contenidoMaster_GridScoringResumen th, #ctl00_contenidoMaster_GridScoringResumen td, #ctl00_contenidoMaster_Grid12Meses th, #ctl00_contenidoMaster_Grid12Meses td {
    width: 6.25%;
}

#ctl00_contenidoMaster_grid th, #ctl00_contenidoMaster_grid td {
    width: 11.1111%;
}



#ctl00_contenidoMaster_GridScoring12Meses tr td div, #ctl00_contenidoMaster_GridScoring tr td div, #ctl00_contenidoMaster_GridScoring12Meses th div,
#ctl00_contenidoMaster_GridScoring th div {
    font-size: 9px;
}


#ctl00_contenidoMaster_GridScoringResumen td, #ctl00_contenidoMaster_GridScoringResumen th div, #ctl00_contenidoMaster_Grid12Meses td, #ctl00_contenidoMaster_Grid12Meses th div {
    font-size: 10px;
}


.dataTables_length {
    width: 40% !important;
    text-align: left !important;
    float: left;
}

.gridExcel:hover {
    transition: .3s background-color;
}

.gridExcel:hover {
    background-color: #145188;
    transition: .3s background-color;
}

/*ESTILOS DE CALENDARIO (DATEPICKER)----------------------------------*/

.ui-datepicker {
    width: 24em !important;
    box-shadow: 0 0 11px black;
}

    .ui-datepicker th {
        display: table-cell;
        background-color: rgba(0,0,0,.2);
    }

    .ui-datepicker td a {
        text-align: center;
    }

    .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {
        background: #5d008c !important;
        border: none !important;
        top: auto !important;
    }

.ui-datepicker-month, .ui-datepicker-year {
    font-weight: normal;
}

.ui-datepicker-month {
    border-right: #1b3f5f 2px solid;
}

.ui-datepicker-year {
    border-left: #1b3f5f 2px solid;
}


/*ESTILOS DE CALENDARIO (calendarCALENDAR)----------------------------------*/

.calendarCalendar {
    background-color: #0E3558;
    background-image: none !important;
    border: none !important;
    box-shadow: 0px 0px 29px black;
    transition: all .2s;
}

    .calendarCalendar select {
        color: #fff;
        margin: 5px 0;
    }

.calendarArrowRight, .calendarArrowLeft {
    background-image: none !important;
    color: white !important;
    font-weight: bold;
    text-align: center;
}

.calendarMonth {
    background-image: none !important;
    background-color: rgba(0,0,0,0.2);
    border: none !important;
}

.calendarDaySelected {
    background-color: #E5B100 !important;
    color: black !important;
}

.calendarDaySelectedOver {
    background-color: #C79C07 !important;
    color: black !important;
}

/*ESTILO BOTON GENERAL---------------------------------------------------*/

.buttonbuscar {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-image: url('../Imagenes/boton.buscar.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 30px;
    background-color: #2B8EE4 /*#E5B100*/;
    text-indent: -9999px;
    color: #FFFFFF;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .2s;
}


.btn-form-export {
    top: 7px;
    left: 18px;
    position: relative;
}

.btn-linkbutton {
    text-decoration: none !important;
    color: #000 !important;
}

    .btn-linkbutton span {
        color: #000;
    }

.btn-inline {
    font-weight: bold;
    background: #2B8EE4;
    border: 1px solid #1F6BAD;
    border-radius: 0 5px 5px 0;
    height: 23px;
}

.btn-remover {
    background-image: url("../Imagenes/remove.png");
    background-repeat: no-repeat;
    background-position: center;
}

/*ESTILO PARA GRÁFICOS DE SCORING------------------------------------------*/

div[aria-label="Un gráfico"] {
    text-align: center;
}

#ctl00_contenidoMaster_chartScoring, #ctl00_contenidoMaster_chartScoring div {
    width: auto !important;
}

.chartTitle {
    text-align: center;
}

/*ESTILO PARA COLOREADO DE CELDAS---------------------------------------------*/

.celdaRojo {
    font-weight: bold;
    color: #D2002F !important;
}


.celdaVerde {
    font-weight: bold;
    color: green !important;
}


.celdaAmarillo {
    font-weight: bold;
    color: rgb(229, 177, 0) !important;
}


/*@media (min-width: 768px) and (max-width: 991px)
{
    
    .navbar-right li .dropdown-toggle {
        padding: 9px 3px;
    }
}*/


/*COMPORTAMIENTO DE TABLAS EN DISPOSITIVOS CHICOS: Agregan una barra de scroll horizontal para su visualización.*/

@media (max-width: 991px) {

    #ctl00_contenidoMaster_GridScoringResumen, #ctl00_contenidoMaster_Grid12Meses, #ctl00_contenidoMaster_GridScoring12Meses, #ctl00_contenidoMaster_GridScoring {
        overflow-x: scroll;
        display: block !important;
    }

        #ctl00_contenidoMaster_GridScoringResumen thead, #ctl00_contenidoMaster_GridScoringResumen tbody, #ctl00_contenidoMaster_Grid12Meses thead, #ctl00_contenidoMaster_Grid12Meses tbody, #ctl00_contenidoMaster_GridScoring12Meses thead, #ctl00_contenidoMaster_GridScoring12Meses tbody, #ctl00_contenidoMaster_GridScoring thead, #ctl00_contenidoMaster_GridScoring tbody {
            min-width: 950px;
            display: block !important;
        }

        #ctl00_contenidoMaster_GridScoringResumen th, #ctl00_contenidoMaster_GridScoringResumen td, #ctl00_contenidoMaster_Grid12Meses th, #ctl00_contenidoMaster_Grid12Meses td {
            min-width: 59px;
            line-height: 20px;
        }


        #ctl00_contenidoMaster_GridScoring12Meses th, #ctl00_contenidoMaster_GridScoring12Meses td, #ctl00_contenidoMaster_GridScoring th, #ctl00_contenidoMaster_GridScoring td {
            min-width: 73px;
            line-height: 30px;
        }

    #ctl00_contenidoMaster_gridEvaluaciones th:first-child,
    #ctl00_contenidoMaster_gridEvaluaciones th:last-child {
        max-width: 90px;
        min-width: 80px;
    }
}


/*CONTENEDOR DE CHECKBOXES---------------------------------------------------*/

.chkContainer {
    border: solid 1px #0a2b48;
    /*background: rgba(20, 81, 136, 0.37);*/
    background: rgb(76 75 75 / 58%);
    margin: 15px;
    padding: 10px;
    text-align: left !important;
}

    /*.chkContainer *{
	
	color: #333;
}*/


    .chkContainer .contenedorCHKclass {
        text-align: left !important;
    }

.contenedorCHKclass span {
    /*4 columnas en large desktops*/
    width: 25%;
    display: inline-flex;
    height: 35px;
}

#btn-chkSelect {
    width: auto;
}

    #btn-chkSelect span {
        height: auto;
        color: #333;
    }

        #btn-chkSelect span.chkText {
            width: auto;
        }

@media (max-width: 1200px) {
    .contenedorCHKclass span {
        /*3 columans en small desktops*/
        width: 33.3333333%;
        display: inline-flex;
    }
}

@media (max-width: 900px) {
    .contenedorCHKclass span {
        /*2 columans en tablets / cels*/
        width: 50%;
        display: inline-flex;
    }

    .contenedorCHKclass .glyphicon {
        width: auto;
    }
}

.mostrarChkColumnas {
    display: none;
    text-align: left !important;
}

/*ESTILOS PARA CHECKLIST-------------------------------------------------------*/


#ctl00_contenidoMaster_ucCheckList_CheckList td {
    height: 30px;
}

    #ctl00_contenidoMaster_ucCheckList_CheckList td:first-child {
        width: 100px !important;
    }

.trItem {
    border: none !important;
    border-bottom: 1px solid #0E3558 !important;
}

    .trItem:hover {
        background-color: #CECECE !important;
    }

.trGrupo td {
    background-color: #207BCE !important;
    color: white !important;
    font-weight: bold;
}

.trHeader {
    background-color: #0E3558;
    color: white !important;
    font-weight: bold;
}

.clsSeleccionado, .clsNoSeleccionad {
    display: block;
    width: 25px;
    height: 25px;
    background-position: center center;
    background-repeat: no-repeat;
}

.clsSeleccionado {
    background-image: url(../Imagenes/chkChecked.png);
}

.clsNoSeleccionad {
    background-image: url(../Imagenes/chkUnchecked.png);
}

    .clsSeleccionado input[type="checkbox"], .clsNoSeleccionad input[type="checkbox"] {
        display: none;
    }

#ctl00_contenidoMaster_txtObservaciones {
    resize: none;
    font-family: inherit !important;
    margin-right: 10px;
    /*color: #333 !important;*/
}


.divObservaciones {
    padding: 10px 25px;
    background-color: #E5E5E5;
    align-items: center;
}

    .divObservaciones textarea {
        border: 1px solid #9e9e9e;
        display: block;
        width: 100%;
    }

.contBotones {
    background-color: #292929;
    text-align: center;
    padding: 20px 0;
}

h3 .btn-cargar-chk {
    font-size: 12px;
    display: inline-block;
    float: right;
    margin-top: 0;
}

.btn-cargar-chk {
    background-color: #2B8EE4;
    font-weight: bold;
    color: black;
}

    .btn-cargar-chk span.glyphicon {
        margin-right: 5px;
    }

    .btn-cargar-chk span {
        color: black;
    }

.tablaDatos {
}

/*.contBorder{
    
    border-left: 1px solid #92A0AB;
    border-right: 1px solid #92A0AB;
    padding: 20px;
} EN DESUSO*/

.contBorderEnd {
    border-bottom: 1px solid #92A0AB;
}

.actionFields {
    border: 1px solid #ddd;
    margin-top: 25px;
    padding: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

.filaClara {
    background: rgba(255,255,255,0.1);
}

.filaOscura {
    background: rgba(0,0,0,0.1);
}

/* ESTILOS PARA ALERTS */

.alert, .alert span {
    font-size: 1.1em;
}

    .alert.alert-warning span, .alert.alert-info span {
        color: #333;
        font-size: 12px;
    }

    .alert.alert-info {
        color: #fff;
        background-color: #415286;
        border-color: #2f3b61;
        padding: 10px;
    }

        .alert.alert-info span {
            color: #fff;
        }

        .alert.alert-info span {
        }

    .alert .glyphicon {
        margin-right: 10px;
    }

.mensajeError {
    background: rgb(120, 34, 51);
    border-color: rgb(103, 28, 42);
    margin: 15px;
}

.mensajeSuccess {
    background: rgb(45, 140, 75);
    border-color: rgb(28, 88, 47);
    margin: 15px;
}

#ctl00_contenidoMaster_ucCheckList_CheckList tr {
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
    background: #E5E5E5;
}

    #ctl00_contenidoMaster_ucCheckList_CheckList tr:last-child {
        border-color: #777 !important;
        background: #E5E5E5;
    }

    #ctl00_contenidoMaster_ucCheckList_CheckList tr:first-child {
        background: #1F6BAD;
    }

td.grupo {
    background-color: #292929 !important;
}

/* ESTILOS PARA MODALES */

.modal-content {
    background: #272727;
    border-color: transparent;
    border-radius: 0px;
}

.modal-title {
    padding: 4px 16px;
    font-size: 1.5rem;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none !important;
    font-weight: bold;
    text-shadow: 0px 3px 2px rgba(150, 150, 150, 0.57);
    margin: 0px;
}

.modal-header {
    border-bottom: none;
}

    .modal-header .close {
        background: #2B8EE4;
        opacity: 1;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        padding-bottom: 14px;
        line-height: 12px;
        margin-top: -26px;
        margin-right: -26px;
        outline: none;
    }

@media (min-width: 768px) {

    .modal-dialog {
        margin: 75px auto;
    }
}

/* ESTILOS PARA LA HOME */

.h5, h5 {
    font-size: 12px;
    color: #17ec66;
    animation: h5-animation 1s steps(5, start) 14;
    -webkit-animation: h5-animation 2s steps(5, start) 14;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .h5, h5 {
        /* Ajustar los estilos para pantallas más pequeñas */
        font-size: 10px; /* Reducir el tamaño de fuente para pantallas pequeñas */
    }
}

.marginMob .PasaImagenes img {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.contPasaImagenes {
    overflow: hidden;
    background: rgba(0,0,0,.5);
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: -10px;
    margin-right: -10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.42);
    position: relative;
}

    .contPasaImagenes .PasaImagenes {
        position: absolute;
        width: 100%;
        height: 300px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .contPasaImagenes .PasaImagenes img {
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
        }

@media (max-width: 1760px) {

    .accesosOld .homeRow img {
        width: 100px;
    }
}

@media (min-width: 1761px) {

    .accesosOld .homeBox {
        max-height: 200px !important;
    }
}

.accesosOld .homeBox .homeBoxSpan {
    display: block;
}

@media (min-width: 1200px) and (max-width: 1259px) {

    .accesosOld .homeBox h4 {
        font-size: 1.4em;
    }

    .accesosOld .homeBox .homeBoxSpan {
        font-size: 1.4em;
    }
}

@media (max-width: 767px) {

    .accesosOld .homeBox p {
        display: none;
    }

    .accesosOld .homeBox img {
        width: 50px;
    }

    .accesosOld .homeBox {
        min-height: 0px !important;
        text-align: left !important;
        margin-bottom: 15px !important;
    }

    .accesosOld .homeBox {
    }

        .accesosOld .homeBox h4 {
            display: inline-block;
        }

        .accesosOld .homeBox .homeBoxSpan {
            display: inline-block;
        }
}



@media (min-width: 1200px) {

    .homeRow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }


    .marginMob .PasaImagenes {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
    }

    .marginMob {
        overflow: hidden;
        margin-bottom: 30px;
    }

        .marginMob .PasaImagenes img {
            margin: auto;
        }
}

@media (max-width: 1199px) {

    .marginMob .PasaImagenes {
        position: relative;
    }

    .marginMob {
        margin-bottom: 30px;
    }

    .accesosOld .homeBox {
        min-height: 100px;
    }
}


.menuAccesos .homeBox {
    cursor: pointer;
    cursor: hand;
    /*background: rgba(61, 41, 111, 0.5);*/
    background: rgb(11 11 11 / 80%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.42);
    transition: all .2s ease-in-out;
    position: relative;
    height: 30px;
    padding-left: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: table;
    width: 100%;
}

    .menuAccesos .homeBox:hover {
        background: rgba(61, 41, 111, 0.7);
    }

    .menuAccesos .homeBox .imgMetro {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .menuAccesos .homeBox .homeBoxSpan {
        font-size: 12px;
        display: table-cell;
        vertical-align: middle;
    }


.accesosOld .homeBox {
    cursor: pointer;
    cursor: hand;
    background: rgba(61, 41, 111, 0.5);
    padding: 10px;
    min-height: 170px;
    max-height: 170px;
    margin-bottom: 30px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all .2s ease-in-out;
    border-radius: 2px;
}

.accesosOld .homeSubt {
    min-height: 0;
    background: rgba(43, 142, 228, 0.44);
    padding: 10px;
    margin-bottom: 30px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all .2s ease-in-out;
    border-radius: 2px;
}

    .accesosOld .homeSubt h3 {
        font-size: 1.9em;
        letter-spacing: 1px;
    }

.accesosOld .homeBox:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

/* ESTILOS PARA DASHBOARD ----------------------------------------------------------------- */

.dashboard .homeBox {
    cursor: pointer;
    overflow: hidden;
    background: rgba(61, 41, 111, 0.5);
    min-height: 0;
    max-height: 60px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.42);
    padding: 5px;
    margin-bottom: 15px;
}

.dashboard.row > div, .menuAccesos.row > div {
    padding-left: 5px;
    padding-right: 5px;
}

.dashboard .homeBox .imgMetro {
    width: 50px;
}

.dashboard .homeBox span.imgMetro {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image: url(../Imagenes/Home/iconos/docPersona.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.dashboard .dashboardItem {
    /*background: #293147;*/
    /*background: #4e5770;*/
    background: #2d2d2d;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.42);
}

    .dashboard .dashboardItem.torta {
        position: relative;
    }


    .dashboard .dashboardItem *::selection {
        background: rgba(0,0,0,.4);
    }

    .dashboard .dashboardItem *::-moz-selection {
        background: rgba(0,0,0,.4);
    }

    .dashboard .dashboardItem.topInfo {
        padding: 5px 10px;
        position: relative;
        height: 64px;
    }

@media (max-width: 767px) {
    .dashboard .dashboardItem.topInfo {
        padding: 2px 5px; /* Reduce el padding para pantallas pequeñas */
        height: 77px; /* Reduce la altura para pantallas pequeñas */
    }
}

.dashboard .dashboardItem.topInfo.topInfoWIcon {
    padding-left: 64px;
}

.dashboard .dashboardItem.topInfo .topInfoIcon {
    position: absolute;
    left: 0;
    top: 0;
    width: 64px;
    height: 64px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    animation: .5s ease-in-out 0s 1 animZoomIn;
}


@keyframes animZoomIn {
    0% {
        background-size: 0%;
    }

    100% {
        background-size: 100%;
    }
}

@keyframes animFadeIn {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.dashboard .dashboardItem.topInfo .topInfoIcon.combustible {
    background-image: url("../Imagenes/dashboard/combustible.svg");
}

.dashboard .dashboardItem.topInfo .topInfoIcon.distancia {
    background-image: url("../Imagenes/dashboard/distancia.svg");
}

.dashboard .dashboardItem.topInfo .topInfoIcon.ralenti {
    background-image: url("../Imagenes/dashboard/ralenti.svg");
}

.dashboard .dashboardItem.topInfo .topInfoIcon.horasMotor {
    background-image: url("../Imagenes/dashboard/horasMotor.svg");
}


.dashboard .dashboardItem.topInfo .topInfoTag {
    font-size: 14px;
    color: rgb(255 255 255 / 70%);
    display: block;
    user-select: none;
    cursor: default;
    opacity: 0;
    animation: .4s ease-in-out .5s 1 animFadeIn;
    animation-fill-mode: forwards
}



.dashboard .dashboardItem.topInfo .topInfoData {
    font-size: 16px;
    line-height: 28px;
    display: inline-block;
    opacity: 0;
    animation: .4s ease-in-out .9s 1 animFadeIn;
    animation-fill-mode: forwards
}

.dashboard .dashboardItem.topInfo.topInfoWIcon .topInfoData {
    line-height: initial;
    font-size: 20px;
}

.dashboard .dashboardItem.topInfo .topInfoData .unidad {
    font-size: 12px;
    color: rgba(255,255,255,.5);
}

.dashboard .dashboardItem .chartTag {
    font-size: 14px;
    color: rgb(255 255 255 / 70%);
    display: block;
    padding: 7px 10px;
    user-select: none;
    cursor: default;
    opacity: 0;
    animation: .4s ease-in-out .5s 1 animFadeIn;
    animation-fill-mode: forwards
}

.dashboard .dashboardItem.bottomInfo .bottomInfoTag {
    font-size: 14px;
    color: rgba(255,255,255,.5);
    display: block;
    user-select: none;
    cursor: default;
    opacity: 0;
    animation: .4s ease-in-out .5s 1 animFadeIn;
    animation-fill-mode: forwards
}

.dashboard .dashboardItem.bottomInfo .bottomInfoData {
    font-size: 18px;
    display: block;
    opacity: 0;
    animation: .4s ease-in-out .9s 1 animFadeIn;
    animation-fill-mode: forwards
}

    .dashboard .dashboardItem.bottomInfo .bottomInfoData .unidad {
        font-size: 14px;
        color: rgba(255,255,255,.5);
    }

.dashboard .dashboardItem.extension {
    margin: 0;
    padding: 2px 5px;
    display: inline-block;
    box-shadow: none;
}

    .dashboard .dashboardItem.extension * {
        opacity: 0;
        animation: .4s ease-in-out .9s 1 animFadeIn;
        animation-fill-mode: forwards;
        font-size: 10px
    }

    .dashboard .dashboardItem.extension.positivo {
        background-color: rgba(0, 255, 115, 0.54);
    }

    .dashboard .dashboardItem.extension.null {
        background-color: #5e5ce0;
    }

    .dashboard .dashboardItem.extension.negativo {
        background-color: #ff0039;
    }

    .dashboard .dashboardItem.extension.parcial {
        background-color: #ffd500;
        color: Black;
    }

.dashboardItem.titulo {
    /*border-bottom: 3px solid #1aae7a;*/
    font-size: 14px;
    position: relative;
    user-select: none;
    cursor: default;
}

    .dashboardItem.titulo:after {
        content: '';
        position: absolute;
        display: block;
        height: 3px;
        width: 100%;
        bottom: 0;
        left: 0;
    }

    .dashboardItem.titulo.home:after {
        background: -moz-linear-gradient(0deg, rgba(40,178,224,1) 0%, rgba(41,103,227,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(40,178,224,1)), color-stop(100%, rgba(41,103,227,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(0deg, rgba(40,178,224,1) 0%, rgba(41,103,227,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(0deg, rgba(40,178,224,1) 0%, rgba(41,103,227,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(0deg, rgba(40,178,224,1) 0%, rgba(41,103,227,1) 100%); /* ie10+ */
        background: linear-gradient(90deg, rgba(40,178,224,1) 0%, rgba(41,103,227,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28B2E0', endColorstr='#2967E3',GradientType=1 ); /* ie6-9 */
    }

    .dashboardItem.titulo.dashboard:after {
        background: -moz-linear-gradient(0deg, rgba(36,224,152,1) 0%, rgba(19,138,100,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(36,224,152,1)), color-stop(100%, rgba(19,138,100,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(0deg, rgba(36,224,152,1) 0%, rgba(19,138,100,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(0deg, rgba(36,224,152,1) 0%, rgba(19,138,100,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(0deg, rgba(36,224,152,1) 0%, rgba(19,138,100,1) 100%); /* ie10+ */
        background: linear-gradient(90deg, rgba(36,224,152,1) 0%, rgba(19,138,100,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24E098', endColorstr='#138A64',GradientType=1 ); /* ie6-9 */
    }

    .dashboardItem.titulo.accesos:after {
        background: -moz-linear-gradient(0deg, #4939b8 0%, #40358c 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4939b8), color-stop(100%, #40358c));
        background: -webkit-linear-gradient(0deg, #4939b8 0%, #40358c 100%);
        background: -o-linear-gradient(0deg, #4939b8 0%, #40358c 100%);
        background: -ms-linear-gradient(0deg, #4939b8 0%, #40358c 100%);
        background: linear-gradient(90deg, #4939b8 0%, #40358c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4939b8', endColorstr='#40358c',GradientType=1 );
    }

.dashboard .chartArea {
    height: 185px;
    position: relative;
}

    .dashboard .chartArea.torta {
        padding-right: 200px;
    }

        .dashboard .chartArea.torta + .chartAreaLeyenda {
            position: absolute;
            right: 5px;
            bottom: 5px;
            height: 250px;
            width: 200px;
            padding: 70px 5px 5px 5px;
        }

            .dashboard .chartArea.torta + .chartAreaLeyenda .leyendaTag {
                display: block;
                margin-bottom: 5px;
            }

                .dashboard .chartArea.torta + .chartAreaLeyenda .leyendaTag i {
                    display: inline-block;
                    width: 20px;
                    height: 15px;
                    margin-right: 5px;
                }

                .dashboard .chartArea.torta + .chartAreaLeyenda .leyendaTag .leyendaDato {
                    font-weight: bold;
                    float: right;
                }

                    .dashboard .chartArea.torta + .chartAreaLeyenda .leyendaTag .leyendaDato:after {
                        content: ' %';
                    }

    .dashboard .chartArea.sinInformacion {
        background-image: url(../Imagenes/graficoTortaRelleno.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .dashboard .chartArea > div {
        opacity: 0;
        animation: .4s ease-in-out .5s 1 animFadeIn;
        animation-fill-mode: forwards;
    }

    .dashboard .chartArea .loader {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -32px;
        margin-top: -32px;
    }

    .dashboard .chartArea#chartConsumo path {
        stroke: url("#gradConsumo");
    }

    .dashboard .chartArea#chartUnidades path {
        stroke: url("#gradUnidades");
    }

    /*.dashboard .chartArea#chartUnidades g rect[width="1"]{
  
    fill: #525a75;
}*/

    .dashboard .chartArea text {
        font-size: 8px !important;
    }

        .dashboard .chartArea text[font-size="12"] {
            font-size: 12px !important;
        }

.dashboard.reporteConduccion .chartArea.torta text {
    font-size: 12px !important;
}

@media screen and (max-width: 1150px) {

    .dashboard .dashboardItem.topInfo .topInfoData, .dashboard .dashboardItem.topInfo .topInfoData .unidad {
        font-size: 14px;
        line-height: 24px;
    }

    .dashboard .dashboardItem.bottomInfo .bottomInfoData {
        font-size: 12px;
    }
}

@media screen and (min-width: 992px) {

    .menuAccesos.row {
        margin-bottom: -15px;
    }
}

/* Grafico mapa */

.position-map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

p.position-map-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0px;
    padding: 10px 10px 40px 10px;
    background: -moz-linear-gradient(50% 100% 90deg,rgba(41, 49, 71, 0) 0%,rgba(41, 49, 71, 1) 71.79%);
    background: -webkit-linear-gradient(90deg, rgba(41, 49, 71, 0) 0%, rgba(41, 49, 71, 1) 71.79%);
    background: -webkit-gradient(linear,50% 100%,50% 0%,color-stop(0,rgba(41, 49, 71, 0) ),color-stop(0.7179,rgba(41, 49, 71, 1) ));
    background: -o-linear-gradient(90deg, rgba(41, 49, 71, 0) 0%, rgba(41, 49, 71, 1) 71.79%);
    background: -ms-linear-gradient(90deg, rgba(41, 49, 71, 0) 0%, rgba(41, 49, 71, 1) 71.79%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#293147', endColorstr='#293147' ,GradientType=0)";
    /*background: linear-gradient(0deg, rgba(41, 49, 71, 0) 0%, rgba(41, 49, 71, 1) 71.79%);*/
    /*background: linear-gradient(0deg, rgba(41, 49, 71, 0) 0%, rgb(76 85 110) 71.79%);*/
    background: linear-gradient(0deg, rgba(41, 49, 71, 0) 0%, rgb(45 45 45) 71.79%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#293147',endColorstr='#293147', GradientType=0);
}

@media (max-width: 768px) {
    p.position-map-title {
        visibility: hidden; /* Ajustar el padding para pantallas más pequeñas */
    }
}

.pie-chart-data {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /*background-color: #293147;*/
    background-color: #2d2d2d;
    text-align: center;
    overflow: hidden;
    padding-top: 22px
}

    .pie-chart-data .pie-chart-data-number {
        font-size: 30px;
        line-height: 34px;
        font-weight: bold;
    }

    .pie-chart-data p {
        color: white;
        margin: 0;
    }

.map-stats {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: #293147;*/
    /*background: #4d566f;*/
    background: #2d2d2d;
    font-size: 0;
    padding: 10px 0;
}

@media (max-width: 768px) {
    .map-stats {
        padding: 20px 0; /* Ajustar el padding para pantallas más pequeñas */
        visibility: hidden;
    }
}

.map-stats .vehicle-chart {
    padding: 5px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    overflow: hidden;
    left: 10px;
    bottom: 10px;
    /*background-color: #293147;*/
    background-color: #2d2d2d;
}

    .map-stats .vehicle-chart .pie-chart {
        width: 120px;
        height: 120px;
    }

.map-stats .vehicle-stats {
    display: table;
    width: 100%;
    padding-left: 40%;
}

    .map-stats .vehicle-stats .vehicle-stats-row {
        display: table-row;
        width: 100%;
    }

        .map-stats .vehicle-stats .vehicle-stats-row > span {
            display: table-cell;
            border: 4px solid transparent;
        }

        .map-stats .vehicle-stats .vehicle-stats-row span {
            color: #ffffff
        }

        .map-stats .vehicle-stats .vehicle-stats-row .vehicle-stat-number {
            min-width: 26px;
            padding: 1px 5px;
            border-radius: 3px;
            color: #fff;
            text-align: center;
            display: inline-block
        }

            .map-stats .vehicle-stats .vehicle-stats-row .vehicle-stat-number.positive {
                background: #0c9a59
            }

            .map-stats .vehicle-stats .vehicle-stats-row .vehicle-stat-number.negative {
                background: #5e5ce0
            }

        .map-stats .vehicle-stats .vehicle-stats-row .vehicle-icon-stat img {
            display: inline-block;
            margin-right: 5px;
        }

/* Noticia home */

.news-panel {
    height: 140px;
    padding: 0 !important;
}

    .news-panel span:first-child {
        padding: 5px;
        display: inline-block;
    }

    .news-panel .news-body {
        /*background-color: #1f2942;*/
        /*background-color: #4e5770;*/
        background-color: #2d2d2d;
        height: 114px;
        padding: 5px;
    }

        .news-panel .news-body a {
            display: block;
            color: #53afff;
        }

        .news-panel .news-body span.news-date {
            opacity: .6;
            font-size: 10px;
        }

/* Carousel modulos */

.slick-modulos {
    position: relative;
    margin: 0 -5px -5px -5px
}

    .slick-modulos .slick-arrow {
        position: absolute;
        background-color: transparent;
        border: none;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        transition: all .2s;
        outline: none;
        z-index: 2;
        left: 0;
    }

        .slick-modulos .slick-arrow.slick-next {
            left: auto;
            right: 0;
        }

    .slick-modulos:hover .slick-arrow {
        opacity: .4;
        left: 3px;
    }

        .slick-modulos:hover .slick-arrow.slick-next {
            left: auto;
            right: 3px;
        }

    .slick-modulos .slick-arrow span {
        font-size: 32px;
    }

    .slick-modulos .slick-modulo {
        background-color: #1c243c;
        height: 118px;
        text-align: center;
        outline: none;
        background-size: cover;
        position: relative;
    }

        .slick-modulos .slick-modulo:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            /*background-color: rgba(45, 39, 86, 0.78);*/
            background-color: rgb(76 75 75 / 22%);
        }


        .slick-modulos .slick-modulo .slick-modulo-titulo {
            height: 100%;
            position: relative;
            transition: height .4s;
        }

        .slick-modulos .slick-modulo:hover .slick-modulo-titulo {
            height: 50%;
        }

        .slick-modulos .slick-modulo .slick-modulo-titulo h4 {
            top: 50%;
            position: absolute;
            left: 18px;
            right: 18px;
            transform: translateY(-50%);
            opacity: .9;
            margin: 0;
        }

        .slick-modulos .slick-modulo a {
            display: inline-block;
            padding: 2px 5px;
            margin: 0 15px 4px 15px;
            text-align: center;
            border: 1px solid #fff;
            color: #fff;
            font-size: 10px;
            outline: none;
            text-decoration: none;
            opacity: .5;
            vertical-align: middle;
        }

@media (max-width: 768px) {
    .slick-modulos .slick-modulo a {
        /* Ajustar los estilos para pantallas más pequeñas */
        font-size: 7px; /* Reducir el tamaño de fuente para pantallas pequeñas */
        margin: -3px 7px 4px 7px; /* Ajustar los márgenes para pantallas pequeñas */
        margin-top: 1px;
    }
}

.slick-modulos .slick-modulo a:last-child {
    color: #2b8ee4;
    border-color: #2b8ee4
}

@media (max-width: 768px) {
    .slick-modulos .slick-modulo a:last-child {
        /* Ajustar los estilos para pantallas más pequeñas */
        margin-top: -4px;
    }
}

.slick-modulos .slick-modulo a:hover {
    opacity: .7;
}

.slick-modulos .slick-modulo a .glyphicon {
    margin-right: 5px;
}

.slick-modulos .slick-modulo a:last-child .glyphicon {
    color: #2b8ee4;
}

/* Carousel  */

.modal-carousel {
    padding-bottom: 40px
}

    .modal-carousel .slick-prev, .modal-carousel .slick-next {
        background-color: transparent;
        border: none;
        position: absolute;
        bottom: 0;
        left: 0;
        right: auto;
        background-color: rgba(43, 142, 228, .2);
        border-radius: 11px;
        color: #2b8ee4;
        outline: none;
        padding: 2px 15px;
    }

        .modal-carousel .slick-prev.slick-disabled, .modal-carousel .slick-next.slick-disabled {
            opacity: .4;
            cursor: not-allowed;
        }

    .modal-carousel .slick-next {
        left: auto;
        right: 0;
    }

        .modal-carousel .slick-prev span, .modal-carousel .slick-next span {
            font-size: 18px;
            color: #2b8ee4;
            vertical-align: sub;
        }

p.foot-note {
    text-align: right;
    font-style: italic
}

    p.foot-note a {
        color: #2b8ee4
    }


/* ESTILOS PARA NUEVOS DATEPICKER----------------------------------------------------------------- */


.btnCalendario {
    cursor: pointer;
    width: auto !important;
}

.marginCal {
    margin-right: 93px;
}

input[type="text"].cajaTexto.hasDatepicker {
    width: 80px !important;
}

textarea.cajaTextoComentarios#ctl00_contenidoMaster_txtObservaciones {
    color: #eee !important;
}

.comboSmall {
    width: 66px;
}

/* FIX PARA EL TEXTO DE LOS TOOLTIPS EN GOOGLEMAPS ------------------------------------------------ */

.gm-style * {
    color: #333;
}



/* ESTILOS PARA SEGUIMIENTO_V3 -------------------------------------------------------------------- */

#ctl00_contenidoMaster_gridSeguimiento th, #ctl00_contenidoMaster_grillaGeo th {
    min-width: 0px !important;
    width: auto !important;
}

.contenedorPanelSeguimiento *, .GeoCercas1 *, #Filtros * {
    font-size: 11px;
}

.contenedorPanelSeguimiento .dataTables_info, .GeoCercas1 .dataTables_info {
    line-height: 14px;
}

.contenedorPanelSeguimiento .dataTables_paginate .ui-button, .GeoCercas1 .dataTables_paginate .ui-button {
    height: 20px !important;
    line-height: 14px;
    top: 0px !important;
}

.contenedorPanelSeguimiento .fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-bl.ui-corner-br.ui-helper-clearfix, .GeoCercas1 .fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-bl.ui-corner-br.ui-helper-clearfix {
    height: 33px;
}

.contenedorPanelSeguimiento .fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-tl.ui-corner-tr.ui-helper-clearfix, .GeoCercas1 .fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-tl.ui-corner-tr.ui-helper-clearfix {
    display: none;
}


#containerBotonera {
    background: #545454;
    display: inline-block;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    border-top: none;
    width: 100%;
    width: 605px;
    margin-left: -12px;
    height: auto;
}

#containerNav {
    top: 72px;
    background-color: #1c243c;
    padding: 0px 5px 5px 5px;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 0px 0px 22px black;
}

.btnBotones {
    width: 34px;
    height: 34px;
    background-color: #5F5F5F;
    border-radius: 5px;
    border: 2px solid #5F5F5F;
    transition: box-shadow .2s;
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,.3);
}

    .btnBotones:hover {
        transform: scale(1);
        box-shadow: 0px 2px 2px 2px rgba(0,0,0,.3);
    }

    .btnBotones:active {
        box-shadow: 0px 0px 1px rgba(0,0,0,.4);
        background-color: #545454;
        border-color: #545454;
    }

.iconSeguim {
    font-size: 20px;
    color: #797979;
}

#divDominio {
    display: inline-block;
}

    #divDominio .cajaTexto {
        background: #404040 !important;
    }

.containerSiguiendo {
    border: 1px solid #797979;
    padding: 2px;
    border-radius: 4px;
    margin-top: 3px;
    width: 133px;
}

.contador {
    position: absolute;
    z-index: 1;
    background-color: #EC0731;
    border: 1px solid White;
    font-weight: bold;
    top: 18;
    width: 15px;
    height: 15px;
    text-align: center;
    margin-top: 19px;
    line-height: initial;
    color: #eee;
    margin-left: -5px;
    border-radius: 12px;
    font-size: 10px;
    text-indent: 0px !Important;
}

.filtrosSeg {
    background-image: url('../Imagenes/seguimientov3/nuevo/filter.png');
}

.GrillaSeg {
    background-image: url('../Imagenes/seguimientov3/nuevo/grid.png');
}

.geoSeg {
    background-image: url('../Imagenes/seguimientov3/nuevo/geocerca.png');
}

.panSeg {
    background-image: url('../imagenes/seguimientoV3/nuevo/fullscreen.png');
}

.popSeg {
    background-image: url('../imagenes/seguimientoV3/nuevo/popup.png');
}

.notiSeg {
    background-image: url('../imagenes/seguimientoV3/nuevo/alert.png');
}

.minutosSeg {
    background-image: url('../imagenes/seguimientoV3/nuevo/last.png');
}

.configuracionesSeg {
    background-image: url('../imagenes/seguimientoV3/nuevo/stackToWindow.png');
    transition: background-image .3s;
}

    .configuracionesSeg.active {
        background-image: url('../imagenes/seguimientoV3/nuevo/stackToMenu.png');
        transition: background-image .3s;
    }

.ayudaSeg {
    background-image: url('../imagenes/seguimientoV3/nuevo/help.png');
}

.unidadesSeg {
    background-image: url('../imagenes/seguimientoV3/nuevo/unidades.png');
}

.isActive {
    background: #464646;
    height: 2px;
    width: 15px;
    position: absolute;
    bottom: 0px;
    left: 8px;
    transition: background .3s,
}

    .isActive.Yes {
        background: #ff001a;
    }

.modAyuda {
    background: rgba(0,0,0,.2);
    display: inline-flex;
    align-items: center;
    padding: 5px 9px 9px 9px;
    margin: 3px;
    margin-bottom: 6px;
}

.fondoNegro {
    opacity: 1;
    background: rgba(0,0,0,.6);
}

.contenedorNotificacion {
    width: 130px;
    background: #333;
    border: none;
    border-radius: 2px;
    line-height: 10px;
}

#divCC {
    background: rgb(27, 35, 59) none repeat scroll 0% 0%;
    border-radius: 4px;
    padding: 19px;
}

.logoChrome {
    height: 101px;
    float: left;
    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.5));
}

.textChrome {
    margin: 0 0 10px;
    display: inline-block;
    width: 70%;
    float: right;
    margin-top: 33px;
}

    .textChrome span {
        font-weight: bold;
    }

/* ESTILOS PARA TREELIST FERROBAIRES*/

#ctlViasFerrobaires {
    position: absolute;
    right: 24px;
    top: 59px;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#divTreeList {
    position: relative;
}

#ctl00_contenidoMaster_ctlViasFerrobaires_combotreelist {
    width: 112px;
    height: 31px;
    border-radius: 2px;
    background-color: white;
    color: #121212;
    min-width: 0 !important;
}

    #ctl00_contenidoMaster_ctlViasFerrobaires_combotreelist .divspantitle {
        line-height: 2.4;
        width: 100%;
        font-size: .9em;
    }

#ctl00_contenidoMaster_ctlViasFerrobaires_treelist {
    overflow: auto;
    position: relative;
    float: right;
    clear: both;
    min-width: 0px !important;
    height: auto;
    width: 238px;
    padding: 10px 0;
    text-align: left;
}

    #ctl00_contenidoMaster_ctlViasFerrobaires_treelist span {
        font-size: 0.8em;
    }

.combotreelist {
    float: right !important;
}

.buttontitle, .buttontitleup {
    display: none;
}

.divspantitle span:after {
    content: ' \25BC';
}

.jstree-default .jstree-themeicon {
    background-position: 0 0 !important;
    background-image: url(../Images/treelist/road.png) !important;
}

#ctl00_contenidoMaster_ctlViasFerrobaires_treelist {
    display: none;
}

.titletreelist {
    font-size: inherit;
}

#ctl00_contenidoMaster_ctlViasFerrobaires span, .titletreelist {
    color: #333;
}

/*REEMPLAZO DE IMAGENES*/


.jstree-default .jstree-checkbox {
    background-position: 0 0 !important;
    background-image: url(../Images/treelist/chk-normal.png) !important;
}

    .jstree-default .jstree-checkbox:hover {
        background-position: 0 0 !important;
        background-image: url(../Images/treelist/chk-hover-normal.png) !important;
    }

.jstree-default .jstree-clicked > .jstree-checkbox {
    background-position: 0 0 !important;
    background-image: url(../Images/treelist/chk-checked-full.png) !important;
}

    .jstree-default .jstree-clicked > .jstree-checkbox:hover {
        background-position: 0 0 !important;
        background-image: url(../Images/treelist/chk-hover-checked-full.png) !important;
    }

.jstree-default .jstree-anchor > .jstree-undetermined {
    background-position: 0 0 !important;
    background-image: url(../Images/treelist/chk-checked.png) !important;
}

    .jstree-default .jstree-anchor > .jstree-undetermined:hover {
        background-position: 0 0 !important;
        background-image: url(../Images/treelist/chk-hover-checked.png) !important;
    }

.selectdsRows {
    float: left;
    margin: 3px 5px;
    border-left: 1px solid #19476F;
    border-right: 1px solid #19476F;
    padding: 0px 6px;
}

#GridPersona {
    float: left;
}

.dataTables_filter input::-webkit-input-placeholder {
    font-family: 'Glyphicons Halflings';
}

.dataTables_filter input:-ms-input-placeholder {
    font-family: 'Glyphicons Halflings';
}

.dataTables_filter input:-moz-placeholder {
    font-family: 'Glyphicons Halflings';
}

.dataTables_filter input::-moz-placeholder {
    font-family: 'Glyphicons Halflings';
}


.dataTables_filter {
    text-align: right !important;
    float: right !important;
}

/* ESTILOS PARA COMBO-CHECKBOX */

.chosen-container-multi ul.chosen-choices {
    background: #fff !important;
}

.chosen-container .chosen-results li.active-result {
    text-align: left !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    background-color: #2B8EE4 !important;
}

.chosen-container .chosen-results li.highlighted {
    background: #2B8EE4 !important;
    color: #fff !important;
}

.chosen-container .chosen-drop {
    left: 0;
    width: 291px !important;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: url('../Imagenes/chosen-sprite.png') -42px 1px no-repeat !important;
}

    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
        background-position: -42px -10px !important;
    }

.chosen-single, .chosen-drop, .active-result {
    color: #333 !important;
}

.chosen-container-single .chosen-single span {
    color: #333;
}

.chosen-single {
    border: 1px solid #32394F;
    text-align: left;
    height: 23px !important;
}

.chosen-container-single .chosen-single div {
    background-position: center center;
}
/*ESTILOS PARA CHAT DE TACÓGRAFOS / MSJS MASIVOS */

.columnaBuscar, .columnaHistorial {
    margin: 0px;
    background-color: transparent !important;
}

.btnEnviar {
    width: 42px;
    height: 42px;
    display: inline-block;
    padding: 9px 7px 9px 11px;
    border: 2px solid white;
    border-radius: 50%;
    background: transparent;
    margin: 5px;
    transition: all .2s;
}

    .btnEnviar:hover {
        border-color: #2B8EE4;
        background-color: #2B8EE4;
        cursor: pointer;
        cursor: hand;
    }

.filaChat, .columnaChat {
    float: none;
}

.dominio {
    width: auto;
}

.columnaChat {
    width: 100%;
    /*background-image: url("../Imagenes/bgChat2.png");*/
    background-image: none;
    background-color: #232838;
    background-repeat: repeat;
    border-top: 1px solid #32394F;
}

    .columnaChat::-webkit-scrollbar {
        width: 11px;
    }

    .columnaChat::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .columnaChat::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: rgba(0,0,0,0.3);
        cursor: pointer;
    }

.solapaTacoChat {
    background: rgba(0,0,0,0.3);
    text-align: center;
}

.filaHistorial {
    cursor: pointer;
    cursor: hand;
    transition: all .4s;
}

    .filaHistorial:only-child {
        border: none !important;
    }

.msjCiatChat {
    text-align: left !important;
    border-radius: 0 4px 4px 0px;
    min-height: 44px;
    background: rgb(43, 142, 228);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}

.triangle {
    top: 17px;
    border: 8px solid rgb(43, 142, 228);
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    z-index: 2;
}


.msjCondChat {
    text-align: right !important;
    border-radius: 4px 0px 0px 4px;
    min-height: 44px;
    background: #4A4B7E;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}

.triangle2 {
    top: 17px;
    border: 8px solid rgb(74, 75, 126);
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    z-index: 2;
}

.msjCiatChat span, .msjCondChat span {
    font-size: .74em;
    position: absolute;
    right: 11px;
    bottom: 0px;
    font-style: italic;
    opacity: .8;
}

.filaTacoRecv {
    width: 100%;
    float: left;
    height: auto;
    display: block;
}

.filaHistorialSelecta {
    background-image: none;
    background-color: #2B8EE4;
    width: 100% !important;
}

.badge {
    margin-top: 8px;
    background-color: #eee;
}

.filaHistorial .badge {
    color: #1c243c;
}

.filaHistorialSelecta .badge {
    color: #2B8EE4;
}

@media (min-width: 1200px) {
    .msjCiatChat {
        left: 0 !important;
        top: -16px;
    }
}

@media (max-width: 991px) {
    .msjCiatChat {
        width: 245px;
    }
}

#txtSalida::-webkit-input-placeholder {
    font-style: italic;
}

#txtSalida:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
}

#txtSalida::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
}

#txtSalida:-ms-input-placeholder {
    font-style: italic;
}

#btnCerrarChat {
    display: none;
    position: absolute;
    left: 5px;
}

.columnaInputChat {
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    overflow: hidden;
    display: flex;
    padding: 5px;
    border-top: 1px solid #32394F;
}

    .columnaInputChat input[type=text].cajaTexto {
        background: rgb(28, 32, 45) !important;
        height: 32px;
    }

/*CAMBIO DE IMÁGENES EN PANTALLA RETINA*/

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url('../Imagenes/chosen-sprite@2x.png') !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}

/*ESPECÍFICOS MOZILLA*/

@-moz-document url-prefix() {

    .ui-button-icon-only {
        top: 0 !important;
    }
}


/* ESTILOS PARA DISEÑO DE CHKBOXES */

.customChk input[type=checkbox] {
    display: none;
}

.customChk label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    font-size: 9px;
    color: white;
}

    .customChk label:before {
        border: 2px solid white;
        content: "";
        display: inline-block;
        padding: 2px;
        width: 13px;
        height: 13px;
        border-radius: 2px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        bottom: 1px;
        transition: background-color .1s; /* box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); */
    }

.customChk input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 12px;
    background-color: #2B8EE4;
    font-weight: bold;
    color: #f3f3f3;
    text-align: center;
    line-height: 12px;
    border: none;
}

.margChkGenerico {
    margin-right: 187px;
}

/*ESTILOS PARA GMAPS*/

.panelGeocode {
    position: absolute;
    top: -6px;
    right: -14px;
    z-index: 2;
    width: 280px;
}

    .panelGeocode .formCombobox {
        background: #fff !important;
        border: 1px solid #ddd;
        color: #333 !important;
    }

.contCoordenadas {
    opacity: 0;
    transition: opacity 1s;
}

.panelCoordenadas {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 50%;
    width: 160px;
    margin-left: -80px;
    z-index: 2;
    padding: 10px;
    background: rgba(0,0,0,.7);
    transition: .4s opacity;
    font-size: .8em;
}


    .panelCoordenadas label, .panelCoordenadas span {
        font-size: 1em;
        width: 50%;
    }

.contCoordenadasShow {
    opacity: 1;
}

.contCoordenadas div {
    text-align: left;
}

.contCoordenadas span, .contCoordenadas label {
    font-size: 10px;
    width: 60px;
    display: inline-block;
}

.contCoordenadas label {
    font-weight: bold;
    width: 70px;
}

.txtLatitud, .txtLongitud {
    text-align: right;
}

/*ESTILOS PARA CARACTERES ESPECIALES AGREGADOS*/

.simbTel {
    font-weight: 700;
    font-size: 2.1em;
    vertical-align: sub;
    width: 14px;
    margin: 0 2px;
}

/*ESTILOS COMBO CHECKBOX*/

.comboChk {
    z-index: 2;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 9px;
    margin-left: 4px;
}

    .comboChk dd,
    .comboChk dt {
        margin: 0px;
        padding: 0px;
    }

    .comboChk ul {
        margin: -1px 0 0 0;
    }

    .comboChk dd {
        position: relative;
    }

    .comboChk a,
    .comboChk a:visited {
        text-decoration: none;
        outline: none;
        margin: 0px !important;
        font-weight: normal;
        color: rgb(160,160,160);
        text-transform: uppercase;
        position: relative;
    }

    .comboChk dt a {
        background-color: #145188;
        display: block;
        overflow: hidden;
        border: 0;
        width: 200px;
        height: 23px;
        border: 0 !important;
    }

        .comboChk dt a span,
        .multiSel span {
            cursor: pointer;
            display: inline-block;
        }

    .comboChk dd ul {
        background-color: #1b233b;
        border: 0;
        display: none;
        left: 0px;
        padding: 10px;
        position: absolute;
        top: 2px;
        text-align: left;
        list-style: none;
        z-index: 2;
        overflow: auto;
        width: 200px;
    }

        /*.comboChk dd ul li label
        {   
            color: #333 !important;
        }*/

        .comboChk dd ul li input[type="checkbox"] {
            width: auto !important;
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }

    .comboChk span.value {
        display: none;
    }

    .comboChk p {
        margin: 0px;
    }

    .comboChk dd ul li a {
        padding: 5px;
        display: block;
    }

        .comboChk dd ul li a:hover {
            background-color: #fff;
        }

/* estilos marquesina home*/

.marqueeNoticias {
    background: #333;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 2px;
    margin-bottom: 30px;
    height: 75px;
}

    .marqueeNoticias:hover {
        background: #444;
    }


/*estilos para modulo de noticias*/

.formBase .contNoticia {
    text-align: left;
}

.formBase .bajadaNoticia {
    height: 53px;
    line-height: 58px;
    text-align: right;
    font-style: italic;
}


/* estilos genericos para bordes*/

.bordeDerecho {
    border-right: 1px solid #eee;
}

.ComboBoxAjustar {
    width: 100px;
    display: inline-block;
}

    .ComboBoxAjustar.required:before {
        content: "\2a";
        margin-right: 5px;
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@media screen and (max-width: 450px) {

    .ComboBoxAjustar {
        width: 109px;
    }
}



/* nuevo seguimiento*/

.panel-seguimiento {
    border: 0px;
    position: absolute;
    z-index: 3;
    background: rgba(0,0,0,.5);
    padding: 0px 10px 10px 10px;
    top: 75px;
    bottom: 0;
}

    .panel-seguimiento #grilla::-webkit-scrollbar {
        width: 10px;
        padding-right: 5px;
    }

    .panel-seguimiento #grilla::-webkit-scrollbar-track {
        border-radius: 10px;
        margin: 5px;
        padding: 5px;
        padding-right: 5px;
    }

    .panel-seguimiento #grilla::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,.4);
        border-radius: 10px;
        border: 5px transparent;
    }

        .panel-seguimiento #grilla::-webkit-scrollbar-thumb:hover {
            background: rgba(255,255,255,.6);
            cursor: pointer;
            cursor: hand;
        }

.mapa-seguimiento {
    position: absolute;
    top: 75px;
    bottom: 0;
    left: 0;
    right: 0;
}

.botoneraSeguimiento7 {
    background: #4c556e;
    display: inline-block;
    padding: 10px;
    /* left: 46.9%; */
    top: -12px;
    position: relative;
    border-radius: 0 0 5px 5px;
    border: 3px solid #4191d6;
    border-top: none;
}

    .botoneraSeguimiento7 img {
        width: 34px;
        height: auto;
        background: #4090d4;
        border-radius: 5px;
        border: 2px solid #4090d4;
        transition: border .2s;
    }

    .botoneraSeguimiento7 a {
        animation-name: animBotonera;
        animation-duration: 2s;
        animation-fill-mode: forwards;
        opacity: 0;
    }

        .botoneraSeguimiento7 a:first-child {
            animation-delay: .6s;
        }

        .botoneraSeguimiento7 a:nth-child(2) {
            animation-delay: .4s;
        }

        .botoneraSeguimiento7 a:nth-child(3) {
            animation-delay: .2s;
        }

    .botoneraSeguimiento7 img:hover {
        border-color: White;
    }

@keyframes animBotonera {

    0% {
        transform: translate(0px, -200px);
        -webkit-transform: translate(0px, -200px);
        -moz-transform: translate(0px, -200px);
        opacity: 1;
    }

    100% {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        opacity: 1;
    }
}

.contenedorBotoneras {
    height: 62px;
}

.botoneraSeguimiento2 {
    background: #0b0b0b;
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 0 0 5px 5px;
    border: 3px solid #3685c9;
    border-top: none;
    float: left;
}

    .botoneraSeguimiento2 img {
        width: 34px;
        height: auto;
        background: #3786ca;
        border-radius: 5px;
        border: 2px solid #3786ca;
        transition: border .2s;
    }

        .botoneraSeguimiento2 img:hover {
            border-color: White;
        }

.panelCombos {
    background: rgb(46, 49, 58);
    padding: 10px;
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .panelCombos {
        padding: 5px; /* Ajustar el relleno para pantallas más pequeñas */
        margin-bottom: 10px; /* Ajustar el margen inferior para pantallas más pequeñas */
    }
}

.barraColapsar {
    width: 15px;
    background: #0b0b0b;
    height: 100%;
    position: absolute;
    right: -15px;
    top: 0px;
}

@media (max-width: 768px) {
    .barraColapsar {
        display: block; /* Ocultar la barra en pantallas más pequeñas */
    }
}

.botonColapsar {
    width: 40px;
    height: 40px;
    padding: 10px;
    background: #0b0b0b;
    position: absolute;
    top: 25px;
    right: -40px;
    /*border-left: 1px solid #52398e;*/
    border-left: 1px solid #0b0b0b;
    cursor: pointer;
    transition: .4s background;
}


@media (max-width: 768px) {
    .botonColapsar {
        display: block; /* Ocultar el botón en pantallas más pequeñas */
    }
}

.botonColapsar:hover {
    /*background: #4c3b73;*/
    background: #000000;
}

#flechaColapsar {
    transition: .4s transform;
}

    #flechaColapsar.flipeado {
        transform: rotateY(180deg);
    }

.btn-auto-refresh input[type=checkbox] {
    display: none;
}

.btn-auto-refresh label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    font-size: 13px;
    color: white;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    width: 96px;
}

    .btn-auto-refresh label:before {
        content: "•";
        color: #525050;
        background-color: #696969;
        background-image: url(../Imagenes/mapServerRefresh.png);
        background-repeat: no-repeat;
        background-position: 9px 3px;
        box-shadow: 0px 2px 0px #484848;
        border: #484848 1px solid !important;
        display: inline-block;
        padding: 2px;
        width: 37px;
        height: 30px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        bottom: 1px;
        transform: translateY(7px);
        transition: all .2s;
    }

    .btn-auto-refresh label:hover:before {
        background-color: #9e9c9c;
    }

.btn-auto-refresh input[type=checkbox]:checked + label:before {
    color: #6cff6c;
}

#divCargando .cargando-fallback {
    background-color: Black;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    color: Red;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
    opacity: 0.7;
}

#divCargando .cargando-cuadro {
    background-color: #0b0b0b;
    box-shadow: 0px 2px 14px 1px rgba(0, 0, 0, 0.63);
    margin-left: -43px;
    padding: 20px;
    margin-top: -20px;
    position: fixed;
    z-index: 3;
    left: 50%;
    top: 50%;
    color: Red;
}

.propio-iveco {
    display: none !important;
}

/* mensajes tacografos */

.contBoxMensaje {
    margin-top: 20px;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    overflow: hidden;
    display: flex;
    padding: 5px 15px;
}

    .contBoxMensaje input[type=text].cajaTexto {
        background: rgb(28, 32, 45) !important;
        height: 32px;
    }

/* reemplazar chk*/


.reemplazarChk label {
    color: white;
}

    .reemplazarChk label:before {
        border: 2px solid white;
    }

.reemplazarChk input[type=checkbox]:checked + label:before {
    background-color: #2B8EE4;
    color: #f3f3f3;
}

/* newchk*/

.newchk input[type=checkbox] {
    display: none;
}

.newchk label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    font-size: 9px;
    user-select: none;
}

.newchk.normal label {
    font-size: 12px;
}

.newchk label:before {
    content: "";
    display: inline-block;
    padding: 2px;
    border: 2px solid rgba(255,255,255,.5);
    width: 13px;
    height: 13px;
    border-radius: 2px;
    margin-right: 5px;
    position: absolute;
    left: 0;
    transition: background-color .1s;
}

.newchk input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 12px;
    border: none;
    background: #2980d0;
}

.formSubtitleEnable {
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 25px;
}

.subtVineta .formSubtitleEnable {
    top: 8px;
    right: 16px;
}

/* arrastrables perfil */

.arrastrableHijo li, .arrastrablePadre li {
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}

.arrastrablePadre li {
    background-color: #1B233B;
    position: relative;
}

.arrastrableHijo li {
    background-color: rgba(0,0,0,0.4);
    position: relative;
}

.arrastrableHijo, .arrastrablePadre {
    padding: 0px !important;
}

.arrastrableHijo {
    margin-left: 15px;
    margin-right: 15px;
}

.arrastrablePadre {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* ESTILOS PARA DOCUMENTACION----------------------------------------------------------------- */

.filaDoc {
    margin: 0 25px;
    border: 1px solid rgba(255,255,255,.2);
    border-bottom: none;
    padding: 5px;
    transition: .4s background;
}

.tipoDoc {
    color: #fff;
    margin: 0 25px;
    padding: 5px;
    font-weight: bold;
    background: #2b8ee4;
}

.filaDoc:hover {
    background: rgba(255,255,255,.2);
}

.filaDoc:last-child {
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.filaDoc .nombreDoc {
    margin-left: 5px;
}

.filaDoc .icon, .filaDoc .nombreDoc {
    display: inline-block;
    vertical-align: middle;
}

.solapaEmpresasChk {
    background: rgb(22, 28, 47);
}

#ctl00_contenidoMaster_CheckEmpresas, #ctl00_contenidoMaster_cblPerfiles, #ContenedorCheckEmpresas {
    background-color: #1B233B;
}

.subir_foto {
    font-weight: bold;
    color: black;
    padding: 0 10px;
}

.ocultar {
    display: none !important;
}

.plusMinusButton {
    background: #2b8ee4;
    border: none;
    width: 24px;
    height: 24px;
    font-weight: bold;
    border-radius: 50%;
    font-size: 1.4em;
    line-height: 1.1em;
}

/* NUEVO LIMITE DE 'COLLAPSE' DEL MENU */

@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

    .navbar-nav {
        float: none !important;
        margin: 0px;
    }

        .navbar-nav > li {
            float: none;
            border-bottom: 1px solid rgba(255, 255, 255, .3);
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}

/* PRUEBA PARA PANEL DE USUARIO DESPLEGADO EN MOBILE */

@media (max-width: 992px) {

    .nav.navbar-nav.navbar-right {
        padding-top: 140px;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
    }

        .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px;
        }

    .dropdown.dropdownPaneldeUsuario {
        position: absolute;
        top: 0;
        /*width: 100vw;
            height: 80px;*/
    }

        .dropdown.dropdownPaneldeUsuario .dropdown-toggle {
            display: none;
        }

        .dropdown.dropdownPaneldeUsuario .dropdown-menu {
            display: block !important;
            position: absolute;
            top: 0;
            right: auto;
            width: 100vw;
            height: 140px;
            /*background-color: #161c2d !important;*/
            background-color: #2b8ee400 !important;
            border: none;
            border-radius: 0px;
        }

            .dropdown.dropdownPaneldeUsuario .dropdown-menu .ultimoDropdown {
                position: absolute;
                right: 25px;
                width: 30px;
                height: 30px;
                bottom: 20px;
                margin-bottom: 0px !important;
                font-family: 'Glyphicons Halflings';
                font-style: normal;
                font-weight: 400;
                line-height: 1;
            }

                .dropdown.dropdownPaneldeUsuario .dropdown-menu .ultimoDropdown:after {
                    content: "\e017";
                    display: inline-block;
                    position: absolute;
                    color: #da4040;
                    left: 0px;
                    font-size: 30px;
                    top: 0;
                }

                .dropdown.dropdownPaneldeUsuario .dropdown-menu .ultimoDropdown #ctl00_Header1_btnCerrarSess {
                    color: transparent;
                    width: 30px;
                    height: 30px;
                    position: relative;
                    z-index: 2;
                    outline: none;
                }

                    .dropdown.dropdownPaneldeUsuario .dropdown-menu .ultimoDropdown #ctl00_Header1_btnCerrarSess:hover {
                        background: transparent;
                    }

            .dropdown.dropdownPaneldeUsuario .dropdown-menu #ctl00_Header1_pnlUltLog {
                position: absolute;
                bottom: 20px;
            }

            .dropdown.dropdownPaneldeUsuario .dropdown-menu #ctl00_Header1_HLUsuario {
                font-size: 20px;
                margin-left: 0px;
                position: absolute;
                display: inline-block;
                top: 15px;
                max-height: 65px;
                overflow: hidden;
                background: transparent;
                left: 0;
                right: 80px;
                white-space: initial;
            }

    .dropdown.dropdownIdioma {
        position: absolute;
        top: 20px;
        right: 23px;
        border-bottom: none;
    }

        .dropdown.dropdownIdioma:after, .dropdown.dropdownIdioma.open:after {
            content: '';
        }

        .dropdown.dropdownIdioma:after {
            content: '';
            width: 30px;
            height: 30px;
            background-image: url(../Imagenes/languageIcon.svg);
            background-repeat: no-repeat;
            position: absolute;
            z-index: -1;
            background-size: cover;
            top: 0;
            left: 0;
        }

        .dropdown.dropdownIdioma .dropdown-toggle,
        .navbar-right .dropdown.dropdownIdioma:hover .dropdown-toggle, .dropdown.dropdownIdioma.open .dropdown-toggle {
            padding: 0px;
            background: transparent !important;
            border-bottom: none;
        }

            .dropdown.dropdownIdioma .dropdown-toggle img {
                width: 30px;
                opacity: 0;
            }

        .dropdown.dropdownIdioma .dropdown-menu {
            padding: 2px;
            background-color: #fff !important;
            width: 80px;
            bottom: 20px;
            top: 50px;
            bottom: auto;
            position: absolute;
            left: auto;
            right: -2px;
            border-radius: 3px;
            border-top: none;
        }


            .dropdown.dropdownIdioma .dropdown-menu:after {
                content: '';
                display: inline-block;
                position: absolute;
                width: 0;
                height: 0;
                top: -10px;
                left: 58px;
                border-style: solid;
                border-width: 0 5px 10px 5px;
                border-color: transparent transparent #ffffff transparent;
            }

            .dropdown.dropdownIdioma .dropdown-menu .divIdioma {
                color: #000;
                font-size: 18px;
                margin: 0px;
                padding: 5px 0;
            }

                .dropdown.dropdownIdioma .dropdown-menu .divIdioma.idiomaSelected {
                    background: #2170B5;
                    color: #fff;
                }
}

/*  */

.material {
    position: absolute;
    background: #ffffff;
    z-index: 2;
    padding: 4px;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
}

    .material.searchBox {
        top: 5px;
        left: 5px;
    }

    .material.drawButtons {
        top: 5px;
        right: 5px;
    }

.searchBoxBtn {
    background: transparent;
    border: none;
    vertical-align: middle;
}

    .searchBoxBtn i {
        color: #2b8ee4;
        font-size: 21px;
    }

.searchBox .searchBoxInput {
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0.08);
    padding: 5px;
    width: 300px;
    color: #333;
}

.material.drawButtons .drawButton {
    transition: opacity .4s;
    cursor: hand;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding: 3px;
    border-radius: 2px;
    border: 1px solid transparent;
}

    .material.drawButtons .drawButton:hover {
        border-color: #e3e3e3;
    }

    .material.drawButtons .drawButton.presionado {
        background: #e3e3e3;
        border-color: #bfbfbf;
    }

    .material.drawButtons .drawButton:hover .drawButtonsTooltip {
        display: block;
    }

    .material.drawButtons .drawButton i {
        width: 20px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle;
    }

    .material.drawButtons .drawButton.dibujar2 i {
        background-image: url("../Imagenes/edit-option.svg");
    }

    .material.drawButtons .drawButton.arrastrar i {
        background-image: url("../Imagenes/move-option.svg");
    }

    .material.drawButtons .drawButton.borrar i {
        background-image: url("../Imagenes/delete-option.svg");
    }

    .material.drawButtons .drawButton .drawButtonsTooltip {
        display: none;
        position: absolute;
        bottom: -55px;
        right: 8px;
        background: rgba(0, 0, 0, 0.8);
        padding: 5px 10px;
        white-space: nowrap;
        text-align: center;
    }

        .material.drawButtons .drawButton .drawButtonsTooltip:after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0px 15px 15px;
            border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
            position: absolute;
            right: 0;
            top: -15px;
        }

/*Gráficos Panel Control*/

.panelControlChart#chartConsumo path {
    stroke: url("#gradConsumo");
}

.panelControlChart#chartKmr path {
    stroke: url("#gradKmr");
}

.panelControlChart#chartExcesos path {
    stroke: url("#gradExcesos");
}

.panelControlChart#chartMotor path {
    stroke: url("#gradMotor");
}

.panelControlChart text {
    font-size: 8px !important;
}

    .panelControlChart text[font-size="12"] {
        font-size: 12px !important;
    }

h3.panelControlTitulo {
    font-size: 14px;
    margin-bottom: 0px;
    text-align: left;
    padding: 10px;
    background: rgba(255,255,255,0.2);
    position: relative;
}

    h3.panelControlTitulo:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: 0px;
        left: 0px;
    }

    h3.panelControlTitulo.consumo:after {
        background: -moz-linear-gradient(0deg, rgba(40,178,224,1) 0%, rgba(41,103,227,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(40,178,224,1)), color-stop(100%, rgba(41,103,227,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(0deg, rgba(40,178,224,1) 0%, rgba(41,103,227,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(0deg, rgba(40,178,224,1) 0%, rgba(41,103,227,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(0deg, rgba(40,178,224,1) 0%, rgba(41,103,227,1) 100%); /* ie10+ */
        background: linear-gradient(90deg, rgba(40,178,224,1) 0%, rgba(41,103,227,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28B2E0', endColorstr='#2967E3',GradientType=1 ); /* ie6-9 */
    }

    h3.panelControlTitulo.kmr:after {
        background: -moz-linear-gradient(0deg, rgba(36,224,152,1) 0%, rgba(19,138,100,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(36,224,152,1)), color-stop(100%, rgba(19,138,100,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(0deg, rgba(36,224,152,1) 0%, rgba(19,138,100,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(0deg, rgba(36,224,152,1) 0%, rgba(19,138,100,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(0deg, rgba(36,224,152,1) 0%, rgba(19,138,100,1) 100%); /* ie10+ */
        background: linear-gradient(90deg, rgba(36,224,152,1) 0%, rgba(19,138,100,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24E098', endColorstr='#138A64',GradientType=1 ); /* ie6-9 */
    }

    h3.panelControlTitulo.excesos:after {
        background: -moz-linear-gradient(0deg, rgba(224,176,0,1) 0%, rgba(224,97,0,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(224,176,0,1)), color-stop(100%, rgba(224,97,0,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(0deg, rgba(224,176,0,1) 0%, rgba(224,97,0,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(0deg, rgba(224,176,0,1) 0%, rgba(224,97,0,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(0deg, rgba(224,176,0,1) 0%, rgba(224,97,0,1) 100%); /* ie10+ */
        background: linear-gradient(90deg, rgba(224,176,0,1) 0%, rgba(224,97,0,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E0B000', endColorstr='#E06100',GradientType=1 ); /* ie6-9 */
    }

    h3.panelControlTitulo.motor:after {
        background: -moz-linear-gradient(0deg, rgba(191,191,191,1) 0%, rgba(135,135,135,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(191,191,191,1)), color-stop(100%, rgba(135,135,135,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(0deg, rgba(191,191,191,1) 0%, rgba(135,135,135,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(0deg, rgba(191,191,191,1) 0%, rgba(135,135,135,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(0deg, rgba(191,191,191,1) 0%, rgba(135,135,135,1) 100%); /* ie10+ */
        background: linear-gradient(90deg, rgba(191,191,191,1) 0%, rgba(135,135,135,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BFBFBF', endColorstr='#878787',GradientType=1 ); /* ie6-9 */
    }

/* GRAFICOS ECODRIVE */

.formSubtitle {
    display: block;
    font-size: 14px;
    font-weight: bold;
    background: #4f4f4f;
    padding: 5px 15px;
    color: #fff;
    position: relative;
}

.formSubtitle2 {
    display: block;
    font-size: 14px;
    font-weight: bold;
    background: #4f4f4f;
    padding: 5px 15px;
    color: #fff;
    position: relative;
}


.tagConsumo {
    font-size: 14px;
    /*color: #2b8ee4;*/
    color: white;
    position: absolute;
    right: 0px;
    background: linear-gradient(to right, rgba(31, 31, 31, 0) 1%, rgba(31, 31, 31, 0.14) 35%, rgba(31, 31, 31, 0.4) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    top: 0;
    display: block;
    height: 50px;
    width: 18%;
    text-align: right;
    padding: 5px 40px 5px 0;
}

    .tagConsumo span {
        font-size: 18px;
        color: #eee;
        font-weight: bold;
        display: block;
    }

.tagRpm {
    font-size: 14px;
    /*color: #2b8ee4;*/
    color: white;
    position: absolute;
    right: 0px;
    background: linear-gradient(to right, rgba(31, 31, 31, 0) 1%, rgba(31, 31, 31, 0.14) 35%, rgba(31, 31, 31, 0.4) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    bottom: 40px;
    display: block;
    height: 50px;
    width: 18%;
    text-align: right;
    padding: 5px 40px 5px 0;
}

    .tagRpm span {
        font-size: 18px;
        color: #eee;
        font-weight: bold;
        display: block;
    }

.graficoComplejo {
    position: relative;
    height: 300px;
}

    .graficoComplejo .graficoBase {
        width: 80%;
        height: 300px;
    }

    .graficoComplejo img.loader {
        position: absolute;
        left: 50%;
        margin-left: -25px;
        top: 50%;
        margin-top: -25px;
    }

    .graficoComplejo .zona {
        position: absolute;
        left: 0;
        right: 0;
    }

        .graficoComplejo .zona img {
            position: absolute;
            top: 50%;
            margin-top: -12px;
            opacity: .6;
            right: 50px;
        }

        .graficoComplejo .zona.verde {
            background: rgba(0, 255, 0, 0.4);
            border-top: 2px dashed red;
        }

        .graficoComplejo .zona.roja {
            background: rgba(255, 0, 0, 0.4);
        }


/* mensajes legajos */

.enviado, .sending {
    background: #4A4B7E;
    padding: 10px;
    border-radius: 4px;
    color: #333;
    position: relative;
    margin-left: 100px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sending {
    opacity: .4;
}

    .enviado:before, .sending:before {
        content: '';
        display: block;
        position: absolute;
        right: -10px;
        bottom: 10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7.5px 0 7.5px 10px;
        border-color: transparent transparent transparent #4A4B7E;
    }

.enviado.respuesta {
    margin-right: 100px;
    margin-left: 10px;
    background: rgb(43, 142, 228);
}

    .enviado.respuesta:before {
        right: auto;
        left: -10px;
        border-width: 7.5px 10px 7.5px 0;
        border-color: transparent rgb(43, 142, 228) transparent transparent;
    }


.enviado p, .sending p {
    font-size: 16px;
    margin: 0;
    margin-bottom: 5px;
}

p.quote {
    background: rgb(255,255,255);
    padding: 10px;
    margin-bottom: 10px;
    opacity: .7;
    border-radius: 4px;
}

    p.quote:before, p.quote:after {
        content: ' " ';
        font-family: GothamELD;
        font-weight: bold;
    }

.enviado .chat-hora, .sending .chat-hora {
    font-size: 12px;
    color: #d0d0d0;
}

.spTilde {
    font-size: 12px;
    color: #999;
    margin-left: 15px;
    font-weight: bold;
}

    .spTilde.seen {
        color: #00caaf;
    }

    .spTilde.delivered {
        color: #4092dd;
    }

.modalChat .modal-body .msg-referencias span {
    margin-right: 5px;
}

.modalChat .modal-body .msg-referencias .seen {
    color: #00caaf;
}

.contMensajeType {
    position: relative;
    padding-right: 100px;
}

.mensajeType {
    outline: none;
    width: 100%;
    resize: none;
    padding-left: 10px;
}

.buttonSend {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* aprv */

.apartadoAprv, .apartadoNuevoAprv {
    background: #293147;
    padding: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.42);
}

    .apartadoAprv.divEmpresa, .apartadoNuevoAprv.divEmpresa {
        position: relative;
    }

        .apartadoAprv.divEmpresa .itemApartado, .apartadoNuevoAprv.divEmpresa .itemApartado {
            position: absolute;
        }

        .apartadoAprv.divEmpresa .conjSubitem, .apartadoNuevoAprv.divEmpresa .conjSubitem {
            padding-left: 53%;
            padding-top: 5px;
        }

    .apartadoAprv.divConductores, .apartadoAprv.divUnidades {
        width: calc(50% - 7px);
        display: inline-block;
        vertical-align: top;
    }

    .apartadoAprv.divConductores {
        margin-right: 14px;
    }

    .apartadoAprv .tituloApartado, .apartadoNuevoAprv .tituloApartado {
        color: rgba(255,255,255,.5);
        margin-bottom: 15px;
    }

    .apartadoAprv .itemApartado, .apartadoNuevoAprv .itemApartado {
        margin-bottom: 5px;
    }

        .apartadoAprv .itemApartado span, .apartadoNuevoAprv .itemApartado span {
            font-size: 18px;
            vertical-align: 3px;
        }

    .apartadoAprv .conjSubitem, .apartadoNuevoAprv .conjSubitem {
        margin: 0 0 10px 3px;
    }

        .apartadoAprv .conjSubitem .subitemApartado span, .apartadoNuevoAprv .conjSubitem .subitemApartado span {
            vertical-align: 2px;
        }

.semaforoAprv {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 9px;
}

    .semaforoAprv.big {
        width: 22px;
        height: 22px;
        margin-right: 5px;
    }

    .semaforoAprv.green {
        background: linear-gradient(to bottom, rgba(0,216,108,1) 1%,rgba(0,216,108,1) 36%,rgba(0,216,108,1) 36%,rgba(0,163,81,1) 100%);
    }

    .semaforoAprv.yellow {
        background: linear-gradient(to bottom, rgba(255,195,0,1) 0%,rgba(255,195,0,1) 37%,rgba(201,151,0,1) 100%);
    }

    .semaforoAprv.red {
        background: linear-gradient(to bottom, rgba(255,0,57,1) 0%,rgba(255,0,57,1) 36%,rgba(150,0,32,1) 100%);
    }

    .semaforoAprv.white {
        background: grey;
    }

.apartadoNuevoAprv .conjSubitem .glyphicon {
    color: red;
    position: absolute;
    right: 15px;
    cursor: hand;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
}

.apartadoNuevoAprv.divConfiguracion {
}

.apartadoNuevoAprv .conjEntidad {
    position: relative;
}

    .apartadoNuevoAprv .conjEntidad + .conjEntidad {
        border-top: 1px solid rgba(255,255,255,.5);
        padding-top: 15px;
    }

/* btn dias*/

.contBtnDias {
    display: inline-block;
    vertical-align: bottom;
}

.btnDias {
    border: 1px solid;
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    font-size: 10px;
    height: 30px;
    text-align: center;
    padding: 0;
    outline: none;
    margin-right: 8px;
}

.btnDiasApagado {
    background-color: transparent;
    border-color: #eee;
    color: #eee;
}

.btnDiasPrendido {
    background-color: #2b8ee4;
    border-color: #2b8ee4;
    color: #eee;
}

/* tbl intervalos */

.tblIntervalos {
    background-color: rgba(255,255,255,.02);
}

    .tblIntervalos th {
        background-color: transparent;
        font-family: sans-serif;
        padding: 10px;
        border: 1px solid rgb(95, 101, 117);
        border-top: none;
    }

        .tblIntervalos th:first-child {
            border-left: none;
        }

        .tblIntervalos th:last-child {
            border-right: none;
        }

        .tblIntervalos th span {
            font-weight: normal;
            color: rgb(255 255 255 / 72%);
        }

    .tblIntervalos td {
        padding: 10px;
        border: 1px solid rgb(95, 101, 117);
    }


        .tblIntervalos td.centrar {
            text-align: center;
        }

    .tblIntervalos tr td:first-child {
        border-left: none;
    }

    .tblIntervalos tr td:last-child {
        border-right: none;
        text-align: center;
        background-color: transparent;
    }

    .tblIntervalos tr td .glyphicon {
        color: #61a5e0;
        cursor: hand;
        cursor: pointer;
    }

    .tblIntervalos.editable td, .tblIntervalos.editable th {
        border-top: none;
        border-bottom: none;
        padding: 0;
        background-color: rgb(27, 35, 59);
        position: relative;
        height: 38px;
    }

        .tblIntervalos.editable td .formCombobox, .tblIntervalos.editable td .cajaTexto {
            margin: 0 !important;
            vertical-align: bottom;
        }

        .tblIntervalos.editable td textarea {
            border: none;
            resize: none;
            height: 38px;
            outline: none;
            font-size: 10px;
            position: absolute;
            top: 0;
            width: 100%;
        }

        .tblIntervalos.editable td span {
            line-height: 22px;
        }

        .tblIntervalos.editable td.labelbutton input[type="submit"] {
            display: inline-block;
            width: 0;
            height: 0;
            margin: 0;
            padding: 0;
            border: 0;
            opacity: 0;
            position: absolute;
        }

        .tblIntervalos.editable td.labelbutton label {
            margin: 0px;
            line-height: 22px;
        }

        .tblIntervalos.editable td.uiselect input[type="text"] {
            margin: 8px 0 !important;
        }

        .tblIntervalos.editable td .formCombobox {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            margin-right: 32px;
            padding: 10px;
        }

        .tblIntervalos.editable td .ui-button {
            position: absolute;
            top: 0 !important;
            right: 0;
            margin: 0;
            height: 38px !important;
        }

        .tblIntervalos.editable td .cajaTexto, .tblIntervalos.editable td .cajaTexto.minutos {
            font-size: 14px;
            padding: 0;
            width: 17px !important;
            text-align: center;
        }

/* codigos falla*/




.panelCodigosFalla {
    border: 10px solid #0b0b0b;
    border-radius: 33px;
    padding: 5px 20px 5px 35px;
    background: #fff;
    width: 477px;
    font-size: 0px;
    position: absolute;
    right: 30%;
    bottom: 24px;
    transform: translateX(50%);
    transition: .4s all linear;
}

    .panelCodigosFalla.full {
        right: 50%;
    }

    .panelCodigosFalla .panelDivision {
        width: 25%;
        display: inline-block;
        font-size: inherit;
    }

        .panelCodigosFalla .panelDivision .cifra {
            font-size: 19px;
            display: block;
        }

            .panelCodigosFalla .panelDivision .cifra:before {
                content: '';
                display: inline-block;
                width: 14px;
                height: 14px;
                margin-right: 6px;
                border-radius: 50%;
                background-color: red;
            }

            .panelCodigosFalla .panelDivision .cifra.sinErrores {
                color: #6C9F43;
            }

                .panelCodigosFalla .panelDivision .cifra.sinErrores:before {
                    background-color: #6C9F43;
                }

            .panelCodigosFalla .panelDivision .cifra.enTrata {
                color: #008CFF;
            }

                .panelCodigosFalla .panelDivision .cifra.enTrata:before {
                    background-color: #008CFF;
                }

            .panelCodigosFalla .panelDivision .cifra.advertencia {
                color: #FFAA00;
            }

                .panelCodigosFalla .panelDivision .cifra.advertencia:before {
                    background-color: #FFAA00;
                }

            .panelCodigosFalla .panelDivision .cifra.critico {
                color: #FF0000;
            }

                .panelCodigosFalla .panelDivision .cifra.critico:before {
                    background-color: #FF0000;
                }

        .panelCodigosFalla .panelDivision .cifraLabel {
            color: #0E3558;
        }

.cont-alertas {
    position: absolute;
    right: 0;
    top: 35px;
}

    .cont-alertas .item-alerta {
        background: #eee;
        padding: 4px;
        border-radius: 4px;
        margin: 0 20px 20px 20px;
        width: 240px;
        border: 1px solid #1c243c;
    }

        .cont-alertas .item-alerta .alertas-header {
            position: relative;
            margin-bottom: 10px
        }

        .cont-alertas .item-alerta * {
            color: #333;
        }

        .cont-alertas .item-alerta .alertas-header h5 {
            margin: 0;
            padding: 0;
            font-weight: 600;
        }

            .cont-alertas .item-alerta .alertas-header h5:before {
                content: '';
                display: inline-block;
                width: 10px;
                height: 10px;
                margin-right: 6px;
                border-radius: 50%;
                background-color: red;
            }

        .cont-alertas .item-alerta .alertas-header .date {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 10px;
        }

        .cont-alertas .item-alerta .content-item {
            display: block;
            font-stretch: 20px;
        }

            .cont-alertas .item-alerta .content-item strong {
                width: 80px;
                display: inline-block;
            }

/*PANEL RUTAS PROGRAMADAS*/

.panelRutas {
    position: absolute;
    background: rgba(0,0,0,.5);
    padding: 15px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    max-width: 428px;
}

    .panelRutas * {
        font-size: 10px;
    }

    .panelRutas .btn-form.gris {
        height: 26px;
    }

    .panelRutas .formBase {
        background: rgb(46, 49, 58);
        margin-bottom: 0;
    }

        .panelRutas .formBase:first-child {
            padding-bottom: 0px;
        }

    .panelRutas .linkNuevoCliente {
        float: right;
        padding: 15px 16px;
        color: #2b8ee4;
    }

        .panelRutas .linkNuevoCliente span {
            color: #2b8ee4;
        }

.tramosMapa {
    position: absolute;
    right: 15px;
    top: 15px;
}

    .tramosMapa > div {
        background: rgba(0, 0, 0, 0.73);
        border-bottom: 1px solid #fff;
        padding: 5px;
    }

        .tramosMapa > div .linea {
            width: 10px;
            height: 10px;
            display: inline-block;
        }

        .tramosMapa > div:last-child {
            border-bottom: none;
        }

.letraMarker {
    background: #e52620;
    font-size: 12px;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 17px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #000;
}

/* tabla errores*/

.cssTablaErrores {
    margin-top: 20px;
}

    .cssTablaErrores tr {
        /*border-top: 1px solid rgba(255, 255, 255, 0.4);
            border-bottom: 1px solid rgba(255, 255, 255, 0.4);*/
    }

        .cssTablaErrores tr:nth-child(odd) {
            background-color: rgba(0,0,0,.2);
        }

        .cssTablaErrores tr:first-child {
            background-color: transparent !important;
        }

        .cssTablaErrores tr:first-child {
            border-top: none;
        }

        .cssTablaErrores tr:last-child {
            border-bottom: none;
        }

    .cssTablaErrores td, .cssTablaErrores th {
        padding: 5px;
        background: rgba(255, 255, 255, 0.04);
        text-align: left;
    }

        .cssTablaErrores td.segundaFila {
            padding-top: 0px;
        }

        .cssTablaErrores td.aderecha, .cssTablaErrores th.aderecha {
            text-align: right;
        }

        .cssTablaErrores td.ImagenCentrada, .cssTablaErrores th.ImagenCentrada {
            text-align: center;
        }

    .cssTablaErrores th {
        background-color: rgba(43, 142, 228, 0.15);
    }

        .cssTablaErrores th:first-child {
            border-top-left-radius: 6px;
        }

        .cssTablaErrores th:last-child {
            border-top-right-radius: 6px;
        }

    .cssTablaErrores tr:last-child td:first-child {
        border-bottom-left-radius: 6px;
    }

    .cssTablaErrores tr:last-child td:last-child {
        border-bottom-right-radius: 6px;
    }

#modal-covid modal-contant {
    width: 750px;
}

/* Tutoriales OLD TO BE REMOVED*/

.tutorial-alert {
    position: fixed;
    bottom: 10vh;
    right: 0;
    width: 300px;
    background-color: #1b233b;
    padding: 12px 8px 8px 58px;
    border-radius: 8px 0 0 8px;
    border-right: none;
    box-shadow: 0 0 12px rgba(0,0,0,.4);
    transform: translateX(243px);
    animation: showTutorialAlert .8s 1;
    animation-delay: 1s;
    z-index: 9998;
    transition: transform .4s;
}

    .tutorial-alert:after {
        content: '';
        position: absolute;
        background-image: url(../Imagenes/tutorials-icon.svg);
        width: 40px;
        height: 60px;
        display: block;
        left: 8px;
        top: 8px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .tutorial-alert:hover {
        transform: translateX(0px);
    }

    .tutorial-alert a {
        color: #fff;
        cursor: hand;
        cursor: pointer;
        text-decoration: none;
    }

        .tutorial-alert a h3 {
            font-size: 14px;
            text-align: left;
            margin: 0;
            color: #fff;
        }

    .tutorial-alert span.glyphicon {
        position: absolute;
        right: 8px;
        top: 8px;
        z-index: 3;
        cursor: hand;
        cursor: pointer;
    }

    .tutorial-alert p {
        color: rgba(255,255,255,.4);
    }

@keyframes showTutorialAlert {

    0% {
        filter: brightness(1);
    }

    25% {
        filter: brightness(1.5);
    }

    50% {
        filter: brightness(1);
    }

    75% {
        filter: brightness(1.5);
    }

    100% {
        filter: brightness(1);
    }
}

.tutorial-backdrop {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.95);
}



    .tutorial-backdrop.show {
        display: block;
    }

    .tutorial-backdrop .tutorial-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: right;
    }

        .tutorial-backdrop .tutorial-container span {
            font-size: 18px;
            margin-bottom: 6px;
            cursor: hand;
            cursor: pointer;
        }

/* Panel de ayudas: tutorial, ayuda rapida e informacion */

.help-panel {
    text-align: right;
    height: 0;
    z-index: 3;
}

    .help-panel.above-tabs {
        height: 9px;
    }

    .help-panel > * {
        margin-top: 5px;
        margin-right: 5px;
    }

    .help-panel.above-tabs > * {
        margin-top: 0;
    }

    .help-panel .help-button {
        background-color: #0b0b0b;
        border-radius: 21px;
        padding: 5px 15px 5px 10px;
        display: inline-block;
        font-size: 0px;
        display: inline-block;
        margin-left: 6px;
        cursor: hand;
        cursor: pointer;
        transition: .4s background-color;
        position: relative;
        z-index: 3;
    }

        .help-panel .help-button:hover {
            background-color: #415c84;
        }


        .help-panel .help-button.tutorial {
            position: relative;
            padding-left: 50px;
            visibility: hidden;
        }

@media (max-width: 768px) {
    .help-panel .help-button.tutorial {
        padding-left: 45px;
        margin-top: 328px; /* Ajustar el padding izquierdo para pantallas más pequeñas */
        visibility: hidden;
    }
}

.help-panel .help-button.quickhelp, .help-panel .help-button.info {
    height: 42px;
    width: 42px;
    vertical-align: top;
}

.help-panel .help-button.quickhelp, .help-panel .help-button.info {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.help-panel .help-button.quickhelp {
    background-image: url(../Imagenes/button_quickhelp.svg);
}

@media (max-width: 768px) {
    .help-panel .help-button.quickhelp {
        margin-top: 64px;
        margin-left: 80px;
    }
}

.help-panel .help-button.info {
    background-image: url(../Imagenes/button_info.svg);
}

@media (max-width: 768px) {
    .help-panel .help-button.info {
        margin-top: 328px;
        visibility: hidden;
    }
}

.help-panel .help-button.tutorial img {
    height: 30px;
    left: 13px;
    position: absolute;
}

.help-panel .help-button span.cta {
    display: block;
    font-size: 12px;
}

.help-panel .help-button span.help-name {
    margin: 0px;
    font-size: 11px;
    opacity: .5;
    display: inline-block;
}



/* Ayudas rapidas */

.help-modal .modal-header {
    padding: 0;
    min-height: 0px;
}

    .help-modal .modal-header .close {
        margin-right: -10px;
        margin-top: -10px;
        position: relative;
        z-index: 2;
    }

.help-modal-header {
    padding-left: 40px;
    position: relative;
}

    .help-modal-header:before {
        content: '';
        width: 50px;
        height: 50px;
        position: absolute;
        left: -8px;
        top: -10px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

#quickHelpModal .help-modal-header {
    margin: 10px 0;
}

    #quickHelpModal .help-modal-header:before {
        background-image: url(../Imagenes/iconinside_quickhelp.svg);
    }



#quickHelpModal .modal-content {
    background: #262626;
}


.help-modal-header h3, .help-modal-header h3 span {
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
}

.help-modal-header p {
    margin: 0;
}

.help-modal .alert.alert-danger {
    color:
}

#quickHelpModal .modal-body {
    padding-left: 20px;
    padding-right: 40px;
}

    #quickHelpModal .modal-body .alert {
        display: block;
        margin-bottom: 12px;
    }

#quickHelpModal ol {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 40px;
    position: relative;
}

    #quickHelpModal ol:before {
        content: '';
        position: absolute;
        left: 13px;
        top: 50px;
        bottom: 45px;
        width: 6px;
        background-image: url(../Imagenes/linePattern.png);
    }

    #quickHelpModal ol li {
        margin: 0;
        padding: 20px 0 20px 0;
        position: relative;
        font-size: 14px;
        border-bottom: 1px solid rgba(255,255,255,.17);
        line-height: 24px;
        text-align: justify;
    }

    #quickHelpModal ol > li {
        counter-increment: my-awesome-counter;
    }

    #quickHelpModal ol li > span {
        font-size: 14px;
    }

    #quickHelpModal ol li:last-child {
        border-bottom: none;
    }



    #quickHelpModal ol > li::before {
        content: counter(my-awesome-counter);
        color: #fff;
        font-size: 1.5rem;
        position: absolute;
        --size: 32px;
        top: calc(50% - ( var(--size)/2 ));
        line-height: var(--size);
        width: var(--size);
        height: var(--size);
        left: -40px;
        background: #2980d0;
        border-radius: 50%;
        text-align: center;
    }

    #quickHelpModal ol li i {
        color: #f8b233;
        font-weight: normal;
        font-style: normal;
        font-size: 14px;
    }

    #quickHelpModal ol li b {
        font-size: 14px;
    }

    #quickHelpModal ol li .btn-form, #quickHelpModal ol li .ui-button, #quickHelpModal ol li .botonElim, #quickHelpModal .alert .btn-form {
        font-size: 12px;
        pointer-events: none;
    }

    #quickHelpModal ol li input[type="text"] {
        pointer-events: none;
    }

    #quickHelpModal ol li .ui-button {
        vertical-align: super;
    }

    #quickHelpModal ol li .botonElim {
        position: static;
        margin: 0;
        color: #E0001D !important;
    }

    #quickHelpModal ol > li > ul {
        list-style-type: disc;
    }

        #quickHelpModal ol > li > ul > li {
        }


span.dropdown-icon {
    display: inline-block;
    --dropdownIconSize: 18px;
    width: calc( var(--dropdownIconSize) * 2 );
    height: var(--dropdownIconSize);
    background-image: url(../Imagenes/dropdownIcon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: text-top;
}

/* accordion falso */

.accordion-dummy {
    border: solid 1px #0a2b48;
    background: rgba(20, 81, 136, 0.37);
    padding: 10px;
    display: inline-block;
    font-size: 12px;
}

    .accordion-dummy span {
        color: #fff;
    }

        .accordion-dummy span:first-child {
            font-weight: bold;
            margin-right: 26px;
        }

/* Texto en colores */

#quickHelpModal .text-red {
    color: red;
    font-size: 14px;
    font-weight: bold;
}

#quickHelpModal .text-lime {
    color: rgb(146,208,80);
    font-size: 14px;
    font-weight: bold;
}

#quickHelpModal .text-green {
    color: rgb(0,176,80);
    font-size: 14px;
    font-weight: bold;
}

/* Informacion del modulo */

@media screen and (min-width:1001px) {

    #infoModal .modal-dialog, .info-modal .modal-dialog, .news-modal .modal-dialog {
        width: 700px;
    }
}


@media screen and (max-width:1000px) {
    #infoModal .modal-dialog, .info-modal .modal-dialog, .news-modal .modal-dialog {
        width: auto;
        max-width: 700px;
    }
}

#infoModal .modal-content, .info-modal .modal-content, .news-modal .modal-content {
    /*background-color: #4c556e;*/
    background-color: #262626;
}

#infoModal .modal-body, .info-modal .modal-body, .news-modal .modal-body {
    padding-left: 40px;
    padding-right: 40px;
}

#infoModal .help-modal-header, .info-modal .help-modal-header, .news-modal .help-modal-header {
    padding: 165px 40px 0 80px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin: -15px -40px 0 -40px;
}

.news-modal .help-modal-header {
    padding-left: 40px;
    margin-bottom: 20px;
}

.ContenidoUltimaNoticia ul li {
    list-style-type: disc;
}

#infoModal .help-modal-header:before, .info-modal .help-modal-header:before {
    background-image: url(../Imagenes/iconinside_info.svg);
    top: auto;
    bottom: -15px;
    left: 25px;
}

#infoModal .info-introduction, .info-modal .info-introduction {
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    display: block;
}

.help-modal-subtitle {
    font-weight: bold;
    background: -moz-linear-gradient(0% 50% 0deg,rgba(38, 177, 223, 1) 0%,rgba(58, 98, 171, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(38, 177, 223, 1) 0%, rgba(58, 98, 171, 1) 100%);
    background: -webkit-gradient(linear,0% 50%,100% 50%,color-stop(0,rgba(38, 177, 223, 1) ),color-stop(1,rgba(58, 98, 171, 1) ));
    background: -o-linear-gradient(0deg, rgba(38, 177, 223, 1) 0%, rgba(58, 98, 171, 1) 100%);
    background: -ms-linear-gradient(0deg, rgba(38, 177, 223, 1) 0%, rgba(58, 98, 171, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#26B1DF', endColorstr='#3A62AB' ,GradientType=0)";
    /*background : linear-gradient(90deg, rgba(38, 177, 223, 1) 0%, rgba(58, 98, 171, 1) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26B1DF',endColorstr='#3A62AB', GradientType=1);
    padding: 5px 40px;
    margin: 0 -40px;
    font-size: 14px;
    display: block;
}

ul.info-benefits {
    font-size: 14px;
    padding-left: 70px;
    padding-top: 20px;
}

    ul.info-benefits li {
        font-size: 14px;
        padding: 14px 0;
        position: relative;
    }

        ul.info-benefits li span {
            font-size: 14px
        }

        ul.info-benefits li img {
            position: absolute;
            left: -70px;
            top: 50%;
            transform: translateY(-50%);
        }

        ul.info-benefits li b {
            font-size: 14px;
            margin-right: 5px;
        }

ul.info-improvements {
    font-size: 14px;
    padding-top: 14px;
    padding-left: 30px;
}

    ul.info-improvements li {
        font-size: 14px;
        padding-bottom: 10px;
        position: relative;
    }

        ul.info-improvements li span {
            font-size: 14px
        }

        ul.info-improvements li:before {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #2980d0;
            border-radius: 50%;
            top: 5px;
            left: -30px;
        }

/* Tutoriales biblioteca */

.library-video {
    display: block;
    text-decoration: none;
    margin-top: 30px;
    height: 136px;
    position: relative;
    overflow: hidden;
}

    .library-video:before {
        content: '';
        display: block;
        background: rgb(17,23,38);
        background: -moz-linear-gradient(0deg, rgba(17,23,38,1) 0%, rgba(25,28,56,1) 40%, rgba(37,36,81,0.4009978991596639) 100%);
        background: -webkit-linear-gradient(0deg, rgba(17,23,38,1) 0%, rgba(25,28,56,1) 40%, rgba(37,36,81,0.4009978991596639) 100%);
        background: linear-gradient(0deg, rgba(17,23,38,1) 0%, rgba(25,28,56,1) 40%, rgba(37,36,81,0.4009978991596639) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111726",endColorstr="#252451",GradientType=1);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
    }

    .library-video:after {
        content: '';
        display: inline-block;
        position: absolute;
        left: 8px;
        bottom: 8px;
        width: 40px;
        height: 40px;
        background-image: url(../Imagenes/tutorials-icon.svg);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        z-index: 3;
    }

    .library-video .desc-container {
        position: absolute;
        bottom: 30px;
        right: 8px;
        left: 60px;
        transform: translateY(50%);
        z-index: 3;
    }

        .library-video .desc-container h3.video-title {
            font-size: 14px;
            text-align: left;
            margin: 0;
        }

        .library-video .desc-container span.video-subtitle {
            opacity: .75;
            line-height: 13px;
            font-size: 11px;
            display: inline-block;
        }

    .library-video .play-button {
        background-image: url(../Imagenes/tutorials-play.svg);
        background-position: center center;
        background-size: cover;
        width: 50px;
        height: 50px;
        position: absolute;
        display: block;
        left: 50%;
        top: 40px;
        transform: translate(-50%, -50%);
        position: absolute;
        z-index: 3;
        transition: .4s filter;
    }

    .library-video:hover .play-button {
        filter: brightness(1.2);
    }

    .library-video .play-button:after {
        content: '';
        background-image: url(../Imagenes/tutorials-backshadow.svg);
        background-position: center center;
        background-size: cover;
        width: 200px;
        height: 200px;
        position: absolute;
        display: block;
        left: 50%;
        top: 40px;
        transform: translate(-50%, -50%);
        position: absolute;
        z-index: -1;
        opacity: .2;
    }

    .library-video img {
        display: block;
        position: absolute;
        height: 120px;
        width: 120%;
        left: 50%;
        transform: translateX(-50%);
        object-fit: cover;
        z-index: 0;
        object-position: center center;
    }

/* Fotos checklist */

.photo {
    background-color: #e5e5e5;
    color: #333;
    padding: 18px;
}

    .photo .photo-item {
        display: inline-block;
        width: 33.33%;
        padding: 8px;
        cursor: hand;
        cursor: pointer;
        position: relative;
    }

        .photo .photo-item:before {
            content: '';
            position: absolute;
            top: 8px;
            bottom: 8px;
            left: 8px;
            right: 8px;
            background-color: rgba(0,0,0,.7);
            opacity: 0;
            transition: opacity .2s;
        }

        .photo .photo-item:after {
            content: '\e015';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            text-align: center;
            font-size: 24px;
            opacity: 0;
            transition: opacity .2s;
        }

        .photo .photo-item:hover:before, .photo .photo-item:hover:after {
            opacity: 1;
        }

        .photo .photo-item span {
            color: #333;
            display: block;
            background: #ccc;
            padding: 8px;
        }

        .photo .photo-item img {
            max-width: 100%;
            cursor: hand;
        }

.checklist-img-backdrop {
    position: fixed;
    visibility: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.9);
    z-index: 9999;
    padding: 30px;
}

    .checklist-img-backdrop.show {
        visibility: visible;
    }

    .checklist-img-backdrop .checklist-img-container {
        position: absolute;
        top: 50%;
        text-align: right;
        left: 50%;
        transform: translate(-50%,-50%);
        opacity: 0;
        transition: opacity .4s;
    }

    .checklist-img-backdrop.show .checklist-img-container {
        opacity: 1;
    }

    .checklist-img-backdrop .checklist-img-container img {
        display: block;
        max-height: calc(100vh - 129px);
    }

    .checklist-img-backdrop .checklist-img-container .glyphicon {
        font-size: 24px;
        cursor: hand;
        cursor: pointer;
    }

/* css utilities */

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right !important;
}

/* new tables */

.table-vectio {
    width: 100%;
    margin-bottom: 20px;
}

    .table-vectio th {
        /*background-color: var(--azul);*/
        background-color: #3780be;
        font-weight: 400;
        padding: 2px 6px;
    }

    .table-vectio tr.header-grupo th {
        /*background-color: var(--azul-oscuro);*/
        background-color: #6e6d6d;
        padding: 4px 5px;
    }

    .table-vectio.last-col-right th:last-child {
        text-align: right;
    }

    .table-vectio.last-col-center th:last-child {
        text-align: center;
    }

    .table-vectio tr:nth-child(even) {
        background-color: var(--grid-even);
    }

    .table-vectio tr:nth-child(odd) {
        background-color: var(--grid-odd);
    }

    .table-vectio tr.vectio-table-title th {
        background-color: var(--azul-oscuro);
        color: #fff;
        font-weight: bold;
        padding: 16px 8px;
    }

    .table-vectio tr.border-top-row {
        border-top: 1px solid rgba(14, 53, 88, 0.55);
    }

    .table-vectio tr.hoverable-row:nth-child(even):hover {
        background-color: var(--grid-even-hover);
    }

    .table-vectio tr.hoverable-row:nth-child(odd):hover {
        background-color: var(--grid-odd-hover);
    }

    .table-vectio tr.plan-group-row {
        background-color: var(--grid-odd-hover);
    }

        .table-vectio tr.plan-group-row th {
            background-color: var(--grid-group-header);
        }

            .table-vectio tr.plan-group-row th:first-child {
                color: var(--azul-oscuro-2);
                font-weight: bold
            }

        .table-vectio tr.plan-group-row button.btn-form {
            margin-top: 12px;
            margin-bottom: 12px;
            margin-right: 12px;
        }

    .table-vectio td {
        color: var(--azul-oscuro-2);
        padding: 4px 5px;
    }

        .table-vectio td label {
            color: var(--azul-oscuro-2);
            user-select: none;
            cursor: hand;
            cursor: pointer;
        }

        .table-vectio td.checkbox-cell {
            padding: 0;
        }

            .table-vectio td.checkbox-cell label.checkbox-label {
                cursor: pointer;
                text-align: center;
                display: block;
                margin: 6px 0;
            }

                .table-vectio td.checkbox-cell label.checkbox-label input[type="checkbox"] {
                    transform: scale(1.5)
                }

    .table-vectio .big-header th {
        /*background-color: var(--azul-oscuro);*/
        background-color: #212121;
        padding-bottom: 20px;
    }

    .table-vectio.last-col-right td:last-child {
        text-align: right;
    }

    .table-vectio.last-col-center td:last-child {
        text-align: center;
    }

    .table-vectio td input[type="text"] {
        display: inline-block;
        min-width: 100px;
        padding: 7px 2px;
    }

    .table-vectio td input[type="checkbox"] {
        cursor: hand;
        cursor: pointer;
    }

    .table-vectio td.no-wrap {
        white-space: nowrap;
    }

    /*.table-vectio td .formCombobox{
    background-color: #fff !important;
    border-left: 1px solid #666 !important;
    border-top: 1px solid #666 !important;
    border-bottom: 1px solid #666 !important;
    color: #333 !important;
}
    
.table-vectio td .formCombobox.error{
    border-color: #b94a48!important;
    color: #ff5454 !important;
}

.table-vectio td .formCombobox + .ui-state-default{
    background-color: #fff;
    border: 1px solid #666 !important;
    height: 32px !important;
    vertical-align: sub;
    margin: 9px 0;
}

.table-vectio td .formCombobox + .ui-state-default .ui-icon-triangle-1-s{
    filter: brightness(0)
}*/

    .table-vectio td input[type="text"].formCombobox {
        vertical-align: sub;
        padding: 8px 0 8px 4px;
        background-color: #fff !important;
        border-left: 1px solid #666 !important;
        border-top: 1px solid #666 !important;
        border-bottom: 1px solid #666 !important;
        color: #333 !important;
        margin: 15px 0 !important;
    }

    .table-vectio td .formCombobox.error {
        border-color: #b94a48 !important;
        color: #ff5454 !important;
    }

    .table-vectio td .formCombobox + .ui-state-default {
        height: 35px !important;
        transform: translateY(9px);
        background-color: #fff;
        border: 1px solid #666 !important;
    }

        .table-vectio td .formCombobox + .ui-state-default:hover {
            background-color: #e6e6e6 !important;
        }

        .table-vectio td .formCombobox + .ui-state-default .ui-icon-triangle-1-s {
            filter: brightness(0)
        }

    .table-vectio td input[type="text"].cajaTexto.hasDatepicker {
        vertical-align: sub;
        padding: 8px 0 8px 4px;
        background-color: #fff !important;
        border-left: 1px solid #666 !important;
        border-top: 1px solid #666 !important;
        border-bottom: 1px solid #666 !important;
        color: #333 !important;
        margin: 15px 0 !important;
        height: auto;
    }

    .table-vectio td .btnCalendario {
        margin-right: 0px !important;
        background-color: #fff;
        border: 1px solid #666;
        padding: 4px;
        vertical-align: sub;
    }

    .table-vectio.table-accordion tr {
        display: none;
    }

        .table-vectio.table-accordion tr.big-header {
            display: table-row;
        }

    .table-vectio.table-accordion.table-show tr {
        display: table-row;
    }

/* Tag y tag containers */

.vectio-tag-container {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    min-width: 300px;
    padding: 10px;
}

    .vectio-tag-container .vectio-tag {
        background: #1B233B;
        border-radius: 2px;
    }

i.semaforo {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    display: inline-block;
}

    i.semaforo.rojo {
        background: var(--rojo);
    }

    i.semaforo.amarillo {
        background: var(--amarillo);
    }

    i.semaforo.verde {
        background: var(--verde);
    }

.table-vectio td label.price-field {
    white-space: nowrap;
    background-color: #767676;
    color: var(--blanco);
    padding-left: 5px;
    border-radius: 2px 0 0 2px;
    margin: 0;
}

    .table-vectio td label.price-field input[type="text"] {
        color: var(--azul-oscuro-2)
    }

span.icon-status {
    white-space: nowrap;
    color: var(--azul-oscuro-2)
}

/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@-webkit-keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

@keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 220px \0;
    /*IE9 and below*/
    vertical-align: middle;
}

    .bootstrap-select > .dropdown-toggle {
        position: relative;
        width: 100%;
        text-align: right;
        white-space: nowrap;
        border-color: rgb(118,118,118);
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .bootstrap-select > .dropdown-toggle:after {
            margin-top: -1px;
        }

        .bootstrap-select > .dropdown-toggle.bs-placeholder,
        .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
        .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
        .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
            color: #999;
        }

            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
            .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
                color: rgba(255, 255, 255, 0.5);
            }

    .bootstrap-select > select {
        position: absolute !important;
        bottom: 0;
        left: 50%;
        display: block !important;
        width: 0.5px !important;
        height: 100% !important;
        padding: 0 !important;
        opacity: 0 !important;
        border: none;
        z-index: 0 !important;
    }

        .bootstrap-select > select.mobile-device {
            top: 0;
            left: 0;
            display: block !important;
            width: 100% !important;
            z-index: 2 !important;
        }

    .has-error .bootstrap-select .dropdown-toggle,
    .error .bootstrap-select .dropdown-toggle,
    .bootstrap-select.is-invalid .dropdown-toggle,
    .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
        border-color: #b94a48;
    }

    .bootstrap-select.is-valid .dropdown-toggle,
    .was-validated .bootstrap-select select:valid + .dropdown-toggle {
        border-color: #28a745;
    }

    .bootstrap-select.fit-width {
        width: auto !important;
    }

    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 220px;
        margin: 5px 0;
    }

    .bootstrap-select.editar-os:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 190px;
    }

    .bootstrap-select.editar-os .dropdown-toggle img, .bootstrap-select.editar-os .dropdown-menu img {
        border-radius: 0px;
        width: 25px;
        height: 24px;
        object-fit: contain;
    }

    .bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
    .bootstrap-select .dropdown-toggle:focus {
        outline: thin dotted #333333 !important;
        outline: 5px auto -webkit-focus-ring-color !important;
        outline-offset: -2px;
    }

    .bootstrap-select.form-control {
        margin-bottom: 0;
        padding: 0;
        border: none;
        height: auto;
    }

:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto;
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
    width: auto;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

    .bootstrap-select.dropdown-menu-right,
    .bootstrap-select[class*="col-"].dropdown-menu-right,
    .row .bootstrap-select[class*="col-"].dropdown-menu-right {
        float: right;
    }

.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0;
}

    .form-group-lg .bootstrap-select.form-control .dropdown-toggle,
    .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
        height: 100%;
        font-size: inherit;
        line-height: inherit;
        border-radius: inherit;
    }

.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: 0.25rem 0.5rem;
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: 0.5rem 1rem;
}

.form-inline .bootstrap-select .form-control {
    width: 100%;
}

.bootstrap-select.disabled,
.bootstrap-select > .disabled {
    cursor: not-allowed;
}

    .bootstrap-select.disabled:focus,
    .bootstrap-select > .disabled:focus {
        outline: none !important;
    }

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important;
}

    .bootstrap-select.bs-container .dropdown-menu {
        z-index: 1060;
    }

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none;
}

    .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
        padding-right: inherit;
    }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    color: #333;
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden;
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
    color: #145188;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit;
}

.bootstrap-select[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bootstrap-select .dropdown-menu > .inner:focus {
        outline: none !important;
    }

    .bootstrap-select .dropdown-menu.inner {
        position: static;
        float: none;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .bootstrap-select .dropdown-menu li {
        position: relative;
    }

        .bootstrap-select .dropdown-menu li.active small {
            color: rgba(255, 255, 255, 0.5) !important;
        }

        .bootstrap-select .dropdown-menu li.disabled a {
            cursor: not-allowed;
        }

        .bootstrap-select .dropdown-menu li a {
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .bootstrap-select .dropdown-menu li a.opt {
                position: relative;
                padding-left: 2.25em;
            }

            .bootstrap-select .dropdown-menu li a span.check-mark {
                display: none;
            }

            .bootstrap-select .dropdown-menu li a span.text {
                display: inline-block;
                color: #333;
            }

        .bootstrap-select .dropdown-menu li.active a {
            background-color: rgba(0,0,0,.1);
        }

        .bootstrap-select .dropdown-menu li small {
            padding-left: 0.5em;
        }

    .bootstrap-select .dropdown-menu .notify {
        position: absolute;
        bottom: 5px;
        width: 96%;
        margin: 0 2%;
        min-height: 26px;
        padding: 3px 5px;
        background: #f5f5f5;
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        pointer-events: none;
        opacity: 0.9;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .bootstrap-select .dropdown-menu .notify.fadeOut {
            -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
            -o-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
            animation: 300ms linear 750ms forwards bs-notify-fadeOut;
        }

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline;
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0';
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: 0.5em;
    height: 1em;
    border-style: solid;
    border-width: 0 0.26em 0.26em 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
    display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bs-actionsbox .btn-group button {
        width: 50%;
    }

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bs-donebutton .btn-group button {
        width: 100%;
    }

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}
/*# sourceMappingURL=bootstrap-select.css.map */

span.subtext {
    color: #666;
    margin-left: 4px;
    font-size: 11px;
}

/* course message */

.course-message {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 25px;
    border-radius: 12px;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.83) 70%, rgba(211,211,211,0.83) 100%);
    width: 260px;
    height: 250px;
    padding: 25px;
    z-index: 10;
    transition: background .4s, opacity .4s;
    opacity: 0;
}

    .course-message.show {
        display: block;
        opacity: 1;
    }

    .course-message.purple {
        background: var(--violeta);
    }

        .course-message.purple h2 span, .course-message.purple p span {
            color: #fff;
        }

    .course-message .close-caret {
        background-color: var(--celeste);
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: absolute;
        top: -10px;
        right: -10px;
        text-decoration: none;
        text-align: center;
    }

        .course-message .close-caret span {
            vertical-align: middle;
        }

    .course-message img.course-image {
        width: 100%;
    }

    .course-message svg {
        margin-bottom: 15px;
    }

    .course-message .close-caret span {
        font-weight: bold;
    }

    .course-message h2 {
        text-align: center;
        margin: 0;
        line-height: 14px;
    }

        .course-message h2 span {
            font-size: 14px;
            font-weight: bold;
            color: var(--indigo);
        }

    .course-message a {
        cursor: hand;
        cursor: pointer;
        user-select: none;
    }

        .course-message a.button {
            font-size: 18px;
            color: var(--indigo);
            background: transparent;
            padding: 7px 14px;
            display: block;
            border-radius: 18px;
            height: auto;
            font-weight: 400;
            text-decoration: none;
            margin-top: 15px;
        }

            .course-message a.button.p50 {
                display: inline-block;
                width: 48%;
            }

            .course-message a.button.primary {
                background-color: var(--celeste);
                color: var(--blanco);
            }

        .course-message a.outlined {
            display: block;
            text-align: center;
            color: #333;
            opacity: .8;
            font-size: 12px;
            padding: 7px 14px;
        }

    .course-message p {
        text-align: center;
    }

    .course-message h2 + p {
        margin-top: 5px;
    }

    .course-message p span {
        color: var(--indigo);
        font-size: 14px;
    }

/* Titillium font */

.titillium-web * {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px
}

.titillium-web .glyphicon {
    font-family: 'Glyphicons Halflings';
    font-size: 14px
}

/* New vectio */

h2.vectio-h2 {
    font-size: 1.8em;
    font-weight: bold;
    margin-top: 1rem;
}

/* font sizes */

.font-12 {
    font-size: 12px;
}

/* paddings */

.p {
    padding: 14px;
}

.px {
    padding-left: 14px;
    padding-right: 14px;
}

.py {
    padding-top: 14px;
    padding-bottom 14px;
}

.pt {
    padding-top: 14px;
}

.pb {
    padding-bottom: 14px;
}

.pl {
    padding-left: 14px;
}

.pr {
    padding-right: 14px;
}

.vectio-input-line {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    outline: none;
}

.vectio-list {
}

.vectio-item {
    padding: 14px;
    background-color: rgba(0,0,0,.4);
    display: block;
    margin: 0;
    position: relative;
}

    .vectio-item .hidden-section {
        max-height: 0px;
        overflow: hidden;
        padding-left: 28px;
        transition: .2s max-height;
        text-align: right;
    }

        .vectio-item .hidden-section input[type="text"] {
            width: 30px;
            text-align: center;
            font-size: 12px;
            color: var(--indigo);
            margin-top: 12px;
        }

        .vectio-item .hidden-section span {
            font-size: 12px;
        }

    .vectio-item input[type="checkbox"]:checked ~ .hidden-section {
        max-height: 40px;
    }

.vectio-close {
    cursor: hand;
    cursor: pointer;
    opacity: .6;
}

    .vectio-close:hover {
        opacity: 1;
    }

label.vectio-item {
    cursor: hand;
    cursor: pointer;
}

.vectio-item:nth-child(odd) {
    background-color: rgba(0,0,0,.3);
}

.vectio-item input[type="checkbox"] {
    left: 14px;
    position: absolute;
    top: 18px;
    width: 15px;
    height: 15px;
    margin: 0px;
}

    .vectio-item input[type="checkbox"] + span {
        padding-left: 28px;
        display: block;
        user-select: none;
    }

.vectio-item p {
    font-size: 12px;
    color: rgba(255,255,255,.6);
    margin: 0;
    user-select: none;
}

.vectio-item input[type="checkbox"] ~ p {
    padding-left: 28px;
}

.vectio-combo-container input[type=text].cajaTexto {
    width: 100% !important;
}

.vectio-combo-container .dpFecha {
    width: 100px !important;
}


.vectio-combo-container .ui-autocomplete-input {
    width: calc(100% - 36px);
}

.vectio-button {
    background-color: var(--celeste);
    color: #fff;
    border: none;
    border-radius: 2px;
    padding: 7px 21px;
    position: relative;
    outline: none;
}

    .vectio-button.small {
        font-size: .8em;
        padding: 4px 14px;
    }

        .vectio-button.small span {
            font-size: .8em;
            margin-right: 4px;
        }

    .vectio-button.green {
        background-color: var(--verde);
    }

    .vectio-button.dark {
        background-color: #666;
    }

    .vectio-button:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 2px;
        background-color: rgba(255,255,255,0);
        transition: background-color .2s;
    }

    .vectio-button:disabled {
        pointer-events: none;
        opacity: .65;
        cursor: not-allowed;
    }

    .vectio-button:hover:after {
        background-color: rgba(255,255,255,.2);
    }

    .vectio-button:active:after {
        background-color: rgba(255,255,255,.4);
    }

.vectio-loader,
.vectio-loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.vectio-loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.vectio-combo-container {
    padding-bottom: 14px;
}

    .vectio-combo-container .combo-tag {
        display: block;
        font-size: 12px;
        padding-bottom: 4px;
    }

    .vectio-combo-container .info-tag {
        display: block;
    }

    .vectio-combo-container .formCombobox, .vectio-combo-container .cajaTexto, .vectio-combo-container .comboTexto, .vectio-combo-container .selDistribuidor, .vectio-combo-container .dpFecha, .vectio-combo-container .ui-widget-content {
        margin: 0 !important;
    }


/* Optimizacion logistica */

.logistics-container {
    display: grid;
    grid-template-columns: 444px 1fr;
    height: calc(100vh - 85px);
    position: fixed;
    left: 0;
    right: 0;
}

    .logistics-container .logistics-panel {
        grid-column: 1 / 2;
        background-color: var(--indigo);
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
        z-index: 2;
        display: grid;
        grid-template-rows: 50px 1fr 65px;
    }

        .logistics-container .logistics-panel .panel-breadcrumb {
            grid-row: 1 / 2;
            font-size: 0px;
            white-space: nowrap;
            overflow: hidden;
        }

            .logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step {
                background-color: rgba(255,255,255,.1);
                position: relative;
                display: inline-block;
                height: 100%;
                padding: 17px 8px 17px 26px;
                font-size: initial;
                vertical-align: top;
                min-width: 60px;
                transition: all .2s;
            }

                /*.logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step:first-child{
    padding-left: 17px;
}*/

                .logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step:after {
                    content: '';
                    background-image: url(../Imagenes/optimizacionLogistica/breadcrumbarrow.svg);
                    position: absolute;
                    width: 11px;
                    right: -10px;
                    top: 0;
                    bottom: 0;
                    z-index: 2;
                }

                .logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step:last-child:after {
                    width: 0;
                }

                .logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step.current {
                    background-color: var(--naranja-vectio);
                    width: calc(100% - 180px);
                    min-width: 260px;
                    transition: all .2s;
                }

                    .logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step.current:after {
                        background-image: url(../Imagenes/optimizacionLogistica/breadcrumbarrow_active.svg);
                    }

                .logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step.passed {
                    background-color: var(--indigo-foco);
                    transition: all .2s;
                }

                    .logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step.passed:after {
                        background-image: url(../Imagenes/optimizacionLogistica/breadcrumbarrow_passed.svg);
                    }

                .logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step > img {
                    display: inline;
                }

                .logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step > span {
                    max-width: 0px;
                    display: inline-block;
                    overflow: hidden;
                    white-space: nowrap;
                    transition: all .2s;
                    font-weight: 700;
                    vertical-align: baseline;
                }

                    .logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step > span:before {
                        content: '\00a0\00a0';
                    }

                .logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step.current > span {
                    max-width: 250px;
                }


                .logistics-container .logistics-panel .panel-breadcrumb .breadcrumb-step > img {
                    vertical-align: initial;
                }

        .logistics-container .logistics-panel .panel-body {
            position: relative;
            padding: 0;
            overflow: hidden;
        }

            .logistics-container .logistics-panel .panel-body .panel-body-state {
                display: none;
                overflow-y: auto;
                overflow-x: hidden;
            }

                .logistics-container .logistics-panel .panel-body .panel-body-state::-webkit-scrollbar {
                    width: 15px;
                    padding-right: 5px;
                }

                .logistics-container .logistics-panel .panel-body .panel-body-state::-webkit-scrollbar-track {
                    border-radius: 10px;
                    margin: 5px;
                    padding: 5px;
                    padding-right: 5px;
                }

                .logistics-container .logistics-panel .panel-body .panel-body-state::-webkit-scrollbar-thumb {
                    background: rgba(255,255,255,.4);
                    border-radius: 10px;
                    border: 5px transparent;
                }

                    .logistics-container .logistics-panel .panel-body .panel-body-state::-webkit-scrollbar-thumb:hover {
                        background: rgba(255,255,255,.8);
                        cursor: pointer;
                        cursor: hand;
                    }


                .logistics-container .logistics-panel .panel-body .panel-body-state.current {
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    transition: transform .2s;
                }

                    .logistics-container .logistics-panel .panel-body .panel-body-state.current.next-state {
                        transform: translateX(100%);
                    }

                    .logistics-container .logistics-panel .panel-body .panel-body-state.current.prev-state {
                        transform: translateX(-100%);
                    }

        .logistics-container .logistics-panel .panel-button-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }

            .logistics-container .logistics-panel .panel-button-container .button-group.right {
                text-align: right;
            }

        .logistics-container .logistics-panel .panel-button-container {
        }

    .logistics-container .logistics-map {
        grid-column: 2 / 3;
        overflow: hidden;
    }

        .logistics-container .logistics-map > div {
            height: 100%;
        }

/* Logistics accordion */

.accordion-tabs {
    /*overflow: hidden;*/
}

.accordion-tab {
    width: 100%;
    color: white;
}

    .accordion-tab:first-child .accordion-tab-label {
        border-top: none
    }

.accordion-tab-label {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    background: var(--indigo-foco);
    font-weight: bold;
    cursor: pointer;
    margin: 0;
    border-top: 1px solid white;
    position: relative;
    /* Icon */
}

.accordion-tab-visibility {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    width: 24px;
    border-radius: 50%;
}

    .accordion-tab-visibility:hover {
        background-color: rgba(255,255,255,.3);
    }

    .accordion-tab-visibility input {
        opacity: 0;
        padding: 0;
        position: absolute;
    }

        .accordion-tab-visibility input:checked + label {
            opacity: 1;
        }

    .accordion-tab-visibility label {
        background-image: url(../Imagenes/optimizacionLogistica/vector-eye.svg);
        width: 16px;
        height: 11px;
        cursor: hand;
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        opacity: .4;
    }

.accordion-title {
    display: inline-block;
    margin-left: 40px;
}

.accordion-tab-label::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.35s;
}

.accordion-tab-content {
    max-height: 0;
    transition: all 0.35s;
    overflow: hidden;
}

.accordion-tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #2c3e50;
    cursor: pointer;
}

    .accordion-tab-close:hover {
        background: #1a252f;
    }

.accordion-tab > input.tab-ctrl {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

    .accordion-tab > input.tab-ctrl:checked + .accordion-tab-label {
        /*background: #1a252f;*/
    }

        .accordion-tab > input.tab-ctrl:checked + .accordion-tab-label::after {
            transform: rotate(90deg);
        }

    .accordion-tab > input.tab-ctrl:checked ~ .accordion-tab-content {
        max-height: 9999px;
    }

.vehicle-milestones {
    position: absolute;
    left: 55%;
    top: 3px;
}

    .vehicle-milestones span {
        font-size: 12px;
        font-weight: 400
    }

        .vehicle-milestones span.data-icon:before {
            content: '';
            display: inline-block;
            width: 9px;
            height: 9px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            margin-left: 8px;
            margin-right: 4px;
        }

        .vehicle-milestones span.data-icon.distance:before {
            background-image: url(../Imagenes/optimizacionLogistica/distance.svg)
        }

        .vehicle-milestones span.data-icon.clients:before {
            background-image: url(../Imagenes/optimizacionLogistica/nclients.svg)
        }

        .vehicle-milestones span.data-icon.time:before {
            background-image: url(../Imagenes/optimizacionLogistica/time.svg)
        }

.accordion-tab-content .vectio-item.trip-stop {
    padding: 7px 80px 7px 90px;
    position: relative;
    min-height: 68px;
}

    .accordion-tab-content .vectio-item.trip-stop .start-container {
        position: absolute;
        left: 14px;
        width: 32px;
        text-align: center
    }

        .accordion-tab-content .vectio-item.trip-stop .start-container .start-time {
            font-size: 12px;
        }

        .accordion-tab-content .vectio-item.trip-stop .start-container .move-button {
            background-color: transparent;
            width: 0;
            height: 0;
            border-style: solid;
            padding: 0;
            display: block;
            margin: 6px auto;
        }

            .accordion-tab-content .vectio-item.trip-stop .start-container .move-button.move-button-up {
                border-width: 0 5px 8px 5px;
                border-color: transparent transparent #ffffff transparent;
            }

                .accordion-tab-content .vectio-item.trip-stop .start-container .move-button.move-button-up:hover {
                    border-bottom-color: var(--celeste);
                }

            .accordion-tab-content .vectio-item.trip-stop .start-container .move-button.move-button-down {
                border-width: 8px 5px 0 5px;
                border-color: #ffffff transparent transparent transparent;
            }

                .accordion-tab-content .vectio-item.trip-stop .start-container .move-button.move-button-down:hover {
                    border-top-color: var(--celeste);
                }

    .accordion-tab-content .vectio-item.trip-stop .guide {
        position: absolute;
        left: 64px;
        background-color: red;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        width: 4px;
        top: 0;
        bottom: 0;
    }

        .accordion-tab-content .vectio-item.trip-stop .guide span {
            position: absolute;
            background-color: red;
            border: 1px solid #fff;
            border-radius: 50%;
            width: 18px;
            height: 18px;
            text-align: center;
            transform: translateX(-50%);
            left: 1px;
            top: 8px;
            line-height: 16px;
        }

            .accordion-tab-content .vectio-item.trip-stop .guide span.base {
                background-color: #fff !important;
                background-image: url('../Imagenes/optimizacionLogistica/base.svg');
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 8px
            }

    .accordion-tab-content .vectio-item.trip-stop .end-container {
        position: absolute;
        right: 14px;
        top: 7px;
        text-align: right;
    }

        .accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container {
            position: relative;
        }

            .accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .more-options {
                background: transparent;
                border: none;
                font-weight: bold;
                font-size: 4px;
                letter-spacing: .75px;
                padding: 0;
                line-height: 4px;
                vertical-align: top;
            }

                .accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .more-options:after {
                    content: '⬤ ⬤ ⬤';
                }

            .accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .dropdown-menu {
                background-color: var(--indigo);
                color: #fff;
            }

                .accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .dropdown-menu li {
                    color: #fff;
                }

                    .accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .dropdown-menu li input {
                        width: 40px;
                        background-color: rgba(0,0,0,.3);
                        border: none;
                        text-align: center;
                        margin-right: 12px;
                    }

                .accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .dropdown-menu a {
                    color: #fff;
                }

                    .accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .dropdown-menu a:hover {
                        background-color: var(--celeste);
                    }

/*.accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .more-options-dropdown{
    display: none;
    background-color: var(--indigo);
    padding: 4px 0px;
    position: absolute;
    bottom: 20px;
    right: 0px;
    width: 200px;
    box-shadow: 0px 4px 4px rgba(0,0,0,.25);
}

.accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .more-options-dropdown > div{
    padding: 6px 10px;
}

.accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .more-options-dropdown > div.dropdown-option{
    
    cursor: hand;
    cursor: pointer;
}

.accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .more-options-dropdown > div.dropdown-option:hover{
    background-color: var(--indigo-foco);
}

.accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .more-options-dropdown > div.dropdown-option.blue:hover{
    background-color: var(--azul);
}

.accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .more-options-dropdown > div.dropdown-option.red:hover{
    background-color: var(--rojo);
}

.accordion-tab-content .vectio-item.trip-stop .end-container .more-options-container .more-options:focus + .more-options-dropdown{
    display: block;
}*/

.accordion-tab-label .more-options-container {
    position: absolute;
    right: 46px;
    top: 16px;
}

    .accordion-tab-label .more-options-container .more-options {
        background: transparent;
        border: none;
        font-weight: bold;
        font-size: 4px;
        letter-spacing: .75px;
        padding: 0;
        line-height: 4px;
        vertical-align: top;
    }

        .accordion-tab-label .more-options-container .more-options:after {
            content: '⬤ ⬤ ⬤';
        }

    .accordion-tab-label .more-options-container .dropdown-menu {
        background-color: var(--indigo);
        color: #fff;
    }

        .accordion-tab-label .more-options-container .dropdown-menu li {
            color: #fff;
        }

            .accordion-tab-label .more-options-container .dropdown-menu li input {
                width: 40px;
                background-color: rgba(0,0,0,.3);
                border: none;
                text-align: center;
                margin-right: 12px;
            }

        .accordion-tab-label .more-options-container .dropdown-menu a {
            color: #fff;
        }

            .accordion-tab-label .more-options-container .dropdown-menu a:hover {
                background-color: var(--celeste);
            }

/* mantenimiento */

a.link {
    display: inline-block;
    background-image: url(../Imagenes/mant/link.svg);
    width: 13px;
    height: 13px;
    vertical-align: baseline;
}

    a.link.link-edit {
        background-image: url(../Images/grid/edit.png);
    }

.red-bg {
    background-color: #FF0039;
    padding: 2px 6px;
}

.green-bg {
    background-color: #13A05F;
    padding: 2px 6px;
}

.yellow-bg {
    background-color: #FFB206;
    padding: 2px 6px;
    color: #000;
}

.chip-container {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    padding: 6px;
    margin: 12px 0 24px 0;
}

.chip {
    background: #1B233B;
    border-radius: 2px;
    display: inline-block;
    padding: 6px;
}

.table-title {
    background-color: #0E3558;
    font-weight: 700;
    padding: 12px;
}

.table-mantenimiento {
    width: 100%;
}

    .table-mantenimiento td, .table-mantenimiento th {
        padding-left: 12px;
        padding-right: 12px;
    }

    .table-mantenimiento tr.header th {
        background-color: #145188;
        font-weight: 400;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .table-mantenimiento tr.section th {
        background-color: #BBBBBB;
        color: #145188;
    }

        .table-mantenimiento tr.section th .btn-form {
            margin: 10px 0;
        }

    .table-mantenimiento tr td {
        padding-top: 6px;
        padding-bottom: 6px;
        color: #145188;
    }

    .table-mantenimiento tr:nth-child(odd) {
        background-color: #E5E5E5;
    }

    .table-mantenimiento tr:nth-child(even) {
        background-color: #D9D9D9;
    }

.no-whitespace {
    white-space: nowrap;
}

/* scoring corporativo */


/* .scoring-corporativo {
    width: 0px;
    height: 0px;
    padding: 6px 20px;
    float: right;
    margin: 8px;
    opacity: 0;
    transition: .4s opacity, background-color;
    user-select: none;
}

.scoring-corporativo + .nav.nav-tabs{
    margin-top: 39px;
}

.scoring-corporativo span{
    color: inherit;
}

.scoring-corporativo .sc-title{
    font-weight: bold;
    font-size: 14px;
}

.scoring-corporativo .sc-puntaje{
    border-radius: 50%;
    border: 4px solid;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 50px;
    width: 50px;
    line-height: 42px;
    text-align: center;
    margin: 0 15px;
    transition: .4s background-color, border-color;
}

.scoring-corporativo.verde{
    background-color: rgba(19, 160, 95, 0.5);
    color: #fff;
    opacity: 1;
    width: auto;
    height: auto;
}

.scoring-corporativo.verde .sc-puntaje{
    background-color: #13A05F;
    border-color: #128B53;
}

.scoring-corporativo.amarillo{
    background-color: rgba(242, 201, 76, 0.5);
    color: #fff;
    opacity: 1;
    width: auto;
    height: auto;
}

.scoring-corporativo.amarillo .sc-puntaje{
    background-color: #F2C94C;
    border-color: #DAB544;
    color: #333;
}

.scoring-corporativo.rojo{
    background-color: rgba(206, 0, 46, 0.5);
    color: #fff;
    opacity: 1;
    width: auto;
    height: auto;
}

.scoring-corporativo.rojo .sc-puntaje{
    background-color: #FF0039;
    border-color: #CE002E; 
} */

.scoring-corporativo {
    width: 0px;
    height: 0px;
    padding: 6px 2px;
    float: right;
    display: flex;
    align-items: stretch;
    margin: 8px;
    opacity: 0;
    transition: .4s opacity, background-color;
    user-select: none;
    font-family: 0px;
    border-radius: 8px;
}

    .scoring-corporativo .sc-divider {
        padding: 0 12px;
        border-right: 1px solid rgba(255,255,255,.5);
        text-align: center;
    }

        .scoring-corporativo .sc-divider:last-child {
            border-right: none;
        }

    .scoring-corporativo + .nav.nav-tabs {
        margin-top: 42px;
        display: inline-block;
        transform: translateY(4px);
    }

    .scoring-corporativo span {
        color: inherit;
    }

    .scoring-corporativo .sc-title {
        font-weight: bold;
        font-size: 16px;
        display: inline-block;
        text-align: left;
        max-width: 110px;
        margin-top: 6px;
    }

    .scoring-corporativo .sc-tooltip-hover {
        background-color: rgba(255,255,255,.1);
        background-image: url(../Imagenes/sc-label-tooltip.svg);
        background-position: center center;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: relative;
        display: inline-block;
        vertical-align: super;
    }

        .scoring-corporativo .sc-tooltip-hover .sc-tooltip {
            display: none;
            position: absolute;
            top: 32px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #fff;
            color: #333;
            padding: 8px 7px;
            z-index: 200;
            min-width: 240px;
            border-radius: 4px;
        }

            .scoring-corporativo .sc-tooltip-hover .sc-tooltip:after {
                content: '';
                position: absolute;
                top: -10px;
                left: 50%;
                transform: translateX(-50%);
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 5px 10px 5px;
                border-color: transparent transparent #ffffff transparent;
            }

            .scoring-corporativo .sc-tooltip-hover .sc-tooltip * {
                color: inherit;
            }

            .scoring-corporativo .sc-tooltip-hover .sc-tooltip h3 {
                font-size: 12px;
                font-weight: bold;
                margin: 0 0 12px 0;
                text-align: left;
            }

            .scoring-corporativo .sc-tooltip-hover .sc-tooltip > div {
                font-size: 0px;
                padding: 0;
                margin-top: 6px;
            }

                .scoring-corporativo .sc-tooltip-hover .sc-tooltip > div .sc-tooltip-left {
                    width: 50%;
                    display: inline-block;
                    font-size: 12px;
                    text-align: left;
                }

                    .scoring-corporativo .sc-tooltip-hover .sc-tooltip > div .sc-tooltip-left:before {
                        content: '';
                        display: inline-block;
                        width: 3px;
                        height: 10px;
                        margin-right: 4px;
                    }

                    .scoring-corporativo .sc-tooltip-hover .sc-tooltip > div .sc-tooltip-left.sc-tooltip-verde:before {
                        background-color: rgb(45, 140, 75);
                    }

                    .scoring-corporativo .sc-tooltip-hover .sc-tooltip > div .sc-tooltip-left.sc-tooltip-amarillo:before {
                        background-color: rgba(224,176,0,1);
                    }

                    .scoring-corporativo .sc-tooltip-hover .sc-tooltip > div .sc-tooltip-left.sc-tooltip-rojo:before {
                        background-color: rgba(255,0,57,1);
                    }

                .scoring-corporativo .sc-tooltip-hover .sc-tooltip > div .sc-tooltip-right {
                    width: 50%;
                    display: inline-block;
                    text-align: right;
                    font-style: italic;
                    font-size: 12px;
                }

        .scoring-corporativo .sc-tooltip-hover:hover .sc-tooltip {
            display: block;
        }



    .scoring-corporativo .sc-puntaje {
        border-radius: 8px;
        border: 4px solid;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        margin: 0 0 8px 0;
        transition: .4s background-color, border-color;
        padding: 2px 6px;
    }

        .scoring-corporativo .sc-puntaje + span {
            display: block;
        }

    .scoring-corporativo .sc-puntaje-km {
        border-radius: 8px;
        background-color: #fff;
        border: 4px solid #fff;
        color: #333;
        display: block;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        margin: 2px 0 8px 0;
        transition: .4s background-color, border-color;
        padding: 2px 6px;
    }

    .scoring-corporativo.verde {
        background-color: rgba(19, 160, 95, 0.5);
        color: #fff;
        opacity: 1;
        width: auto;
        height: auto;
    }

        .scoring-corporativo.verde .sc-puntaje {
            background-color: #13A05F;
            border-color: #128B53;
        }


    .scoring-corporativo.amarillo {
        background-color: rgba(242, 201, 76, 0.5);
        color: #fff;
        opacity: 1;
        width: auto;
        height: auto;
    }

        .scoring-corporativo.amarillo .sc-puntaje {
            background-color: #F2C94C;
            border-color: #DAB544;
            color: #333;
        }

    .scoring-corporativo.rojo {
        background-color: rgba(206, 0, 46, 0.5);
        color: #fff;
        opacity: 1;
        width: auto;
        height: auto;
    }

        .scoring-corporativo.rojo .sc-puntaje {
            background-color: #FF0039;
            border-color: #CE002E;
        }

.passChangeVal1 {
    white-space: pre-line;
    /*text-align: left;*/
    /*margin-left: 410px;*/
}

.passChangeVal1 {
    font-family: "Verdana", sans-serif;
    font-size: 10px;
    text-align: left;
    display: inline-table;
    /*width: 405px;*/
    margin-left: 471px;
}

.passChangeVal2 {
    white-space: pre-line;
    /*text-align: left;*/
    margin-left: 124px;
}

.passChangeVal2 {
    font-family: "Verdana", sans-serif;
    font-size: 10px;
    text-align: left;
    display: inline-table;
    /*width: 417px;*/
    /*margin-left: 243px;*/
    margin-right: -210px;
}

/*Login*/

.pruebaClase {
    display: none;
}

/*Mapa2.aspx*/

#grillaEspa th {
    background-color: #145188;
    font-weight: 500;
    text-align: center;
    margin: 20px 0;
    height: 29px;
}

#grillaEspa tr {
    background-color: #e5e5e5 !important;
}

#grillaEspa td, #grillaEspa div {
    color: #095C7C;
    text-align: center;
}


/*Portu*/

#grillaPortu th {
    background-color: #145188;
    font-weight: 500;
    text-align: center;
    margin: 20px 0;
    height: 29px;
}

#grillaPortu tr {
    background-color: #e5e5e5 !important;
}

#grillaPortu td, #grillaPortu div {
    color: #095C7C;
    text-align: center;
}

/*Ingles*/

#grillaIng th {
    background-color: #145188;
    font-weight: 500;
    text-align: center;
    margin: 20px 0;
    height: 29px;
}

#grillaIng tr {
    background-color: #e5e5e5 !important;
}

#grillaIng td, #grillaIng div {
    color: #095C7C;
    text-align: center;
}

/*MÓDULO CONDUCCIÓN*/
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
    background-color: #7b7b7b;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #2d2d2d !important;
    margin-left: 109px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
    background-color: #2d2d2d !important;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #2d2d2d !important;
}


.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #7b7b7b;
}

#lbSPerso {
    font-family: "Verdana", sans-serif;
    font-size: 12px;
    color: #fff;
}

}

.clas-anterior .clas {
    width: 20px;
    height: 20px;
}

.clas-anterior .clas-comp {
    width: 20px;
    height: 20px;
}

.clas, .clas-comp {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

    .clas.a {
        background-image: url(../Imagenes/Iveco/score/score_a.svg);
    }

    .clas.b {
        background-image: url(../Imagenes/Iveco/score/score_b.svg);
    }

    .clas.c {
        background-image: url(../Imagenes/Iveco/score/score_c.svg);
    }

    .clas.d {
        background-image: url(../Imagenes/Iveco/score/score_d.svg);
    }

    .clas.e {
        background-image: url(../Imagenes/Iveco/score/score_e.svg);
    }

    .clas-comp.up {
        background-image: url(../Imagenes/Iveco/comparison/comparison_up.svg);
    }

    .clas-comp.down {
        background-image: url(../Imagenes/Iveco/comparison/comparison_down.svg);
    }

    .clas-comp.inverso.up {
        background-image: url(../Imagenes/Iveco/comparison/comparison_upred.svg);
    }

    .clas-comp.inverso.down {
        background-image: url(../Imagenes/Iveco/comparison/comparison_downgreen.svg);
    }

    .clas-comp.same {
        background-image: url(../Imagenes/Iveco/comparison/comparison_same.svg);
    }

.detalle .clas-label {
    vertical-align: super;
}

.clas-anterior {
    display: inline-block;
}

.clas-bignum {
    display: block;
    font-size: 27px;
    font-weight: bold;
    line-height: 19px;
    color: #ff8115;
    padding-bottom: 14px;
}

.clas-mednum {
    /*margin-top: 0px;
    font-size: 16px;
    color: #220756;*/
    display: block;
    font-size: 27px;
    font-weight: bold;
    line-height: 19px;
    color: #ff8115;
    padding-bottom: 14px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: darkslateblue;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: darkslateblue;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #ebeaef;
    /*margin-left: 544px;*/
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #ebeaef;
}

aside.mapa .dash-item.home-map > #map {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 32px;
    cursor: pointer;
}

@media (max-width: 768px) {
    aside.mapa .dash-item.home-map > #map {
        top: 0;
        bottom: 0;
        height: 100%;
    }
}

aside.mapa .dash-item.home-map > #map:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 2;
    background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.dashboard-arq.home {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    margin-right: -5px;
}

    .dashboard-arq.home .dash-item h4, aside.mapa .dash-item h4 {
        font-family: 'Segoe Condensed', 'Segoe UI', sans-serif;
        font-weight: bold;
        /*font-size: 18px;*/
        font-size: 2.5vh;
        margin-bottom: 0;
    }

    .dashboard-arq.home .dash-item h6 {
        /*font-size: 14px;*/
        font-size: 2vh;
    }

    .dashboard-arq.home .dash-section.valores .dash-item {
        /*padding-left: 53px;*/
        padding-left: 8vh;
        position: relative;
        opacity: 0;
        transition: opacity .5s;
    }

        .dashboard-arq.home .dash-section.valores .dash-item:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            /*left: 6px;*/
            left: .9vh;
            /*width: 43px;*/
            width: 6vh;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url(../Imagenes/Iveco/dashboard/icon_consumo.svg);
        }

        .dashboard-arq.home .dash-section.valores .dash-item:nth-child(2):before {
            background-image: url(../Imagenes/Iveco/dashboard/icon_distancia.svg);
        }

        .dashboard-arq.home .dash-section.valores .dash-item:nth-child(3):before {
            background-image: url(../Imagenes/Iveco/dashboard/icon_hmotor.svg);
        }

        .dashboard-arq.home .dash-section.valores .dash-item:last-child:before {
            background-image: url(../Imagenes/Iveco/dashboard/icon_hralenti.svg);
        }

    .dashboard-arq.home .dash-section.promedios .dash-item {
        opacity: 0;
        transition: opacity .5s;
        transition-delay: .5s;
    }

        .dashboard-arq.home .dash-section.promedios .dash-item .cifra .unidad {
            /*font-size: 18px;*/
            font-size: 1.4vw;
        }

    .dashboard-arq.home .dash-section.graficos .dash-item {
        opacity: 0;
        transition: opacity .5s;
        transition-delay: 1s;
    }

    .dashboard-arq.home .dash-item #grafico-general #grafico-general2 {
        width: 100%;
        height: 15vw;
        margin-top: 16px;
    }

    .dashboard-arq.home .dash-item .chartArea {
        /*height: 210px;*/
        height: 32vh;
        position: relative;
    }

    .dashboard-arq.home .dash-item .floating-btn-group {
        position: absolute;
        top: 11px;
        right: 10px;
        z-index: 2;
    }
/* animaciones del home */
body.loaded aside.mapa .dash-item {
    opacity: 1;
}

body.loaded .dashboard-arq.home .dash-section.valores .dash-item {
    opacity: 1;
}

body.loaded .dashboard-arq.home .dash-section.promedios .dash-item {
    opacity: 1;
}

body.loaded .dashboard-arq.home .dash-section.graficos .dash-item {
    opacity: 1;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/* home */
/*
.dash-section {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}*/
.dash-section {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

@media (max-width: 768px) {
    .dash-section {
        margin: 0;
    }
}

@media (max-width: 480px) {
    .dash-section {
        flex-direction: column;
    }
}

/* conduccion */
span.score-grilla {
    font-size: 16px;
    font-weight: 500;
    color: #f87f55;
    border: 1px solid #f87f55;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    line-height: 17px
}

    span.score-grilla.a {
        color: #5cb85c;
        border-color: #5cb85c;
    }

    span.score-grilla.b {
        color: #92b290;
        border-color: #92b290;
    }

    span.score-grilla.c {
        color: #f79f55;
        border-color: #f79f55;
    }

    span.score-grilla.d {
        color: #f87f55;
        border-color: #f87f55;
    }

    span.score-grilla.e {
        color: #f85e54;
        border-color: #f85e54;
    }

    span.score-grilla.prom {
        color: #fff !important;
        font-weight: 700;
    }

        span.score-grilla.prom.a {
            background-color: #5cb85c;
        }

        span.score-grilla.prom.b {
            background-color: #92b290;
        }

        span.score-grilla.prom.c {
            background-color: #f79f55;
        }

        span.score-grilla.prom.d {
            background-color: #f87f55;
        }

        span.score-grilla.prom.e {
            background-color: #f85e54;
        }

tr.odd td.score-grilla, tr.even td.score-grilla {
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    width: 165px;
}

td.score-grilla.a {
    background-color: #5cb85c;
}

td.score-grilla.b {
    background-color: #92b290;
}

td.score-grilla.c {
    background-color: #f79f55;
}

td.score-grilla.d {
    background-color: #f87f55;
}

td.score-grilla.e {
    background-color: #f85e54;
}


table#tablita td:first-child {
    text-align: left
}

table#tablita tr {
    border-top: 1px solid hsla(0, 0%, 80%, 1);
}

table#tablita td {
    text-align: center;
    padding: 5px 0;
}

table tr td .desplegable {
    height: 0;
    overflow: hidden;
    transition: all .4s;
}

table tr.desplegado td .desplegable {
    height: auto;
    padding-top: 15px;
}

.arrow-image {
    display: inline-block;
    background-image: url(../Imagenes/Iveco/improvement-icon.svg);
    margin: 0 4px;
    width: 17px;
    height: 17px;
    background-size: cover;
    vertical-align: text-top;
}

.dash-item tr td:first-child, .dash-item tr th:first-child {
    padding-left: 12px;
    margin-left: 0px;
}

.dash-item tr td:last-child, .dash-item tr th:last-child {
    padding-right: 12px !important;
}

tr.odd td, tr.even td {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-color: #ccc !important;
    padding: 10px 7px !important;
    color: #333 !important;
}

.control-derecha {
    position: relative;
}

/* Estilos para el contenedor principal */
/*.control-derecha {
    display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}*/

.scrolltop {
    position: fixed;
    bottom: 117px;
    right: 38px;
    z-index: 2;
    background-color: #0b0b0b;
    width: 40px;
    height: 40px;
    color: #223d7d;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 50%;
    transition: .2s transform;
    padding: 9px;
    transform: scale(0);
    cursor: hand;
    cursor: pointer;
}

    .scrolltop.show {
        transform: scale(1);
    }

/*#tResumen {
    left: 74px;
    position: fixed;
    width: calc(98% - 123px);
    bottom: 0px;
    table-layout: fixed;
}
*/

/*-------------------------------------------------------------------------------------------------------------*/

/* Estilos base para la imagen */

.responsive-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 15px auto;
}

.responsive-img {
    height: auto;
    display: block;
    margin: -6px auto;
}

.input-container {
    position: relative;
    /*width: fit-content;*/
    margin: 0 auto;
}

/*ESTILOS CONDUCCION*/

.dash-item {
    background: #2d2d2d;
    flex-grow: 1;
    flex-basis: 0px;
    padding: 12px;
    padding: 2vh;
    margin: 5px;
    border-radius: 4px;
    border: 1px solid #413f7200;
    position: relative;
}

@media (max-width: 768px) {
    .dash-item {
        /* Ajustar los estilos para pantallas más pequeñas */
        padding: 10px; /* Cambiar el relleno horizontal y vertical */
        margin: 3px;
        width: 100%; /* Cambiar el margen */
    }
}


@media (max-width: 768px) {
    .dash-item {
        flex-basis: calc(50% - 10px);
    }
}

@media (max-width: 480px) {
    .dash-item {
        flex-basis: 100%;
        margin: 5px 0;
    }
}

.dash-item.loading:after {
    content: '';
    position: absolute;
    background: white;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../Imagenes/preloader.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.dash-item .cifra {
    /*font-size: 24px;*/
    font-size: 3vh;
    font-weight: 100;
    color: #223d7d;
}

.dash-item h4 {
    margin: 0;
    margin-bottom: 5px;
}

.dash-item h6 {
    margin-top: 5px;
}

.dash-item .chartArea {
    height: 200px;
    position: relative;
}

    .dash-item .chartArea .loader {
        position: absolute;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
    }

.dash-item .dash-division {
    display: inline-block;
}

.clas-actual .clas {
    width: 100px;
    height: 100px;
}

.clas-anterior .clas {
    width: 20px;
    height: 20px;
}

.clas-anterior .clas-comp {
    width: 20px;
    height: 20px;
}

.clas, .clas-comp {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

    .clas.a {
        background-image: url(../Imagenes/Iveco/score/score_a.svg);
    }

    .clas.b {
        background-image: url(../Imagenes/Iveco/score/score_b.svg);
    }

    .clas.c {
        background-image: url(../Imagenes/Iveco/score/score_c.svg);
    }

    .clas.d {
        background-image: url(../Imagenes/Iveco/score/score_d.svg);
    }

    .clas.e {
        background-image: url(../Imagenes/Iveco/score/score_e.svg);
    }

    .clas-comp.up {
        background-image: url(../Imagenes/Iveco/comparison/comparison_up.svg);
    }

    .clas-comp.down {
        background-image: url(../Imagenes/Iveco/comparison/comparison_down.svg);
    }

    .clas-comp.inverso.up {
        background-image: url(../Imagenes/Iveco/comparison/comparison_upred.svg);
    }

    .clas-comp.inverso.down {
        background-image: url(../Imagenes/Iveco/comparison/comparison_downgreen.svg);
    }


    .clas-comp.same {
        background-image: url(../Imagenes/Iveco/comparison/comparison_same.svg);
    }

.detalle .clas-label {
    vertical-align: super;
}

.clas-anterior {
    display: inline-block;
}

.clas-bignum {
    display: block;
    font-size: 27px;
    font-weight: bold;
    line-height: 19px;
    color: #ff8115;
    padding-bottom: 14px;
}

.clas-mednum {
    /*margin-top: 0px;
    font-size: 16px;
    color: #220756;*/
    display: block;
    font-size: 27px;
    font-weight: bold;
    line-height: 19px;
    color: #ff8115;
    padding-bottom: 14px;
}

.scrolltop {
    position: fixed;
    bottom: 117px;
    right: 38px;
    z-index: 2;
    background-color: #fff;
    width: 40px;
    height: 40px;
    color: #223d7d;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 50%;
    transition: .2s transform;
    padding: 9px;
    transform: scale(0);
    cursor: hand;
    cursor: pointer;
}

    .scrolltop.show {
        transform: scale(1);
    }

/* grillas */

.ui-widget-header {
    /*background-color: transparent !important;*/
    background-color: transparent;
    color: #000 !important;
    border: none !important;
}

    .ui-widget-header label {
        font-weight: 400;
    }

/*table .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{

    background-color: #ddd !important;
    color: #000 !important;
}*/

.ui-state-default.botonDropDown {
    border: 4px solid #3685cb;
    background-color: #3685cb;
    height: 24px;
    vertical-align: super;
    transform: translateY(1px);
}

tr.odd, tr.even {
    /*background-color: transparent !important;*/
    background-color: transparent;
}

    tr.odd td, tr.even td {
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
        border-color: #ccc !important;
        padding: 10px 7px !important;
        color: #333 !important;
    }

.dataTable tr th {
    cursor: hand;
    cursor: pointer;
    background-color: #3685cb;
    font-weight: 600;
}

table.fijado {
    background-color: #ddd !important;
}

    table.fijado th {
        font-weight: 600;
    }

.dataTable tr th .DataTables_sort_icon {
    transition: filter .4s;
    display: inline-block;
    transform: translateY(3px);
}

.dataTable tr th:hover .DataTables_sort_icon {
    filter: brightness(0);
}

.dash-item tr td:first-child, .dash-item tr th:first-child {
    padding-left: 12px !important;
}

.dash-item tr td:last-child, .dash-item tr th:last-child {
    padding-right: 12px !important;
}


.dash-item .JsonGrid {
    margin: 0 -12px 0 -12px;
    width: calc(100% + 24px) !important;
}

.grillaConductores {
    table-layout: fixed;
}

    .grillaConductores th:first-child {
        width: 150px;
    }

    .grillaConductores th:first-child, .grillaConductores td:first-child {
        text-align: left;
    }

    .grillaConductores th:last-child span.score-grilla, .grillaConductores td:last-child span.score-grilla {
        font-weight: 700
    }

    .grillaConductores th, .grillaConductores td {
        text-align: center;
    }

        .grillaConductores td:first-child {
            font-size: 18px;
            border-right: 1px solid #ccc !important;
        }

    .grillaConductores + .fg-toolbar {
        display: none;
    }

    .grillaConductores tr.desplegado td:first-child .glyphicon.glyphicon-chevron-down {
        transform: rotate(180deg);
    }

    .grillaConductores .cifra-puntaje {
        display: block;
        font-size: 18px;
        font-weight: 600;
        font-family: 'Segoe Condensed';
        margin: 0 18px;
        border-radius: 5px 5px 0 0;
        color: #fff;
    }

    .grillaConductores .prom + .desplegable .cifra-puntaje {
        background-color: transparent !important;
        font-size: 2em
    }

.score-grilla.a + .desplegable .cifra-puntaje {
    background-color: #5cb85c;
}

.score-grilla.b + .desplegable .cifra-puntaje {
    background-color: #92b290;
}

.score-grilla.c + .desplegable .cifra-puntaje {
    background-color: #f79f55;
}

.score-grilla.d + .desplegable .cifra-puntaje {
    background-color: #f87f55;
}

.score-grilla.e + .desplegable .cifra-puntaje {
    background-color: #f85e54;
}

.score-grilla.a.prom + .desplegable .cifra-puntaje {
    color: #5cb85c;
}

.score-grilla.b.prom + .desplegable .cifra-puntaje {
    color: #92b290;
}

.score-grilla.c.prom + .desplegable .cifra-puntaje {
    color: #f79f55;
}

.score-grilla.d.prom + .desplegable .cifra-puntaje {
    color: #f87f55;
}

.score-grilla.e.prom + .desplegable .cifra-puntaje {
    color: #f85e54;
}



/*.grillaConductores .mejora {
    background-color: rgba(0, 0, 0, 0.09);
    padding: 5px 40px;
    color: #333;
    margin: 0 18px;
    border-radius: 0 0 5px 5px;
    display: block;
    font-size: 12px;
    position: relative;
}
*/
/*
    .grillaConductores .mejora.ideal {
        background: rgba(0, 255,0,.2);
        color: #386f38;
    }

    .grillaConductores .mejora > .glyphicon {
        display: block;
        margin-bottom: 5px;
        color: #386f38;
    }

    .grillaConductores .mejora span.iconos-mejora {
        display: block;
        margin-bottom: 8px;
    }

        .grillaConductores .mejora span.iconos-mejora .score-grilla {
            font-size: 12px;
            line-height: 14px;
            height: 17px
        }

            .grillaConductores .mejora span.iconos-mejora .score-grilla.prom {
                opacity: .6;
            }

        .grillaConductores .mejora span.iconos-mejora .glyphicon {
            font-size: .8em;
            margin: 0 5px;
            color: #999;
        }*/

/* Estilos para el contenedor principal */
.control-derecha {
    display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.glyphicon-menu-up:before {
    content: "\e260";
    color: #000000;
}

/*#tResumen {
    left: 16px;
    right: 16px;
    position: fixed;
    width: calc(100% - 32px);
    bottom: 56px;
    table-layout: fixed;
}*/

.input-container {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

.cajaTexto {
    width: calc(100% - 30px); /* Ajusta según sea necesario */
}


/*.verPass {
    position: absolute;
    top: 50%;
    right: 43px;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    transition: opacity .2s;
}*/

/*
		.input-container {
			position: relative;
		}

		.verPass {
			display: inline-block;
			position: absolute;
			top: 50%;
			right: 43px;
            transform: translateY(-50%);
			cursor: pointer;
			opacity: 0;
			transition: opacity .2s;
		}
*/

.verPass {
    position: absolute;
    top: 53%;
    right: 59px; /* Ajusta según sea necesario */
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    transition: opacity .2s;
}

@media (max-width: 600px) {
    input[type="text"] {
        width: 50%; /* Hace que el ancho sea del 100% del contenedor en dispositivos móviles */
    }
}
/*table {
    font-family: Calibri, Gill Sans MT, Helvetica, Verdana, Arial, Sans-Serif;
    font-size: 12px;*/
/* text-align: left; */
/*color: #000000;
    margin-left: 158px;
}*/

#pepe2 {
    width: 138px;
    text-align: left;
    background-color: #666;
    color: #fff !important;
}




/*NUEVO*/

/* ====== Paleta pastel coherente con la página ====== */
:root {
    --bg-page: #e7dcff1a; /* leve overlay para cohesión */
    --card-bg: #ffffff; /* tarjeta clara */
    --card-border: #dfe7ff; /* azul muy claro */
    --card-shadow: 0 6px 18px rgba(32, 56, 117, .08);
    --brand-azul: #2b8ee4; /* azul de tu UI */
    --brand-azul-50: #7fb6f1; /* más claro para bordes */
    --brand-azul-15: rgba(43,142,228,.15);
    --text-strong: #1e2433;
    --text-soft: #5c6b82;
}

/* ====== Tarjeta del encabezado ====== */
.sc-card {
    margin: 18px 0 12px; /* se despega del borde superior */
    padding: 14px 18px;
    background: #6e6d6d;
    border: 1px solid #6e6d6d;
  /*  border-radius: 12px;*/
    box-shadow: var(--card-shadow);
}

.sc-card__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

/* título sin “saltos”, tipografía clara y sin gran margen */
.sc-card__title {
    margin: 0; /* nada de huecos raros */
    font-size: 22px; /* puedes subir a 24 si lo prefieres */
    font-weight: 900;
    color: var(--text-strong);
    letter-spacing: .2px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ====== Botón circular pastel ====== */

.sc-info {
    --size: 32px;
    width: var(--size);
    height: var(--size);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 2px solid #3685ca;
    background: radial-gradient(120% 120% at 50% 30%, #2d2d2d 0%, #2d2d2d 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 0 0 3px transparent;
    cursor: pointer;
    transition: box-shadow .15s ease, transform .12s ease, border-color .15s ease;
}

    .sc-info span {
        font-size: 16px;
        font-weight: 800;
        color: #2b6cb0; /* azul legible */
        line-height: 1;
        transform: translateY(-1px); /* centra ópticamente */
        cursor: pointer;
    }

    .sc-info:hover {
        border-color: var(--brand-azul);
        box-shadow: 0 2px 8px rgba(32,56,117,.12), 0 0 0 3px var(--brand-azul-15);
        transform: translateY(-1px);
    }

    .sc-info:active {
        transform: translateY(0);
    }

    .sc-info:focus-visible {
        outline: none;
        box-shadow: 0 2px 8px rgba(32,56,117,.12), 0 0 0 3px var(--brand-azul-15);
    }

/* ====== Ajustes globales de proximidad para que nada quede “pegado” ====== */
.masterContainer {
    padding-top: 12px;
}

.formBase {
    margin-top: 8px;
}

.conjFormulario {
    margin-top: 6px;
}

.sc-card {
    position: relative;
}

    .sc-card::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 4px;
        border-radius: 12px 12px 0 0;
        background: linear-gradient(90deg, #2d2d2d, #3685cb);
    }


/*MODAL*/

/* ==== CONTRASTE & TEMA CLARO PARA EL MODAL ==== */
:root {
    --modal-bg: #ffffff;
    --modal-fg: #1f2a44; /* texto principal */
    --modal-muted: #516079; /* texto secundario */
    --modal-accent: #2b8ee4; /* azul de la app */
    --modal-bullet: #7fb6f1; /* punto pastel */
    --modal-border: #dfe7ff;
    --overlay-col: rgba(23,29,47,.35); /* overlay más claro */
    --warn-bg: #fff8e8;
    --warn-border: #ffe2a6;
    --warn-dot: #ffb84d;
}

/* overlay más legible */
.modalOverlay {
    background: var(--overlay-col) !important;
}

    /* tarjeta del modal en claro + alto contraste */
    .modalOverlay .modalContent {
        background: #25272d !important;
        color: var(--modal-fg) !important;
        border: 1px solid var(--modal-border) !important;
        box-shadow: 0 12px 30px rgba(32,56,117,.18);
    }

        /* título y textos */
        .modalOverlay .modalContent .modalTitle {
            color: var(--modal-accent) !important;
            margin-top: 6px;
            margin-bottom: 12px;
            text-align: center;
            font-weight: 800;
        }

        .modalOverlay .modalContent .modalDescription {
            color: var(--modal-muted) !important;
        }

            .modalOverlay .modalContent .modalDescription a {
                color: var(--modal-accent) !important;
                text-decoration: underline;
            }

            /* bullets lindos y visibles en fondo claro */
            .modalOverlay .modalContent .modalDescription li {
                position: relative;
                padding-left: 24px;
                margin: 8px 0;
                line-height: 1.45;
            }

                .modalOverlay .modalContent .modalDescription li::before {
                    content: "";
                    position: absolute;
                    left: 8px;
                    top: .6em;
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background: var(--modal-bullet);
                    box-shadow: 0 0 0 3px rgba(127,182,241,.25);
                    transform: translateY(-50%);
                }

                /* bloque de advertencia (más visible) */
                .modalOverlay .modalContent .modalDescription li.is-warning {
                    background: #000000;
                    border: 1px solid #c32a2b;
                    color: #ff0000;
                    border-radius: 8px;
                    padding: 10px 12px 10px 36px;
                    margin-top: 10px;
                }

                    .modalOverlay .modalContent .modalDescription li.is-warning::before {
                        content: "";
                        position: absolute;
                        left: 12px;
                        top: 50%;
                        width: 12px;
                        height: 12px;
                        border-radius: 2px;
                        background: var(--warn-dot);
                        box-shadow: 0 0 0 3px rgba(255,184,77,.25);
                        transform: translateY(-50%) rotate(45deg);
                    }

    /* botón de cierre claro y accesible (cubre .closeBtn o el que uses) */
    .modalOverlay .closeBtn {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 28px;
        height: 28px;
        line-height: 26px;
        border-radius: 999px;
        border: 1px solid #cfe0ff;
        background: #f5f9ff;
        color: #2b6cb0;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        box-shadow: 0 1px 2px rgba(0,0,0,.05);
    }

        .modalOverlay .closeBtn:hover {
            border-color: #5a97ff;
            background: #eef5ff;
        }

        .modalOverlay .closeBtn:focus-visible {
            outline: 3px solid rgba(122,168,255,.35);
            outline-offset: 2px;
        }


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    margin-top: 10px !important;
}



/*MODULO SCORING_UNIDADES_FILTROHORAS*/


/* ===== Fila DOMINIO/HASTA SIN FLEX ===== */
.sc-row-right {
    position: relative; /* ancla para el botón */
    padding-right: 160px; /* espacio para "Pesquisar" (ajusta 140–180) */
    white-space: nowrap; /* todo en una sola línea en desktop */
}

    /* Cada pieza en línea y alineada verticalmente */
    .sc-row-right > * {
        display: inline-block;
        vertical-align: middle;
    }

    /* Separaciones suaves (excepto entre input del combo y su caret) */
    .sc-row-right .ComboBoxAjustar,
    .sc-row-right #<%= dpHasta.ClientID % >,
    .sc-row-right label[for="dpHasta"],
    .sc-row-right .sc-datetime {
        margin-right: 12px;
    }

/* INPUT del combo: no darle margen a la derecha para no separar del caret */
#<%= selUnidad.ClientID % > {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0; /* <- clave: pegado al caret */
    min-width: 260px; /* evita que se achique */
    box-sizing: border-box;
}

    /* CUIDAR el botón/caret renderizado por el asc:ComboBox */
    #<%= selUnidad.ClientID % > + .btn,
    #<%= selUnidad.ClientID % > + button {
        display: inline-block;
        vertical-align: middle;
        margin-right: 12px; /* separación hacia "Hasta:" */
        height: 34px; /* misma altura visual que inputs */
    }

/* Botón Pesquisar pegado al borde derecho */
.sc-search {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    height: 36px;
    padding: 0 16px;
    border-radius: 10px;
}

/* Autocomplete del combo por encima de todo */
.ui-autocomplete {
    z-index: 99999 !important;
}

/* ===== Responsive: en móviles sí dejamos que baje en varias líneas ===== */
@media (max-width: 992px) {
    .sc-row-right {
        white-space: normal; /* permite salto de línea */
        padding-right: 0;
    }

    .sc-search {
        position: static;
        transform: none;
        width: 100%;
        margin-top: 8px;
    }
}