@font-face {
    font-family: "DS-Digital";
    src: url('../fonts/DS-DIGIT.TTF');
}

body {
    background-color: #ececec;
    padding-bottom: 1rem;
}

/* Errores blazor */
#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
    font-size: .8rem;
}

input[readonly].edit-with-popup {
    background-color: transparent;    
    border: 1px solid #ced4da;
    font-size: 1em;
}

.iconLoader {
    display: block;
    width: 100px;
    height: 37px;
    background: url('../images/gifs/loader.gif') no-repeat;
    background-size: contain;
}

.col-icon-loader {
    width: 40px;
}

/* Logos */
.logoServitelco {
    display: block;
    width: 180px;
    height: 47px;
    background: url('../images/logos/logoilunion.png') no-repeat;
    background-size: contain;
}

.logoMultiservicios {
    display: block;
    width: 190px;
    height: 52px;
    background: url('../images/logos/logoilunion.png') no-repeat;
    background-size: contain;
}

.logoGrupoServitelco {
    display: block;
    width: 190px;
    height: 52px;
    background: url('../images/logos/logoilunion.png') no-repeat;
    background-size: contain;
}

/* Botones */
.btn-sm {
    border: #fff 1px solid;
}

a.btn-sm {
    text-decoration: none;
    border: #fff 1px solid;
}

    a.btn-sm:hover, button.btn-sm:hover {
        border: #fff 1px solid;
        cursor: pointer;
    }

.btn-sm-border-black {
    border: #000 1px solid;
}

a.btn-sm-border-black {
    text-decoration: none;
    border: #000 1px solid;
}

    a.btn-sm-border-black:hover, button.btn-sm-border-black:hover {
        border: #000 1px solid;
        cursor: pointer;
    }

/* Banner */
#banner {
    color: #fff;
    font-weight: normal;
}

#banner-lite {
    color: #fff;
    font-weight: normal;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.44);    
}

.version {
    font-size: .8rem;
    font-weight: bold;
    color: #fff
}

.version:hover {
    font-size: .8rem;
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
}

.portelco-produccion {
    background-color: #003374;
}

.portelco-no-produccion {
    background-color: #C82333;
}

/* Logo */
#logo-empresa {
    background-color: #003374;
}

/* Barra Modo Controler */
#toolbar-controler {
    background-color: #44669a;    
    font-size: .9rem;
}

.bg-modo-controler {
    /*background-color: #B7472A;*/
    color: #f98686;
    font-weight: bold;
    font-size: 1rem;
}


/* Barra de Jornada y Atenciones*/
#jornada-usuario {    
    font-size: .9rem;
    border-right: #003374 1px solid;
}

.jornada-usuario-en-marcha {
    background-color: #658cc6;    
   /* background-image: linear-gradient(to bottom, #658cc6, #5c84c0, #537bb9, #4973b3, #406bac);*/
}

.jornada-usuario-en-espera {
    background-color: #B7472A;
    /*background-image: linear-gradient(to bottom, #b7472a, #ba5135, #bd5a40, #c0634a, #c26c55);*/
}

.atencion-usuario-en-espera {
    color: #ffabab;
}

.col-tatencion-tb {
    width:140px;
}


#atenciones-usuario {    
    background-color: #658cc6;
    /*background-image: linear-gradient(to bottom, #658cc6, #5c84c0, #537bb9, #4973b3, #406bac)*/
    font-size: .9rem;
}

.lnk-atenciones, .lnk-atenciones:visited, .lnk-atenciones:active {
    color: #fff;
    text-decoration: none;
}

    .lnk-atenciones:hover {
        color: #fff;
        text-decoration: underline;
    }

/* Barra Pausas y Avisos */
#barra-pausas {
    background-color: #c1d5f3;
}

#barra-pausas-botones {
    padding: .5rem;
}

#barra-avisos-botones {
    border-left: #003374 1px solid;
    width: 150px;
    padding-top: .7rem;
    padding-bottom: .7rem;
    padding-left: .5rem
}

.botones-pausa-movil {
    padding: .3rem;
    text-align: center;
}

.btn-pausa:hover {
    color: #fff;
    background-color: #820606;
    /*    border-color: #820606;*/
    border: #eee 1px solid
}

.btn-pausa {
    color: #fff;
    background-color: #B7472A;
    border: #fff 1px solid
}

.btn-mispausas:hover {
    color: #fff;
    background-color: #820606;
    border: #eee 1px solid
}

.btn-mispausas {
    color: #fff;
    background-color: #dc5835;
    border: #fff 1px solid
}

.btn-mispausas-fueratope {
    color: #fff;
    background-color: #ff7100;
    border: #fff 1px solid
}

    .btn-mispausas-fueratope:hover {
        color: #fff;
        background-color: #d96001;
        border: #eee 1px solid
    }


.btn-avisos {
    color: #fff;    
    background-color: #ff7100;
    border: #fff 1px solid
}

    .btn-avisos:hover {
        color: #fff;
        background-color: #d96001;
        border: #eee 1px solid
    }

/* Barra Consola */
#barra-consola-notificaciones {
    /*background-color: #658cc6;*/
    /*background-color: #c1d5f3;*/
    background-color: #fffce0;
    padding: .5rem .2rem .4rem .2rem;
}

.consola-notificaciones {
    background-color: #343a40;
    /*color: aqua;*/
    border: aqua 1px solid;
    color: #ffc107;
  /*  border: #EDA82F 1px solid;*/
    padding: .3rem;
    font-family: Lucida Console,Lucida Sans Typewriter,monaco,Bitstream Vera Sans Mono,monospace;
    font-size: 12px;
}

.btn-accion {
    color: #fff;
    background-color: #44669a;
    cursor: default;
}

    .btn-accion:hover {
        color: #fff;
        background-color: #003374;
        cursor: pointer;
    }

.valor-notificacion {
    color: aqua;
}


/* Barra Menus y Favoritos */
#barra-menus-favoritos {
    background-color: #658cc6;
   /*  background-image: linear-gradient(to bottom, #658cc6, #5c84c0, #537bb9, #4973b3, #406bac);*/
    /*background-color: #c1d5f3;*/
    border-bottom: #aeacab 1px solid;
    padding: .3rem .3rem .4rem .3rem;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1)
}

.btn-menu-favoritos, .btn-super-u {
    color: #fff;
    background-color: #44669a;
    cursor: default;
}

    .btn-menu-favoritos:hover {
        color: #fff;
        background-color: #003374;
        cursor: pointer;
    }

.btn-cda, .btn-v360 {
    color: #fff;
    background-color: #3f73c1;
    cursor: default;
}

    .btn-cda:hover, .btn-v360:hover {
        color: #fff;
        background-color: #44669a;
        cursor: pointer;
    }

.btn-menu-ccs {
    color: #fff;
    background-color: #051937;
    cursor: default;
}

    .btn-menu-ccs:hover {
        color: #fff;
        background-color: #484848;
        cursor: pointer;
    }


/*.menu-scroll {
    height: 85vh;
    overflow-y: auto;
}*/

#menuGeneral {
    background-color: #c1d5f3;
    /*background-image: linear-gradient(to right bottom, #e0ebff, #dae7fd, #d4e2fb, #cddef8, #c7daf6);*/
    /* background-color: #658cc6;    */
    border-top: 0;
    border-left: 0;
    font-size: 13px;
    width: 190px;
    border-right: #aeacab 1px solid;
    border-bottom: #aeacab 1px solid; 
}

    #menuGeneral ul {
        list-style-type: square;
        margin: 0 0 0 1rem;
        padding: 0 0 0 .5rem;
        font-weight: bold;
        color: #003374;        
    }

        #menuGeneral ul ul {
            list-style-type: none;
            margin: 0 0 .8rem .3rem;
            padding: 0;
            font-weight: normal;
        }

            #menuGeneral ul ul a {
                text-decoration: none;
                color: #003374;
            }

                #menuGeneral ul ul a:hover {
                    text-decoration: underline;
                    font-weight: bold;
                    color: #04c;
                }

#menuEnlaces {
    background-color: #c1d5f3;
    border-top: 0;
    border-left: 0;
    font-size: 13px;
    width: 192px;
    border-right: #aeacab 1px solid;
    border-bottom: #aeacab 1px solid;  
}

    #menuEnlaces ul {
        list-style-type: square;
        margin: 0 0 0 1rem;
        padding: 0 0 0 .5rem;
        font-weight: bold;
        color: #003374;
    }

        #menuEnlaces ul ul {
            list-style-type: none;
            margin: 0 0 .8rem .3rem;
            padding: 0;
            font-weight: normal;
        }

            #menuEnlaces ul ul a {
                text-decoration: none;
                color: #003374;
            }

                #menuEnlaces ul ul a:hover {
                    text-decoration: underline;
                    font-weight: bold;                    
                    color: #04c;
                }

#favoritos {
    color: #04c;    
}

.lnk-favorito {
    color: #04c;
}

a.lnk-favorito {
    color: #04c;
    text-decoration: underline;
    font-size: .8rem;
}

    a.lnk-favorito:hover {
        color: #04c;
        text-decoration: underline;
    }

/* Login */
 #form-login > .card {
    /*   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);*/
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
 }

        #form-login > .card > .card-header {
            background-color: #003374;
            color: #fff;          
        }

/* Cajas Avisos */
#box-aviso > .card {
    /*   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);*/
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

    #box-aviso > .card > .card-header {
        background-color: #003374;
        color: #fff;
    }

.titulo-login {
    color: #003374;
}

.btn-login:hover {
    color: #fff;
    background-color: #658cc6;
    border: #658cc6 1px solid
}

.btn-login {
    color: #fff;
    background-color: #003374;
    border: #003374 1px solid
}
.minh {
   height: 90vh;
}

/* Control Acceso (Avisos de Entrada) */
#control-acceso > .card {
}

    #control-acceso > .card > .card-header {
        background-color: #003374;
        color: #fff;
    }

    #control-acceso > .card > .card-body {        
        font-size: 0.8rem;
        color: #000;
    }

.titulo-control-acceso {
    font-size: 1rem;
    color: #003374;
}

/* Botones Comunes */
.btn-save, .btn-accept, .btn-apply {
    border: 1px solid #9d9999;
    background-color: #218838;
    color: #fff;
    cursor: default;
}

.btn-save:hover, .btn-accept:hover, .btn-apply:hover {
    border: 1px solid #9d9999;
    background-color: #145a23;
    color: #fff;
    cursor: pointer;
}

.btn-close {
    border: 1px solid #fff;
    color: #000;
    background-color: #ccc;
    cursor: default;
}

.btn-close:hover {        
    color: #000;
    background-color: #b7b4b4;
    cursor: pointer;
}

.btn-delete {
    border: 1px solid #9d9999;
    color: #fff;
    background-color: #dc3545;
    cursor: default;
}

.btn-delete:hover {
    border: 1px solid #9d9999;
    color: #fff;
    background-color: #C82333;
    cursor: pointer;
}

.btn-cancel {
    border: 1px solid #9d9999;
    background-color: #ffc107;
    color: #000;
    cursor: default;
    margin: .1rem;
}

.btn-cancel:hover {
    border: 1px solid #9d9999;
    background-color: #e0a800;
    color: #000;
    cursor: pointer;
}

.btn-close-popup {
    border: 1px solid transparent;
    background-color: transparent;
    color: #fff;
    cursor: default;
}

.btn-close-popup:hover {
    border: 1px solid #658cc6;
  /*  background-color: #658cc6;*/
    background-color:#dc3545;
    cursor: pointer;
}


/* Dialogos */
.dlg {
    font-size: .8rem;
    margin-top: .8rem;
    /*    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);*/
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.dlg-btn-open-tab {
    width: 25px;
    margin-left: .8rem;
    margin-top: .1rem;
}

.dlg-max-width {
    max-width: 850px;
}

.dlg > .card {    
    border: red 1px solid;
}

.dlg > .card-body {
    padding: .8rem;
}

.dlg > .card-header > div > div > .btn-new {
    border: 1px solid #fff;
    background-color: #28a745;
    color: #fff;
    cursor: default;
    margin: .1rem;
}

.dlg > .card-header > div > div > .btn-new:hover {
    border: 1px solid #fff;
    background-color: #218838;
    color: #fff;
    cursor: pointer;
}

.dlg > .card-header > div > div > .btn-save {
    border: 1px solid #fff;
    background-color: #28a745;
    color: #fff;
    cursor: default;
    margin: .1rem;
}

.dlg > .card-header > div > div > .btn-save:hover {
    border: 1px solid #fff;
    background-color: #218838;
    color: #fff;
    cursor: pointer;
}

.dlg > .card-header > div > div > .btn-cancel {
    border: 1px solid #fff;
    background-color: #e0a800;
    color: #000;
    cursor: default;
    margin: .1rem;
}

.dlg > .card-header > div > div > .btn-cancel:hover {
    border: 1px solid #fff;
    background-color: #ba8f0a;
    color: #000;
    cursor: pointer;
}


/* Temas Dialogos */
.dlg-detail > .card-header {
    background-color: #7eacf1;    
    color: #fff;
    font-weight: bold;
    padding: .1rem
}

.dlg-detail > .card-body > div > table > thead > tr > th {
    border-top: 0;    
    /* border-bottom: 1px solid #658cc6; CUIDADIN CON NUEVO GRID */
    border-left: 0;
    border-right: 0;
}

.dlg-detail > .card-header > div > div > .btn-title {
    border: 1px solid #7eacf1;
    background-color: #7eacf1;    
    color: #fff;
    cursor: default;
    margin-left: .2rem;
    margin-right: .2rem;
}

    .dlg-detail > .card-header > div > div > .btn-title:hover {
        /*border: 1px solid #658cc6;*/
        background-color: #658cc6;
        border: 1px solid #fff;
        background-color: #dc3545;
        cursor: pointer;
    }


.dlg-info > .card-header {
    background-color: #ffc107;
    color: #212529;
    font-weight: bold;
    padding: .1rem
}

.dlg-info > .card-body > div > table > thead > tr > th {
    border-top: 0;
    border-bottom: 1px solid #658cc6;
    border-left: 0;
    border-right: 0;
}

.dlg-info > .card-header > div > div > .btn-title {
    border: 1px solid #ffc107;
    background-color: #ffc107;
    color: #212529;
    cursor: default;
}

.dlg-info > .card-header > div > div > .btn-title:hover {
    border: 1px solid #E0A800;
    background-color: #E0A800;   
    cursor: pointer;
}

/* Tema Dialogos CCS */
.dlg-ccs-evaluacion-width {
    min-width: 750px;
    max-width: 750px;
}

.dlg-ccs > .card-header {
    background-color: #051937;
    color: #fff;
    font-weight: bold;
    padding: .1rem
}

.dlg-ccs > .card-body > div > table > thead > tr > th {
    border-top: 0;
    /* border-bottom: 1px solid #658cc6; CUIDADIN CON NUEVO GRID */
    border-left: 0;
    border-right: 0;
}

.dlg-ccs > .card-header > div > div > .btn-title {
    border: 1px solid #051937;
    background-color: #051937;
    color: #fff;
    cursor: default;
    margin-left: .2rem;
    margin-right: .2rem;
}

    .dlg-ccs > .card-header > div > div > .btn-title:hover {
        /*border: 1px solid #658cc6;*/
        background-color: #658cc6;
        border: 1px solid #fff;
        background-color: #dc3545;
        cursor: pointer;
    }
/* FIN Tema Dialogos CCS */


/* Dialogos Prod. Telefonica*/
.dlg-prod-telefonica > .card-header {
    background-color: #0066FF;
    color: #fff;
    font-weight: bold;
    padding: .1rem
}

.dlg-prod-telefonica > .card-body > div > table > thead > tr > th {
    border-top: 0;
    /* border-bottom: 1px solid #658cc6; CUIDADIN CON NUEVO GRID */
    border-left: 0;
    border-right: 0;
}

.dlg-prod-telefonica > .card-header > div > div > .btn-title {
    border: 1px solid #0066FF;
    background-color: #0066FF;
    color: #fff;
    cursor: default;
    margin-left: .2rem;
    margin-right: .2rem;
}

    .dlg-prod-telefonica > .card-header > div > div > .btn-title:hover {
        /*border: 1px solid #658cc6;*/
        background-color: #658cc6;
        border: 1px solid #fff;
        background-color: #dc3545;
        cursor: pointer;
    }

/* FINAL Dialogos Prod. Telefonica*/



.tab-content {
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    margin-bottom: 1rem;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

#tab-content-usuarios {
    min-height: 380px;
}

#tab-content-servicios {
    min-height: 320px;
}

#tab-content-interfacesPT {
    min-height: 320px;
}

.label-normal {
    font-weight:normal;
    color: #000;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #44669a;
    font-weight: bold;
}

/* Formularios */
form label {
    font-weight: bold;
}

.keyForm {
    font-weight: bold;
    color: #44669a;
}

.selector-campos-busqueda-ccs .keyForm {
    font-weight: bold;
    color: #666666;
}

/* PopUp */
.modal-header {
    font-size: .8rem;
    padding: .5rem;
}

.modal-body {
    font-size: .8rem;
    padding-bottom: 0;
    font-weight: normal;
    background-color: #F3F2F1;
    color: #000;
}

.modal-footer {
    font-size: .8rem;
    padding: .5rem;
    border-top: none;
    background-color: #F3F2F1;
    justify-content: center;
}

.modal-shadow {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.32);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.32);
}


/* Temas PopUp */
.modal-selector {
    background-color: #658CC6;
    color: #fff;
}

.modal-aviso {
    background-color: #e0a800;
    color: #fff;
}

.modal-error {
    background-color: #C82333;
    color: #fff;
}

.modal-internal {
    background-color: #ddd;
    color: #000;
}

.modal-internal-body {
    background-color: #FFF;
    color: #000;
} 





.btn-modal-selector {
    background-color: #658CC6;
    color: #fff
}

.btn-modal-selector:hover {
    background-color: #0069D9;
    color: #fff
}

/* Grid */
.grid {
    font-size: .8rem;
    margin-top: .8rem;
}   
       
    .grid .h-actions {
        text-align: center;
        width: 68px;        
        color: #000;
    }

    .grid .h-actions-swidth {
        min-width: 38px;
        max-width: 68px;
    }
           
    .grid .c-actions {
        border-top: 1px solid #DFDFDF;
        text-align: center;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        color: #000;
    }

    .grid .c-actions-swidth {
        min-width: 38px;
        max-width: 68px;
    }

    .grid .c-data {
        border-top: 1px solid #DFDFDF;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        font-weight: normal;
    }

    .grid .c-data-highlight-duplicate {
        border-top: 1px solid #DFDFDF;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        font-weight: bold;
        /*background-color: #E9ECEF;*/
    }

    .grid > .card-body {
        padding: 0;
    }

    .grid > .card-header {        
        font-weight: bold;
        padding: .1rem
    }

    .grid > .card-body > div > .table-sm {
        font-size: .8rem;
        margin-bottom: 0;            
    }

    .grid > .card-body > div > table > thead {        
        font-size: .7rem;
        font-weight: bold;
    }
        /*.grid > .card-body > div > table > thead > tr > th > a {
            color: #44669a;
            text-decoration: underline;
        }*/

        .grid > .card-body > div > table > tbody > tr > td > a {
            color: #04c;
            text-decoration: underline;
        }

.grid-scrollH-table {
    overflow-x: scroll;
    display: block;
}

.grid-scrollV-table {    
    display: block;
}

.grid-col-fixed-witdth {
    min-width: 150px;    
    max-width: 150px;
}

    .grid-scrollV-table tbody, .grid-scrollV-table thead {
        display: block;
    }

    .grid-scrollV-table tbody {
        overflow-y: scroll;
        overflow-x: hidden;
        /*height: 600px;*/  /* Posible parametrización en el futuro */
    }
        
    .grid-scrollV-table th, .grid-scrollV-table td {        
        overflow: hidden;
        text-overflow: ellipsis;        
    }

       .grid-scrollV-table .h-actions-grid-informe {
            min-width: 55px;
            overflow: hidden;
            max-width: 70px;
        }

        .grid-scrollV-table .c-actions-grid-informe {
            min-width: 55px;
            overflow: hidden;
            max-width: 70px;
        }

.grid-scrollV-height tbody {
    height: 600px;
}

.grid-cell-click {
    cursor:pointer;
}

/* ----------------------- Grid Defecto / Edicion ------------------------------------*/
/* Color cabecera de la tabla del grid */
.grid-default {
    background-color: #7EACF1;
    color: #fff;
}

.grid-default-img-with-titlebar {
    color: #fff;
}

.grid-default-img {
    color: #658CC6;
}

/* CON BARRA DE TITULO EN GRID - Columna de la cabecera de la tabla de botones de accion (Añadir o páginacion)*/
.grid .h-actions-with-titlebar-grid-default {
    background-color: #658CC6;
    color: #fff;
    text-align: center;
    width: 68px;
}

/* SIN BARRA DE TITULO EN GRID - Columna de la cabecera de la tabla de botones de accion (Añadir o páginacion)*/
.grid .h-actions-grid-default {
    text-align: center;    
    width: 66px;
}

.grid .h-actions-grid-default-scroll {
    text-align: center;
    min-width: 35px;
}


/* CON BARRA DE TITULO EN GRID - Columna de botones de accion (Editar,Borrar,Ver) o numerador de registros en páginación*/
.grid .c-actions-with-titlebar-grid-default {
    background-color: #658CC6;
    color: #fff;
    border-top: 1px solid #dfdfdf;
    text-align: center;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

/* SIN BARRA DE TITULO EN GRID - Columna de botones de accion (Editar,Borrar,Ver) o numerador de registros en páginación*/
.grid .c-actions-grid-default {
    border-top: 1px solid #DFDFDF;
    text-align: center;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    color: #7EACF1;
}


/* Barra de titulo y botones de la barra de titulo */
.grid-default-titlebar {
    background-color: #658CC6;
    color: #fff;
}

.grid > .card-header > div > div > .btn-sm-grid-default {
    border: 1px solid #658cc6;
    background-color: #658cc6;
    color:#fff;
    cursor: default;
}

.grid > .card-header > div > div > .btn-sm-grid-default:hover {
    border: 1px solid #44669a;
    background-color: #44669a;
    color: #fff;
    cursor: pointer;
}

thead.grid-default > tr > th > a {
    color: #fff;
    text-decoration:underline;
}

.grid-column-value {
    font-weight: normal;
}

/* ----------------------- Grid Localizadores ------------------------------------*/

/* Color cabecera de la tabla del grid */
.grid-localizador {
    background-color: #fffce0;
    color: #44669a;
}

.grid-localizador-img-with-titlebar {
    color: #44669a;
}

.grid-localizador-img {
    color: #44669a;
}

/* CON BARRA DE TITULO EN GRID - Columna de la cabecera de la tabla de botones de accion (Añadir o páginacion)*/
.grid .h-actions-with-titlebar-grid-localizador {
    background-color: #f9f3bc;
    color: #44669a;  
    text-align: center;
    width: 68px;
}

/* SIN BARRA DE TITULO EN GRID - Columna de la cabecera de la tabla de botones de accion (Añadir o páginacion)*/
.grid .h-actions-grid-localizador {
    text-align: center;
    width: 66px;    
}

/* CON BARRA DE TITULO EN GRID - Columna de botones de accion (Editar,Borrar,Ver) o numerador de registros en páginación*/
.grid .c-actions-with-titlebar-grid-localizador {
    background-color: #f9f3bc;
    color: #44669a;
    border-top: 1px solid #dfdfdf;
    text-align: center;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

/* SIN BARRA DE TITULO EN GRID - Columna de botones de accion (Editar,Borrar,Ver) o numerador de registros en páginación*/
.grid .c-actions-grid-localizador {
    border-top: 1px solid #DFDFDF;
    text-align: center;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    color: #7EACF1;
}


/* Barra de titulo y botones de la barra de titulo */
.grid-localizador-titlebar {
    background-color: #f9f3bc;   
    color: #44669a;
}

.grid > .card-header > div > div > .btn-sm-grid-localizador {    
    border: 1px solid #f9f3bc;
    background-color: #f9f3bc;
    color: #44669a;
    cursor: default;
}

.grid > .card-header > div > div > .btn-sm-grid-localizador:hover {
    border: 1px solid #ffc107;
    background-color: #ffc107;
    color: #44669a;
    cursor: pointer;
}

/* ----------------------- Grid Informes ------------------------------------*/

/* Color cabecera de la tabla del grid */
.grid-informe {
    background-color: #D3F3DA;
    color: #44669A;
}

.grid-informe-img-with-titlebar {
    color: #44669A;
}

.grid-informe-img {
    color: #44669a;
}

/* CON BARRA DE TITULO EN GRID - Columna de la cabecera de la tabla de botones de accion (Añadir o páginacion)*/
.grid .h-actions-with-titlebar-grid-informe {
    background-color: #D3F3DA;
    color: #44669A;
    text-align: center;
    width: 68px;
}

/* SIN BARRA DE TITULO EN GRID - Columna de la cabecera de la tabla de botones de accion (Añadir o páginacion)*/
.grid .h-actions-grid-informe {
    text-align: center;
    width: 66px;
}

/* CON BARRA DE TITULO EN GRID - Columna de botones de accion (Editar,Borrar,Ver) o numerador de registros en páginación*/
.grid .c-actions-with-titlebar-grid-informe {
    background-color: #D3F3DA;
    color: #44669a;
    border-top: 1px solid #a2deaf;
    text-align: center;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

/* SIN BARRA DE TITULO EN GRID - Columna de botones de accion (Editar,Borrar,Ver) o numerador de registros en páginación*/
.grid .c-actions-grid-informe {
    border-top: 1px solid #a2deaf;
    text-align: center;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    color: #7EACF1;
}


/* Barra de titulo y botones de la barra de titulo */
.grid-informe-titlebar {
    background-color: #D3F3DA;
    color: #44669a;
    border-bottom: 1px solid #a2deaf;
}

.grid > .card-header > div > div > .btn-sm-grid-informe {
    border: 1px solid #D3F3DA;
    background-color: #D3F3DA;
    color: #44669a;
    cursor: default;
}

    .grid > .card-header > div > div > .btn-sm-grid-informe:hover {
        border: 1px solid #a2deaf;
        background-color: #a2deaf;
        color: #44669a;
        cursor: pointer;
    }


/* Editor de interfaces */
.bg-campo-sindefinir {
    background-color : #eee;
}

.ico-borrar-linea {
    width:20px;
    height:10px;    
} 
.ico-borrar-linea > a {
    color: red;
}


/* Caja pausas */
#box-pausa > .card {
}

    #box-pausa > .card > .card-header {
        background-color: #003374;
        color: #fff;
    }

.titulo-box-pausa {
    color: #003374;
}

.crono-hora-min {
    font-size:3rem;
    text-align:center;
}

.crono-suffix {
    font-size: 1.8rem;
    text-align: center;
}

.crono-seg {
    font-size: 2rem;
    text-align: center;
}

.btn-stop-pausa:hover {
    color: #fff;
    background-color: #145a23;
    border: #658cc6 1px solid
}

.btn-stop-pausa {
    color: #fff;
    background-color: #218838;    
    border: #003374 1px solid
}

/* Busquedas y filtros */

.selector-campos-busqueda {
    /*background-color: #f9f3bc;*/
    /*background-color: #fffbdd;*/
    background-color: #fffce0;
    /*border: 1px solid #ffc107;*/
    border: 1px solid #DFDFDF;
    border-radius: .2rem;
    padding: .2rem .6rem .1rem .6rem;
}

.selector-campos-busqueda-inf {
    /*background-color: #d3f3da;*/
    background-image: linear-gradient(to bottom, #d3f3da, #cdf1d8, #c7eed7, #c1ecd6, #bbe9d5);
    border: 1px solid #DFDFDF;
    border-radius: .2rem;
    padding: .2rem .6rem .1rem .6rem;
}

.selector-campos-busqueda-inf-top {
    background-color: #d3f3da;
    border-top: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    padding: .2rem .6rem .1rem .6rem;
}

.selector-campos-busqueda-inf-bottom {
    background-color: #d3f3da;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    padding: .2rem .6rem .1rem .6rem;
}


.selector-campos-busqueda-visor {
    /*background-color: #e0ebff;*/
    background-image: linear-gradient(to bottom, #e0ebff, #dae7fd, #d4e2fb, #cddef8, #c7daf6);
    border: 1px solid #bcd2f3;
    border-radius: .2rem;
    padding: .2rem .6rem .1rem .6rem;
}

.selector-campos-busqueda-ccs {
    background-image: linear-gradient(to bottom, #e9e9e9, #e5e5e5, #e1e1e1, #dedede, #dadada);
    border: 1px solid #dbdbdb;
    border-radius: .2rem;
    padding: .2rem .6rem .1rem .6rem;
    color: #484848;
}  


/* Estilos para bootstrap-select */
select:focus {
    outline: none;
}

.bootstrap-select > .dropdown-toggle {
    border: 1px solid #ced4da;
    background-color: #FFFCE0;
    outline: none;
}

.selector-campos-busqueda .bootstrap-select > .dropdown-toggle {
    border: 1px solid #ced4da;
    background-color: #FFF;
    outline: none;
}


.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #FFFCE0;
    outline: none;
}

.dropdown-item {
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    font-size: .8rem;
}

.bs-searchbox > .form-control {
    font-size: .9rem;
    line-height: 1.5;
    /*    padding: .3rem;    */
    padding-top: .2rem;
    padding-bottom: .2rem;
    padding-left: .4rem;
    padding-right: .4rem;
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #fff;
    margin: 0 5px;
    white-space: nowrap;
    font-size: .9rem;
    color: red;
    background-color: #FFFCE0
}

.selector-campos-busqueda .bootstrap-select .no-results {
    padding: 3px;
    background: #fff;
    margin: 0 5px;
    white-space: nowrap;
    font-size: .9rem;
    color: red;
    background-color: #FFF
}

.bootstrap-select .dropdown-menu li a {
    padding-left: .7rem;
    padding-right: .7rem;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
}

.bootstrap-select .dropdown-menu {
    background-color: #FFFCE0;
}

.selector-campos-busqueda .bootstrap-select .dropdown-menu {
    background-color: #FFF;
}


/* pestañas */
.nav-link { 
    padding: .5rem .7rem;
}

 .nav-tabs .nav-link:hover {   
    background-color: #e9ecef;
}


/* Nueva Barra de producción telefonica */
#tb-produccion-telefonica {
    background-color: #0066FF;
    /*color: #dbdbdb;*/
    color: #fff;
    padding-left: .3rem;
    padding-right: .3rem;
    font-size: .8rem;
    font-weight: bold;
    margin: .18rem;
    border-radius: .2rem;
    -webkit-box-shadow: -4px 8px 5px -7px rgba(0,0,0,0.49);
    box-shadow: -4px 8px 5px -7px rgba(0,0,0,0.49);
}

.logoProdTelefonica {
    display: block;
    width: 35px;
    height: 42px;
    background: url('../images/logos/LogoProdTelefonicaMin.png') no-repeat;
    background-size: contain;
}

.dlg-pt-datos {
    background-color: #dfe7ef;
    margin-bottom: 0.3rem;
    padding: .5rem;
    color: #44669a;
}

/* Cronos Nueva Producción Telefónica */

.btn-crono-parado {
    font-family: "DS-Digital";
    font-weight: normal;
    background-color: #DFDFDF;
    border-radius: .2rem;
    color: #000;
    border-color:#44546c;
    padding:0;
} 

.btn-crono-en-marcha {
    font-family: "DS-Digital";
    font-weight: normal;
    background-color: #575a9d;
    border-radius: .2rem;
    color: #FFF;
    border-color: #d3d3d3;
    padding: 0;
}
    

.col-servicios-pt {
    width: 200px;
}

.tb-pt-separador {
    border: 1px solid #b7b9f1;
    margin-left: 10px;
    height: 30px;
    margin-top: 0.3rem;
}

.crono-npt-digitos {
    font-size: 1.3rem;
    width: 21px;
    display: inline-block;
}

.crono-npt-digitos-seg {
    font-size: 1rem;
    width: 17px;
    display: inline-block;
}

.crono-npt-suffix {
    font-size: .8rem;
    width: 20px;
}

.ddl-servicios-pt-0 {
    background-color: #fff;
}

.ddl-servicios-pt-1 {
    background-color: #ffc8c8;
}

/* Info Mi Productividad PT */
#tb-productividad-pt {
    font-size: .7rem;
    min-width: 480px;
}

.th-tb-productividad-pt {
    font-size: .7rem;
    padding-left: .5rem;
}

.col-tb-productividad-pt {
    font-size: .7rem;
    color: cyan;
    padding-left: .5rem;
}










 /* Barra producción telefonica */
#barra-produccion-telefonica {
    background-color: #013145;
    padding-left: .3rem;
    padding-right: .5rem;
    font-size: .8rem;
    font-weight: bold;
    margin: .3rem;
    border-radius: .2rem;    
}

.logoTelefonica {
    display: block;
    width: 100px;
    height: 23px;
    background: url('../images/logos/LogoTelefonica.png') no-repeat;
    background-size: contain;
}

/* Crono Producción Telefónica */
.crono-pt {
    font-family: "DS-Digital";
    font-weight: normal;
    background-color: #DFDFDF;
    border-radius: .2rem;
    color: #000;
    width: 145px;    
}

.crono-pt-digitos {
    font-size: 1.3rem;
    width: 21px; 
    display:inline-block;
}

.crono-pt-digitos-seg {
    font-size: 1rem;
    width: 17px;
    display: inline-block;
}

.crono-pt-suffix {
    font-size: .8rem;
    width: 20px;
    
}

/* Crono Pausas */

.crono-pausa {
    font-family: "DS-Digital";
    font-weight: normal;
    color: #000;    
}

.crono-pausa-digitos {
    font-size: 3.5rem;    
    display: inline-block;
    width:70px;
}

.crono-pausa-digitos-seg {
    font-size: 2.5rem;
    display: inline-block;
    width: 45px;
}

.crono-pausa-suffix {
    font-size: 1.5rem;    
}

.info-instancia {
    /*color: #9d9999;*/
    color: #000;
    padding: .2rem;
    font-size: .7rem;
    font-weight: normal;
}

.texto-pleasewait-login {
    color: #000;
    font-weight: bold;
    font-size: .8rem;
}

.info-minutos {        
    font-size: .7rem;
    font-weight: normal;
}

/* Botones para los contenidos de los dialogos con fondo blanco */

.btn-warning-dialog:hover {
    color: #000;
    background-color: #E0A800;
    border: #9d9999 1px solid;    
    -webkit-box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.75);
}

.btn-warning-dialog {
    color: #000;
    background-color: #ffc107;
    border: #9d9999 1px solid;
    -webkit-box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.75);
}

/* Estilos para el Dialogo Acerca de*/
.grupo-portelco {
    color: #44669A;
    font-size: 1rem;
    font-weight: bold;
}

/*
 Arregla posible bug de bootstrap-select en Chrome por el cual selecciones
 el elemento que selecciones de la lista, siempre pone el primero

.bootstrap-select > select {
    z-index: 0 !important;
}*/

/* Fieldset */
fieldset {
    border: 1px solid #dee2e6;
    border-radius: .3rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding: .8rem .4rem .5rem .4rem;
}

    fieldset label {
        margin-bottom: 0;
        font-size: .7rem;
        font-weight: bold;
        color: #44669A;
    }

    fieldset .row {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    fieldset .form-group {
        margin-bottom: .3rem;
    }

legend {
    font-size: .7rem;
    font-weight: bold;
    border: 1px solid #CED4DA;
    border-radius: .3rem;
    width: 6.3rem;
    margin-left: .5rem;
    text-align: center;
    position: absolute;
    top: 0px;
}

.fs-identificacion  {
  /*  border-color: #E0A800;
    background-color: #FCFFCD;*/
}
    .fs-identificacion legend {
        color: #000;
        background-color: #ffc107;
        border-color: #dee2e6;
    }

.fs-tramitacion, .fs-validar, .fs-exportar, .fs-calcular {
   /* border-color: #218838;
    background-color: #E8FFD2;*/
}

    .fs-tramitacion legend, .fs-validar legend, .fs-exportar legend, .fs-calcular legend {
        color: #fff;
        background-color: #28a745;
        border-color: #dee2e6;
    }

.fs-cheques-restaurante legend {
    color: #fff;
    background-color: #28a745;
    border-color: #dee2e6;
    width: 8rem;
}


.fs-registro {
   /* border-color: #658CC6;
    background-color: #C1D5F3;*/
}

    .fs-registro legend {
        color: #fff;
        background-color: #658CC6;
        border-color: #658CC6;
    }

.fs-control {
    /*border-color: #B7472A;
    background-color: #FFE8E8;*/
}

    .fs-control legend {
        color: #fff;
        background-color: #B7472A;
        border-color: #dee2e6;
    }

.fs-info {
    /*  border-color: #E0A800;
    background-color: #FCFFCD;*/
}
    .fs-info legend {
        color: #000;
        background-color: #e2e3e5;
        border-color: #dee2e6;
    }

.fs-ultimo-periodo {
    /*border-color: #B7472A;
    background-color: #FFE8E8;*/
}

    .fs-ultimo-periodo legend {
        color: #fff;
        background-color: #B7472A;
        border-color: #dee2e6;
        width: 170px;
    }


/* Formulario Cambio de Contraseña */
#box-change-password {    
   /* width:700px;*/
}

    #box-change-password > .card > .card-header {
        background-color: #003374;
        color: #fff;
    }

.box-change-password-desktop {
    width: 700px;
}

.form-change-password {
    padding: .8rem;
    margin-left: .8rem;
}

.form-change-password  label {
    font-size: .8rem;
}

.info-password {
    font-size: .8rem;
}

.info-password ol {
    margin-left: 0;
    padding:.3rem;
}

/* Label link */
.label-link-container {
    padding-top: .4rem;
    padding-bottom: .4rem;
}

.label-link {    
    color: #44669a;
    text-decoration: underline;
    font-weight: bold;    
}

    .label-link:hover {
        color: #04c;
        text-decoration: underline;
        font-weight: bold;
    }


/* Mensajes de conexiones con el servidor */
.portelco-reconnect-modal > div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
}

.components-reconnect-hide > div {
    display: none;
}

.components-reconnect-show > div {
    display: none;
}

.components-reconnect-show > .show {
    display: block;
}

.components-reconnect-failed > div {
    display: none;
}

.components-reconnect-failed > .failed {
    display: block;
}

.components-reconnect-rejected > div {
    display: none;
}

.components-reconnect-rejected > .rejected {
    display: block;
}

.col-date {
    width: 133px;    
}

.col-date-readonly {
    width: 100px;
}

.col-time {
    width: 105px;
}

.col-date-time {
    width: 180px;
}

.btn-aceptar-cambios-j {
    width: 148px
}

.col-year-month {
    width: 205px;
}

.col-year {
    width: 68px;
}



.bg-col-jornadas {
    background-color: #e3ecfb;
}

.bg-col-atenciones {
    background-color: #e7fde5;
}

.bg-col-pausas {
    background-color: #fffacc;
}

.bg-col-ausencias {
    background-color: #f9e8e9;
}

.bg-col-incidencias {
    /*background-color: #fbe3fd;*/
    background-color: #fdf1dd;
}


.bg-col-empezada {
    color: #fff;
    background-color: #44669a;
}

.bg-col-en-pausa {
    color: #fff;
    background-color: #B7472A;
}

.bg-col-abandonada {
    color: #fff;
    background-color: #ef902e;
}

.bg-col-pt-ultg {
    color: #fff;
    background-color: #ef902e;
}

.bg-col-ausencia-pendiente {
    color: #fff;
    background-color: #B7472A;
}

.bg-col-horarios {
    color: #000;
    background-color: #cfd0f9;
}

.table-hover tbody tr:hover td {
    background: #e9ecef;
    color: #000;
}

.col-btn-exportar-admus {
    width: 95px;
}

.col-btn-bloquear-mes {
    width: 95px;
}

col-btn-desbloquear-mes {
    width: 115px; 
}

/* Adscripciones */
.dlg-adscripciones-width {
    max-width: 1160px
}

.height-fs-revisar {
    min-height: 315px;
    max-height: 315px;
}

.height-fs-adscripciones {
    min-height: 315px;
    max-height: 315px;
}

.text-info-adscripciones {
    font-size: .75rem;
}

.col-btn-revisiones {
    width: 91px;
    margin-right: .3rem;
}

.btn-calcular {
    color: #fff;
    background-color: #44669a;
    cursor: default;
}

.btn-calcular:hover {
    color: #fff;
    background-color: #003374;
    cursor: pointer;
}

.admus-control-fecha {
    width: 138px;
}

.admus-control-accion {
    width: 155px;
}

.admus-control-dpto {
    width: 165px;
}

.height-grids-adscripciones tbody {
    height: 378px;
}

.height-grids-completar-usuarios tbody {
    height: 378px;
}


.grid-admus-usuario {
    min-width: 330px;
    max-width: 330px;
}

.grid-admus-fecha {
    min-width: 150px;
    max-width: 150px;
}

.grid-admus-estado {
    min-width: 120px;
    max-width: 120px;
}

.grid-admus-situacion {
    min-width: 120px;
    max-width: 120px;
}

.grid-admus-duracion {
    min-width: 90px;
    max-width: 90px;
}

.grid-admus-uo {
    min-width: 250px;
    max-width: 250px;
}

.grid-admus-cant-dias-objetivos {
    min-width: 80px;
    max-width: 80px;
}

.grid-admus-cant-dias-registrados {
    min-width: 80px;
    max-width: 80px;
}

.grid-admus-cant-jornadas {
    min-width: 90px;
    max-width: 90px;
}

.grid-admus-cant-ausencias {
    min-width: 95px;
    max-width: 95px;
}

.grid-admus-usuario-asignacion {
    min-width: 230px;
    max-width: 230px;
}

.grid-admus-empresa {
    min-width: 108px;
    max-width: 108px;
}

.grid-admus-asignacion {
    min-width: 180px;
    max-width: 180px;
}

.grid-admus-servicio {
    min-width: 167px;
    max-width: 167px;
}

.grid-admus-codlabor {
    min-width: 80px;
    max-width: 80px;
}

.grid-admus-usuario-adscripcion {
    min-width: 245px;
    max-width: 245px;
}

.grid-admus-idcontrato {
    min-width: 80px;
    max-width: 80px;
}

.grid-admus-idempresa {
    min-width: 80px;
    max-width: 80px;
}

.grid-admus-iddpto {
    min-width: 90px;
    max-width: 90px;
}

.grid-admus-idunidad-negocio {
    min-width: 95px;
    max-width: 95px;
}

.grid-admus-adscripcion {
    min-width: 80px;
    max-width: 80px;
}
/* Fin Adscripciones */


.text-loading {
    color: #44669a;
}

/* Editor turnos */
.col-turno-min-comida {
    width:85px
}

.col-turno-cant-pvd {
    width: 70px
}

.col-turno-salida-dia-siguiente {
    width: 155px
}

/* Popup Ajustes Horario */
.fs-atenciones legend {
    color: #000;
    background-color: #e7fde5;
    border-color: #d4d4d4;
}

.fs-jornadas legend {
    color: #000;
    background-color: #e3ecfb;
    border-color: #d4d4d4;
}

.fs-pausas legend {
    color: #000;
    background-color: #fffacc;
    border-color: #d4d4d4;
}

.fs-pausa-fuera-atencion legend {
    color: #fff;
    background-color: #fe6868;
    border-color: #fe0c0c;
    width: 8rem;
}

.col-min-pausa-fuera-atencion {
    width: 30px;
}

.bg-pausa-fuera-atencion {
    background-color:#f9bbc1; 
}


.fs-horarios legend {
    color: #000;
    background-color: #cfd0f9;
    border-color: #d4d4d4;
}

.fs-usuario legend {
    color: #000;
    background-color: #fff;
    border-color: #d4d4d4;
}

.table-col-edit-header {
    font-size : .75rem;
}

.bg-input-larga {
    background-color: #f9e8e9;
}

.bg-input-larga:hover, .bg-input-larga:focus {
    background-color: #f9e8e9;
}

.col-sds-full {
    width:140px;
}

.tabla-ajuste-horario {
    border: 1px solid #DFDFDF;
    border-radius: .2rem;
}

.aviso-tb-pausas {
    color: #2f5186;
    font-size: .8rem;
}

.col-uoV360 {
    width: 262px;
}

.dlg-calculador {
    max-width: 550px;
}

.table-custom th, .table-custom thead {
    background-image: linear-gradient(to bottom, #7eacf1, #7ba8f5, #7aa3f9, #7b9efc, #7d99ff);
    color: #fff;
    padding: .10rem;
    font-size: .8rem;
}

.table-custom td  {
    padding: .18rem;
    font-size: .8rem;    
}

.lbl-table-custom {
    font-size: .7rem;
}


.table-custom tr td {
    border: 1px solid #D7E5F9;
}

.table-custom tr th a {
    color: #fff;
    text-decoration: underline;
}    


/* Escritorio */
.workspace-wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}


#contenidos {
    width: 100%;
    padding: 20px;
   /* min-height: 100vh;*/
    transition: all 0.3s;
}

/* Grid Exportacion Incidencias Labor */
.dlg-exportar-inc-sap {
    min-width: 1285px;
    max-width: 1285px;
}

.height-grid-inc-exportar-sap tbody {
    height: 371px;
}

.grid-inc-exportar-nombre {
    min-width: 275px;
    max-width: 275px;
}

.grid-inc-exportar-codigom {
    min-width: 60px;
    max-width: 60px;
}

.grid-inc-exportar-incidencia {
    min-width: 190px;
    max-width: 190px;
}

.grid-inc-exportar-importe {
    min-width: 80px;
    max-width: 80px;
}

.grid-inc-exportar-unidades {
    min-width: 80px;
    max-width: 80px;
}

.grid-inc-exportar-fecha-modificacion {
    min-width: 156px;
    max-width: 156px;
}

/* FIN Grid Exportacion Incidencias Labor */

/* Grid Revision Cheques */
.grid-inc-revisar-cheques-usuario {
    min-width: 235px;
    max-width: 235px;
}

.grid-inc-revisar-cheques-fecha {
    min-width: 90px;
    max-width: 90px;
}

.grid-inc-revisar-cheques-uo {
    min-width: 200px;
    max-width: 200px;
}

.grid-inc-revisar-cheques-idjornada {
    min-width: 75px;
    max-width: 75px;
}

.grid-inc-revisar-cheques-idusuario {
    min-width: 75px;
    max-width: 75px;
}

.grid-inc-revisar-cheques-iduo {
    min-width: 60px;
    max-width: 60px;
}


/* FIN Grid Revision Cheques */

/* Generador de ausencias */
.col-ausencias-dias-semana {
    width:260px;
}

.fs-min-height {
    min-height :220px;
}
/* FIN Generador de ausencias */

/* Tamaños de popup personalizados */
@media (min-width: 992px) {
    .modal-lg-ex {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-lg-ex {
        max-width: 900px;
    }
}
/* FIN Tamaños de popup personalizados */

/* Estilos habilitaciones/asignaciones no activas */

.bg-col-habiltacion-noactiva {
    /*background-color: #f9e8e9;*/
    background-color: #ececec;
    color: #659dd6;
}

.bg-col-asignacion-noactiva {
    background-color: #ececec;
    color: #659dd6;
}

.col-asignacion-defecto {
    color: #10b710;
    font-weight: bold;
}

.col-asignacion-rapida {
    color: #4881ee;
    font-weight: bold;
}

/* Fin Estilos habilitaciones/asignaciones no activas */

/* Datos Operativos del usuario */
.col-dou-pctjornada {
    width:72px;
}

.col-dou-tlf-notif {
    width: 136px;    
}

.col-dou-dni {
    width: 90px;
}

.col-dcon-grado-disca {
    width: 135px;
}
/* FIN Datos Operativos del usuario */

.bg-col-incidencia-novigente {
    background-color: #ececec;
    color: #659dd6;
}