*/    Hoja de Estilos para las ficha de datos de los mantenimientos de ecoSoftWEB */
/***************** ecoSoftWEB - Estilos comunes *****************/
.Listas_datos{
    font-size: 18px;
    color: #4e4e50;
    padding: 0 0 0px 0px;
}

.Listas_datosObservaciones{
    font-size: 15px;
    max-width: 600px;
    color: #888;
    padding: 0 0 0px 0px;
    white-space: pre-wrap;
}

.Listas_datosImagen {
    grid-column-align: center;
    grid-row-align: center;
}

.form-separador {
    padding: 45px 0 15px 0;
}

p.desc-campo {
    color: #888;
}

@media (max-width: 767px) {
       p.desc-campo {
            display: none !important;
        }

    
    }

.fecha-actualizacion {
    margin: 20px 0 10px 0;
}

.detalle-imagen{
    margin-left: 0px;
}

.controles-imagen {
    max-width: 300px;
    padding-left: 9px;
    display: flex;
    align-items:center;
}

.controles-imagen > input[type="text"] {
    max-width: calc(100% - 44px);
    margin-right: 5px;
}

.marco-imagen{
    height: 300px;
    width: auto;
    max-width: 300px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.marco-imagen > img {
    max-height: 300px;
    max-width: 300px;
    margin: 4px;
}

#marco-imagen-usuario > .img-circle.img-thumbnail {
    height: 213px;
    width: 213px;
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#marco-imagen-usuario {
    height: 213px;
    width: 213px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16),
                0 2px 10px rgba(0, 0, 0, 0.12);
}

.controles-imagen-usuario {
    max-width: 100%;
    display: flex;
    align-items:center;
}

.controles-imagen-usuario > input[type="text"] {
    max-width: calc(100% - 44px);
    margin-right: 5px;
}

.controles-imagen #borrar-imagen,
.controles-imagen-usuario #borrar-imagen{
    width: 100%;
}

.marco_img_entidad_facturacion {
    height: 135px;
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
    margin: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.marco_img_entidad_facturacion > img{
    padding: 4px;
}

.control-desactivado{
    cursor: not-allowed !important;
    pointer-events: all !important;
}

.control-desactivado span.onoffswitch-inner:before{
    background-color: #9cd4dc;
}

#menu-lateral-desplegable ul a.control-desactivado {
    opacity: .5;
}

textarea{
    min-height: 100px;
}

label.control-label{
   font-weight: 600;
    font-size: 1.1em;
}


/* Combo de formulario de 2, 3 y 4 elementos*/
.formulario-combo-3 > div.col-md-2{
    padding: 0 5px 0 10px;
}

.formulario-combo-3 > div.col-md-1{
    padding: 0 15px 0 0;
}

/*.formulario-combo-3 > div.col-md-1 > * {
   display: block;
   width: 100%;
}*/

.formulario-combo-3 > .row > .col-md-12 {
    padding-left: 34px;
    padding-right: 30px;
}

.formulario-combo-2  > div.col-md-1{
    padding: 0 15px 0 0;
}

.formulario-combo-2 > div.col-md-1 > a,
.formulario-combo-2 > div.col-md-1 > label{
    display: block;
}

.formulario-combo-4 > div.col-md-5 {
    padding: 0 15px 0 0;
}

.formulario-combo-4 > div.col-md-1{
    padding: 0 15px 0 0;
}

.formulario-combo-4 > div.col-md-1 > a {
   display: block;
}



.form-control {
resize:vertical !important;
}



#infoSuscriptor-usuarioSat {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#infoSuscriptor-usuarioSat > .form-group {
    display: flex;
    margin-bottom: -10px;
}



/* Combo de formulario con elementos desplegables */
.form-combo-desplegable button{
    width: 100%;
}


/************* Menú lateral desplegable **************/
.pantalla-mlateral, .index-panels {
    position: relative;
}

.pantalla-mlateral > .col-md-2 {
    padding-left: 0;
}

#menu-lateral-desplegable {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    margin-bottom: 20px;
    padding: 0;
   
}

#menu-lateral-desplegable h2 {
    margin: 0;
    padding: 20px 15px 10px 15px;
    color: #1a2829;
    background-color: #dadada;
    font-size:145%;
}

#menu-lateral-desplegable > ul.nav > li {
    float: none;
}

#menu-lateral-desplegable > ul.nav-tabs {
    /*border: none;*/
}

#menu-lateral-desplegable > ul.nav-tabs > li > a,
#menu-lateral-desplegable > ul.nav-tabs > li > span > a {
    margin: 0;
    border: 1px solid transparent;
    background-color: transparent;
    color: #333;
}

#menu-lateral-desplegable > ul.nav-tabs > li > a,
#menu-lateral-desplegable > ul.nav-tabs > li > span > a{
    padding: 10px 30px;
    border: none;
}

#menu-lateral-desplegable > ul.nav-tabs > li > a:first-child > i{
    font-size: 12px;
    position: absolute;
    top: 13px;
    left: 15px;
}


#menu-lateral-desplegable > ul.nav-tabs > li.mlateral-submenu > a > i.fa-external-link{
    top: 9px;
}

#menu-lateral-desplegable > ul.nav-tabs > li > a > i.fa-external-link{
    position: absolute;
    right: 10px;
    left: auto;
}

#menu-lateral-desplegable > ul.nav-tabs > li.mlateral-menu{
    background-color: #eee;
    border-radius: 0;
    border-top: 1px solid #e3e3e3;
}

#menu-lateral-desplegable > ul.nav-tabs > li.active > a,
#menu-lateral-desplegable > ul.nav-tabs > li.active > span > a,
#menu-lateral-desplegable > ul.nav-tabs > li.mlateral-submenu.active > a,
#menu-lateral-desplegable > ul.nav-tabs > li.mlateral-submenu.active > span > a{
    border-radius: 0;
    color: #14b6cd;
    background-color: #fff;
    box-shadow: inset 3px 0 0 0 #42b6cd;
}

#menu-lateral-desplegable > ul.nav-tabs > li.mlateral-submenu > a{
    color: #888;
    padding: 3px 25px 3px 50px;
}

#menu-lateral-desplegable  > a > i{
    color: #14b6cd;
    padding: 3px 25px 3px 50px;
}

.nav > li > span > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav-tabs > li > span > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li.active > span > a,
.nav-tabs > li.active > span > a:hover,
.nav-tabs > li.active > span > a:focus {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs > li > span > a:hover {
    border-color: #eeeeee #eeeeee #dddddd;
}

.nav > li > span > a:hover,
.nav > li > span > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}




#iconos-tipo {
    padding: 15px;
}

#iconos-tipo h2 {
    margin-top: 0px;
    line-height: .55;
}

#iconos-tipo img {
    padding: 2px 3px;
}



#cerrar-menu {
    z-index: 1;
    cursor: pointer;
    padding: 10px 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 4px 0 4px 0;
    background-color: #dadada;
}

div#cerrar-panel, div#cerrar-panel-tallaje, div#cambioVistaFamilias-tree-chart,
div#cambioVistaActividades-tree-chart,
div#cambioVistaGrupos-tree-chart,
div#cambioVistaSecciones-tree-chart {
    z-index: 2;
    cursor: pointer;
    padding: 7px 9px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 0px 0 4px 0;
    background-color: #dadada;
}

#cerrar-panel-left {
     z-index: 2;
    cursor: pointer;
    padding: 7px 9px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0px 0 0px 4px;
    background-color: #dadada;
}

#cerrar-up {
     z-index: 2;
    cursor: pointer;
    padding: 7px 9px;
       position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0px 0 0 4px;
    background-color: #dadada;
    color:#888;
}

#cerrar-menu:hover,
#cerrar-panel:hover,
#cerrar-up:hover,
div#cambioVistaFamilias-tree-chart:hover,
div#cambioVistaActividades-tree-chart:hover,
div#cambioVistaGrupos-tree-chart:hover {
    color: #fff;
    background-color: #14b6cd;
}

.pantalla-mlateral .well {
    transition: margin-left .5s, width .5s, min-height .2s;
}

.pantalla-mlateral .well .well{
    padding-top: 15px;
}

.index-panels .panel-table, .index-panels .panel-chart  {
    transition: margin-left .5s, width .5s, min-height .2s;
}

.index-panels {
width:100%;
margin-top:15px;
min-height:850px;
}

.panel-chart {
    z-index: 1;
}

.panel-chart-z {
z-index:-1;
position:absolute;
}

.panel-table {
z-index:1;
position:relative;
min-height:850px;
background-color:#fff;
border-left:1px solid #fff;
}


x_content {
    clear: both;
    float: left;
    margin-top: 5px;
    padding: 0 5px 6px;
}
.x_content, table.tile td ul li a, table.tile_info {
    width: 100%;
    max-width:100%;
}



.table a:hover {
    color:#14b6cd
}


    .table a.titulos {
    color:#0379a7 !important;
     font-family:'Open Sans', sans-serif !important;
    
    }

table.tabla-tallajes thead th,
table.tabla-tallajes tbody tr th,
table.tabla-tallajes tfoot th,
table.tabla-tallajes thead td,
table.tabla-tallajes tbody td,
table.tabla-tallajes tfoot td {
    padding: 10px 5px;
}


/********************************************/
/*MENU LATERAL CONT TABS LIMPIO*/
/********************************************/

#Contenedor_Menu_Lateral_Clean {
        z-index:1;
}

#Menu_Lateral_Clean {

}

    #Menu_Lateral_Clean li.active {
    border-left:5px solid #14b6cd;
    border-radius:0px;
    }

    #Menu_Lateral_Clean li a {
        padding:22px 10px;
    }
        #Menu_Lateral_Clean li.active a {
          border-radius:0px;
        }

#Contenido_Tabs_Clean {
position:relative;
margin-left:-1px;
border-left: 1px solid #ddd;
z-index:0;
padding-left:25px;
}


/********************************************/
/*MENU LATERAL CONFIGURACION TABLAS BÁSICAS*/
/********************************************/


#barra-lateral-submenu a {
    color:#fff;
}
#barra-lateral-submenu a:hover {
    text-decoration:none;
}

#barra-lateral-submenu li.AdminPlantillaPermisos a {
    color:#fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

#barra-lateral-submenu li.AdminPlantillaPermisos a:hover {
    background-color: #ec971f;
    border-color: #d58512;
}

#barra-lateral-submenu li.AdminPlantillaPermisos a i.fa,
#barra-lateral-submenu li.AdminPlantillaPermisos a i.fa:hover {
    color: #fff;
}

#barra-lateral-submenu li a{
padding:8px 5px;
border-bottom:1px solid #717171;
display:block;
}

#barra-lateral-submenu li i.fa {
color:#e3e3e3;
padding:5px;
}

#barra-lateral-submenu li img {
margin-right:5px;
margin-left:5px;
}
#barra-lateral-submenu li a:hover {
    background-color:#5c5c5e;}

#barra-lateral-submenu li i.fa:hover {
    color: #14b6cd;
}

#barra-lateral-submenu li.active {
background-color:#5c5c5e;
}
#barra-lateral-submenu {
background:#333;
}

    #barra-lateral-submenu .block {
        transition: all .75s ease;
    }

.submenu-config-z li{
text-align:left;
}


.contenido-submenu-panel {
width:100%;
 float:right;
 -ms-flex: 1;
 -webkit-box-flex: 1;
 -moz-box-flex: 1;
 -ms-box-flex: 1;
 box-flex: 1;
 /*background:#fff;*/  
}

.contenido-submenu-panel-z {
    width:90%;
     transition: margin-left .5s, width .5s, min-height .2s;
      -ms-flex: 1;
 -webkit-box-flex: 1;
 -moz-box-flex: 1;
 -ms-box-flex: 1;
 box-flex: 1;  
}

#MenuSat, #MenuServicios {
background-color:#333 !important;}

/*PRUEBAS SUBMENU LATERAL*/

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}

.contenedor {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flexbox;
  display: flexbox;
 width:100%;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
}

.barra-lateral-submenu {
background-color: #4e4e50;
  width: 55px;
  -webkit-box-flex:  0;
-moz-box-flex:  0;
-ms-box-flex:  0;
box-flex:  0;  
 transition: margin-left .5s, width .5s, min-height .2s;

}

.barra-lateral-submenu-open {
background-color: #4e4e50;
  width: 200px;

-webkit-box-flex:  0;
-moz-box-flex:  0;
-ms-box-flex:  0;
box-flex:  0; 
transition: margin-left .5s, width .5s, min-height .2s;
 
}


#Submenu-Config {
min-width:100%;
width:100%;
}

#Submenu-Config li {
padding-right:0px 2px;}

.principal {
  background: aliceblue;
 -ms-flex: 1;
 -webkit-box-flex: 1;
 -moz-box-flex: 1;
 -ms-box-flex: 1;
 box-flex: 1;  
 
}

#IrAMiPerfil {color:#14b6cd !important;}

/***** Leyenda de tipo de incidencias (menú lateral SAT) *****/
#leyenda-incidencias {
    border-top: 5px solid #ffffff;
    background-color: #404040;
}

#barra-lateral-submenu ul.lista-incidencias > li > a {
}

#barra-lateral-submenu ul.lista-incidencias > li.titulo-leyenda {
    color: #fff;
    padding: 8px 10px;
    background-color: #333;
}





@media (min-width: 992px) and (max-width: 1367px) {
.barra-lateral-submenu .btn {
 
    padding:0;

}
}

/**********SEPARADOR**********/
.separador-accion{
color:  #dadada;
    margin: 0px 8px
}
.separador-control {
    border-right: 1px solid #dadada;
    margin: 0px 8px;
    /*padding: 0 8px;*/

}

/*********** Cajas de texto personalizadas (dimensiones) y editor de texto ************/
.well .form-group textarea {
    max-width: 100%;
    min-width: 100%;
}

.well .full-text-area {
    min-height: 100%;
    max-width: 100%;
    border-radius: 0 0 4px 4px;
}

.well .md-text-area {
    min-height: 160px;
}

.modal-dialog .modal-body .form-group {
    margin-left: 0;
    margin-right: 0;
}

.modal-body .checkbox label:before {
    content: "";
    display: none;
}

.modal-body .checkbox input[type="checkbox"] {
    opacity: 1;
}

.note-editable.panel-body img{
    padding: 1.25em 0;
    max-width:100%;
}

.note-editable.panel-body table img{
    max-width:initial;
}

.note-editable p {
    margin:0;
}

textarea ul {
    list-style: initial;
    padding-left: 60px;
}

textarea.md-text-area + div.note-editor div.panel-body {
    min-height: 130px;
}

.note-editor.panel {
    margin-bottom: 0;
}

.note-editor.panel .note-editing-area .note-editable.panel-body img {
    padding: 0;
}

.note-editor .note-editing-area .note-editable.panel-body ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}




/*********** Cajas de texto personalizadas (dimensiones) para TALLAJES (20 campos por fila) ************/
#tallajes {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 15px;
}

#tallajes > .talla{
    flex-direction: column;
    align-items: center;
    padding: 0 1px;
}

#tallajes > .talla > input {
    width:3.7em;
    padding:5px 3px;
    text-align:center;
    font-weight:600;
    margin-top:3px;
}


.talla {
text-align:center;
margin-bottom:10px;
}


/******************* Campos de "banco" AEB, IBAN... *********************/
.campo-banco > .input-group-addon {
    border-left: none;
}

.campo-banco > .input-group-addon.cuenta-correcta {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.campo-banco > .input-group-addon.cuenta-incorrecta {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}





/*********** Cajas de texto tipo FECHA (estilos calendario) *************/
.ui-state-active, .ui-widget-content .ui-state-active {
    background-color: #14b6cd;
    border-color: #12a1b6;
}

.ui-widget.ui-widget-content {
    box-shadow: 3px 3px 10px -2px rgba(0, 0, 0, .2);
}

.ui-datepicker.ui-widget {
    z-index: 99999999 !important;
}

.ui-datepicker-buttonpane.ui-widget-content {
    margin: 0;
    border: none;
}

.ui-datepicker-buttonpane.ui-widget-content > button {
    margin: .2em 0 .4em 0;
    padding: .3em .6em .2em .6em;
}

.ui-datepicker-buttonpane.ui-widget-content > button.ui-datepicker-current {
    float: none;
    display: block;
    margin: .8em auto .4em;
    padding: .3em .6em;
    line-height: 1;
}

.ui-datepicker-buttonpane.ui-widget-content > button.ui-datepicker-close {
    display: none;
}

.separadorEditFecha,
.separadorEditHora{
    padding: 4.5px 0px;
    font-size: 1.3em;
    color: #ccc;
}

#editFecha {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    max-height:34px !important;
    overflow:hidden;
}

#editFecha.details {
    background-color: #eee;
}

#editFecha.focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#editFecha input {
    border: none;
    max-width: 25px !important;
    box-shadow:none;
    padding:5px 4px;
    max-height:34px !important;
}

    #editFecha.details input {
          padding:5px 0px;
    }
#editFecha input.year{
    border: none;
    max-width: 50px !important;
}

#editFecha input:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

#editFecha .pull-left:nth-child(5) input {
    max-width: 60px;
}

.cajaFecha .list-inline-item {
    vertical-align:top !important;
}






/*********** Cajas de texto tipo HORA (EditHora) *************/
div#editHora {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    max-width:67px !important;
}

div#editHora.details {
    background-color: #eee;
}

div#editHora input {
    max-width: 29px;
    border: none;
    padding:6px 0px !important;
}

div#editHora input:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

div#editHora.focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}


.editHoraDisabled {
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    max-width:67px !important;
    letter-spacing:1px;
}


.editFechaDisabled {
max-width:110px;
letter-spacing:1px;
}

/*********** Cajas selectoras de color y resultado prueba de color *************/
#color-resultado > .color-fondo {
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}

#color-resultado .color-texto {
    display: block;
    padding: 6px 12px;
}






/*********** Caja "Select" para ESTADO y NIVELCONTROL *************/
select#ESTADO, select#NIVELCONTROL {
    color: #2d8592;
    background-color: #d9eef1;
    border-color: #bfe3e8;
}





/***** ¿Registro BLOQUEADO? (Candado junto a botones de ficha) 
#registro-bloqueado i{
    border-right: 1px solid #dadada;
    margin: 0;
    padding: 6px 8px 0 8px;
    margin-right: -8px;
    cursor: pointer;
    height: 34px;
}
    *****/
#controles-mante {
    display: flex;
    align-items: center;
}

#controles-mante > input[type="submit"] {
    margin-right: 5px;
}





/*** Estilos para cajas de texto según su estado (Lupas) ***/
input.form-control.input-warning {
    background-color: #f0ad4e;
    border: 1px solid #c18735;
    color: #fff;
}

input.form-control.input-danger {
    background-color: #d9534f;
    border: 1px solid #ab2f2b;
    color: #fff;
}

input.form-control.input-success {
    background-color: #5cb85c;
    border: 1px solid #3c843c;
    color: #fff;
    -webkit-text-fill-color:#fff
}

/*** Checkbox Tablas Permisos_Detalle_Web ***/
#Tabla_Permisos_Detalle_Web td label,
#Tabla_Permisos_Detalle_Web th > label,
#seleccionLineas_generarOT td label{
	position: relative;
	cursor: pointer;
	color: #666;
	font-size: 16px;
    margin-bottom: 0;
}

#Tabla_Permisos_Detalle_Web input[type="checkbox"],
#tblVencimientos input[type="checkbox"]
#seleccionLineas_generarOT input[type="checkbox"]{
	position: absolute;
	right: 9000px;
}

#Tabla_Permisos_Detalle_Web input[type="checkbox"] + .label-text:before,
#tblVencimientos input[type="checkbox"] + .label-text:before,
#seleccionLineas_generarOT input[type="checkbox"] + .label-text:before{
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 0px;
    font-size:18px;
}

#Tabla_Permisos_Detalle_Web input[type="checkbox"]:checked + .label-text:before,
#tblVencimientos input[type="checkbox"]:checked + .label-text:before,
#seleccionLineas_generarOT input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	color: #14B6CD;
	animation: efectoCheckbox 250ms ease-in;
}

#Tabla_Permisos_Detalle_Web input[type="checkbox"]:disabled + .label-text,
#tblVencimientos input[type="checkbox"]:disabled + .label-text,
#seleccionLineas_generarOT input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

#Tabla_Permisos_Detalle_Web input[type="checkbox"]:disabled + .label-text:before,
#tblVencimientos input[type="checkbox"]:disabled + .label-text:before,
#seleccionLineas_generarOT input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}

@keyframes efectoCheckbox{
	0%{transform: scale(0);}
	25%{transform: scale(1.05);}
	75%{transform: scale(1.12);}
	100%{transform: scale(1);}
}


@media (max-width: 767px) 
{
    #tblVencimientos input[type="checkbox"] + .label-text:before {
   font-size: 1.6em;
    
    }

}



/*** Gráficos de barras ***/
.ct-series-a .ct-bar {
    stroke: #14b6cd;
    stroke-width: 6%;
}
.ct-chart .ct-label {
    font-size: 14px;
}






/**** Ventanas de cálculo de comisiones ****/
#resultados_tabla > .x_panel,
#resultados_tabla_operario > .x_panel {
    background-color: #f5f5f5;
}





/****** Galerías de imágenes (en cajas con controles HTML) ******/
.imgIncluidaEnWeb {
    position: absolute;
    padding: 5px;
    margin: 5px;
    background-color: #fff;

}


/****PRUEBAS MOSTRAR OCULTAR CONFIGURACION******/

.configuracion {
position:relative;
z-index:2
}

/****SEARCH ENTIDAD SELECTOR**********/

#Entidad_Selector li, #Servicios_Selector li, #Ejecucion_Contrato_Selector li, #Articulos_Selector li{
   opacity: 0.5;
   filter: alpha(opacity=50); /* For IE8 and earlier */
   padding:3px;
   filter: grayscale(100%);
   -webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   border:2px solid  #888;
   border-radius: 2px 2px 2px 2px;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius:2px 2px 2px 2px;
   text-align:center;
   vertical-align:middle;
   margin-left:3px;
}

#Entidad_Selector li:hover, #Entidad_Selector li.selected, #Servicios_Selector li:hover,#Articulos_Selector li:hover, #Servicios_Selector li.selected, #Ejecucion_Contrato_Selector li:hover, #Ejecucion_Contrato_Selector li.selected, #Articulos_Selector li.selected{
   opacity: 1;
   filter: alpha(opacity=100); /* For IE8 and earlier */
   cursor:pointer;
   filter: grayscale(0%);
   border:2px solid  #14b6cd;
   background-color:#fff;
}





.lupaBusquedaDisponibilidadPersonal .requisitoLupaDisponibilidad.selected {
    opacity: 1;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

.lupaBusquedaDisponibilidadPersonal .requisitoLupaDisponibilidad {
    cursor: pointer;
    opacity: 0.4;
    background-color: #FFF;
    border: 5px solid #14B6CD;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}









#Servicios_Selector li.selected:after {
    content:"\f00c";
    position:absolute;
    right:3px;
    top:10px;
    font-family:'FontAwesome';
    color:#5cb85c;
    vertical-align:middle
}


#Servicios_Selector li {
    margin:5px 0px;
    text-align:left;
    position:relative;
}


#Ejecucion_Contrato_Selector li {
    width:120px;
    height:140px;
    padding-top:30px;
}






#busquedaPLaboralDisponible_requisitosOP .requisitoOP.selected {
    opacity: 1;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

#busquedaPLaboralDisponible_requisitosOP .requisitoOP {
    cursor: pointer;
    opacity: 0.4;
    background-color:#FFF;
    border:5px solid #14B6CD;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}


.busquedaPersonalLaboral_requisitosOP .requisitoOP.selected {
    opacity: 1;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

.busquedaPersonalLaboral_requisitosOP .requisitoOP {
    cursor: pointer;
    opacity: 0.4;
    background-color: #FFF;
    border: 5px solid #14B6CD;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}


/******INVENTARIOS********/

.label-inventario-total {
  background-color: #4d2487 !important;
  color: #FFF !important;
  
}

.label-inventario-parcial {
    background-color: #9879c3 !important;
    color: #FFF !important;
}

.label-inventario-automatico {
    background-color: #db75d5 !important;
    color: #FFF !important;
}

.label-inventario-diferencial {
    background-color: #ddc5ff;
    color:#4d2487;
}

.label-inventario-transformacion {
    background-color: #d6cee2 !important;
    color:#4d2487;
}

/*** LABEL PEDIDOS_LINEAS ***/
.label-pedido-pendiente-compra {
  background-color: #4ACAD9 !important;
  color: #FFF !important;
  border-radius:0em;
  /*font-size: 85%;*/
}

.label-pedido-pendiente-venta {
    background-color: #F2B035 !important;
    color: #FFF !important;
    border-radius:0em;
}


/*********** LABELS ESTADOS FACTURACIÓN (VENTAS / COMPRAS) ************/
.FacVentasNivelControl, .FacComprasNivelControl {
    border-radius: 0;
    font-size: 85%;
}

.label-docs-compra {
}

.label-distribucion-entrada {
     background-color: #5cb85c;
  border-radius:0em;
  font-size: 85%;
}
.label-distribucion-entrada-doc {
  background-color: #9ae09a;
  color:#333;
  font-weight:400 !important;
  border-radius:0em;
  font-size: 85%;
}
.label-distribucion-salida {
  background-color: #d9534f;
  border-radius:0em;
  font-size: 85%;
}
.label-distribucion-salida-pendiente {
  background-color: #f00;
  border-radius:0em;
  font-size: 85%;
}
.label-distribucion-salida-doc {
  background-color: #ffcece;
  color:#333;
  font-weight:400 !important;
  border-radius:0em;
  font-size: 85%;
} 
.label-distribucion-previa {
  background-color: #f0ad4e;
  border-radius:0em;
  font-size: 85%;
}
.label-distribucion-previa-doc {
  background-color: #fee5c1;
  color:#333;
  font-weight:400 !important;
  border-radius:0em;
  font-size: 85%;
}

.label-distribucion-salida-facturada {
     background-color: #14b6cd;
  border-radius:0em;
  font-size: 85%;
}
/***ESTADOS***/

.label-pendiente {
background-color:#EDEDED;color:#000
}

.label-albaran-compra {
    background-color:#ffe100;color:#000
}

.label-pedido-compra {
background-color:steelblue;color:#FFF}

/********DOCUMENTOS DE FACTURACION*************/

.cabecera-doc {
clear:both;
width:100%;
vertical-align:middle;
padding-right:15px;
padding-bottom:10px;
padding-top:15px;
align-content:space-between;
margin:5px auto;

}

    .cabecera-doc .label {
    font-size:140%;
    font-weight:600;
    }

.doc-pedido {
    background-image:url("../images/bg_pedido.gif");
    background-repeat:repeat;

}

.doc-inventario {
        background-image:url("../images/bg_inventarios.gif");
         background-repeat:repeat;
}
.doc-presupuesto {
        background-image:url("../images/bg_presupuesto.gif");
         background-repeat:repeat;
}
.doc-albaran {
        background-image:url("../images/bg_info_documentos.png");
         background-repeat:repeat;
}
.doc-prefactura {
    background-color: #f7dbe7;
    background-image: url('../images/bg_prefactura.jpg');
    background-repeat:repeat;
}
.doc-factura {
        background-image:url("../images/bg_factura.gif");
         background-repeat:repeat;
}
.doc-factura_gasto {
        background-image:url("../images/bg_factura_gasto.gif");
         background-repeat:repeat;
}
.doc-presupuesto_compra {
        background-image:url("../images/bg_presupuesto_compra.gif");
         background-repeat:repeat;
}

.doc-distribucion-entrada {
      background-image:url("../images/bg_distribuciones_entrada.gif");
         background-repeat:repeat;
}

.doc-distribucion-salida {
      background-image:url("../images/bg_distribuciones_salida.gif");
         background-repeat:repeat;
}

.doc-distribucion-salida-previa {
     background-image:url("../images/bg_pedido.gif");
    background-repeat:repeat;
}
.texto-grabado {
     color: #3a3a3a;
    /*text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);*/
     font-family: "Century Gothic", sans-serif;
    font-size: 2em;
    text-align: center;
    vertical-align:middle;
    margin-right:5px;
    }

.contenedor-texto-vertical {
position:relative;
top:180px;
width: 400%;
-webkit-box-flex:  0;
-moz-box-flex:  0;
-ms-box-flex:  0;
box-flex:  0;  
transition: margin-left .5s, width .5s, min-height .2s;
/* Safari */-webkit-transform: rotate(-90deg);
/* Firefox */-moz-transform: rotate(-90deg);
/* IE */-ms-transform: rotate(-90deg);
/* Opera */-o-transform: rotate(-90deg);
/* Internet Explorer */filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
left:-150px;
    }

      

.container-pagina {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
}

.indicador-doc-vertical {
    width:20px;
-ms-flex: 0 100px;
-webkit-box-flex:  0;
-moz-box-flex:  0;
-ms-box-flex:  0;
box-flex:  0;  
margin-right:10px;
}

.texto-vertical-pagina {
    background-color:#75bdca;
 width:100px;
-ms-flex: 0 100px;
-webkit-box-flex:  0;
-moz-box-flex:  0;
-ms-box-flex:  0;
box-flex:  0;  
margin-right:10px;
background-image:url("../images/bg_documentos.png");

}


.contenido-pagina {
 -ms-flex: 1;
 -webkit-box-flex: 1;
 -moz-box-flex: 1;
 -ms-box-flex: 1;
 box-flex: 1;  
}

.info_documento_pagina {
background-image:url("../images/bg_info_documentos.png");
padding:10px;
}

 .contenedor-texto-vertical .label, .info_documento_pagina .label {
        font-size:60%;
        vertical-align:middle;
 }

.contenedor-texto-vertical .label {
margin-left:-50px;
margin-top: -5px;
}



@media screen and (max-width: 768px) {
    .barra-lateral-submenu {
        width: 35px;
    }
    .contenido-submenu-panel .x_panel {
        background: transparent !important;
    }


    .cabecera-doc {
    background-image:none;
    padding-top: 0px;
    }

    label.control-label {
        margin-top: 10px;      
    }
    .clearmobile {
    clear:both;
    display:block
    }
}

/******Formulario en lista*******/
.form-list {
    margin-top:15px;
}
    .form-list li {
        margin:10px 0px;
    }



/******FORMULARIOS DINÁMICOS*********/




/* PARTIAL: EditCapturaImagen */
.EditCapturaImagen [id^="controles_comp_camara"] {
    max-width: 300px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.EditCapturaImagen [id^="canvas"] {
    max-width: 100%;
}

.EditCapturaImagen [id^="background_video"] {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
}

.EditCapturaImagen [id^="marco_video"] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1101;
    width: 100%;
}

.EditCapturaImagen [id^="marco_video"] > div {
    width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.EditCapturaImagen [id^="marco_video"] [class^="cabecera_video"] [class^="btn_cerrarVideo"] {
    position:absolute;
    top: 15px;
    right: 15px;

    z-index: 2;
    cursor:pointer;
}

.EditCapturaImagen [id^="marco_video"] [class^="pie_video"] [class^="btn_paginadorCamaras"] {
    position:absolute;
    bottom: 15px;
    right: 15px;

    z-index: 2;
}

.EditCapturaImagen [id^="marco_video"] [class^="pie_video"] [id^="lista_camaras"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.EditCapturaImagen [id^="marco_video"] [class^="pie_video"] [id^="lista_camaras"] > div {
    color: #FFF;
    opacity: 0.5;

    z-index: 2;
}

.EditCapturaImagen [id^="marco_video"] [class^="pie_video"] [id^="lista_camaras"] > div.camara_activa {
    color: #FFF;
    font-weight: bold;
    opacity: 1;

    z-index: 2;
}

.EditCapturaImagen [id^="marco_video"] [class^="pie_video"] [class^="btn_capturaFoto"] {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);

    width: 70px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.3);
    border: 5px solid #FFF;
    border-radius: 50%;

    z-index: 2;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
}

.EditCapturaImagen [id^="marco_video"] video {
    border-radius: 15px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    max-width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}