/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 14px;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.A4{
    height: 297mm;
    width: 210mm;
}

.header-social{
    background-color: #f05858 !important;
    border-top-color: #f05858 !important;
}


.dateinput{
    width: 110px;
}
.numberinput{
    width: 110px;   
}
.derecha{
    text-align: right;
}
.centrado
{
    text-align: center;
}
.bordeinferior
{
    border-bottom: 1px solid gray;
}

div.derechainput div div input
{
    text-align: right;
} 

label
{
    font-weight: normal;
}


tr.tabla:nth-child(even) {
   background-color: #FAE7EC;
}
table.tabla
{
    border-collapse:collapse;
}
table.tabla, table.tabla th, table.tabla td
{
    border: 1px solid gray;
    padding:3px 7px 2px 7px;
}

.recoger
{
    color: red;
}

table.tablesorter tbody tr.recoger td
{
    background-color: rgb(255, 0, 0);
}


/*Agenda*/
th.cabeceraagenda{
    text-align: center;
    padding: 0px;
}

td.celdaagenda{
    border:2px solid black; /*#B5DAF7*/
    font-size: 8pt;
}
td.horaagenda{
    border:2px solid black;
    font-size: 14pt;
    text-align: center;
    height: 60px;           
}
td.horacomida{
    background-color:rgb(238, 236, 236);
    height: 20px;           
}
td.Rojo{
    background: rgb(248, 119, 119);
}
td.Rosa{
    background: #ED80F7;
}
td.Naranja{
    background: rgb(247, 187, 111);
}
td.Amarillo{
    background: rgb(250, 250, 114);
}
td.Verde{
    background: rgb(92, 197, 92);
}
td.Azul{
    background: rgb(158, 226, 252);
}
td.Azulon{
    background: blue;
}
td.Rosa{
    background: pink;
}

/*color por estados*/
/*ESTADO=(('A','Abierto'),('P','Pdte facturar'),('F','Facturado'),('C','Cerrado'),('N','Nulo'), ('R', 'Reabierto'))*/
select.A{
    color:white;
    background: green; /*Verde*/
}
select.P{
    color:black;
    background: yellow; /*Amarillo*/
}
select.F{
    color:white;
    background:blue; /*Facturado*/
}
select.C{
    color:white;
    background: red; /*Cerrado*/
}
select.N{
    color:white;
    background: black; /*Negro*/
}
select.R{
    color:black;
    background: orange; /*Naranja*/
}

td.A{
    color: rgb(6, 119, 6); /*Verde*/
}
td.P{
    color: rgb(163, 163, 3); /*Amarillo*/
}
td.F{
    color:rgb(0, 31, 255); /*Facturado*/
}
td.C{
    color: rgb(255, 0, 0); /*Cerrado*/
}
td.N{
    color: black; /*Negro*/
}
td.R{
    color: rgb(255, 142, 0); /*Naranja*/
}


tr.Rojo{
    color: rgb(255, 0, 0);
}
tr.Rosa{
    color: #ED80F7;
}
tr.Naranja{
    color: rgb(255, 142, 0);
}
tr.Amarillo{
    color: rgb(163, 163, 3);
}
tr.Verde{
    color: rgb(6, 119, 6);
}
tr.Azul{
    color:rgb(0, 31, 255);
}

#contenedor_login{
    position:absolute;
    height: 316px;
    width:210px;
    z-index:5;
    opacity:0.85;
    top:50%;
    left:50%;
    margin-top: -168px;
    margin-left: -105px;
    background-color: white; 
}

.circulo {
     width: 25px;
     height: 25px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}

button.Rojo{
    background: rgb(255, 0, 0);
}
button.Amarillo{
    background: rgb(241, 241, 1);
}
button.Verde{
    background: rgb(6, 119, 6);
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.ui-tabs div.ui-tabs-panel{
    overflow: hidden;
    max-width: max-content;
}

/*.mimodal_contenido{
  width:300px;
  padding: 10px 20px;
  margin: 20% auto;
  position: relative;
}
.mimodal{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition: all 1s;
}
.mimodal_noactivo{
  opacity:0;
  pointer-events:auto;
}
.mimodal_activo{
  opacity:1;
  pointer-events:none;
}
*/
.modal_contenido{
  border: 1px solid gray; 
  /*max-width:50%;*/
  padding: 10px 0px;
  margin: 10% auto; /*20%*/
  position: relative;
  background-color: lightgray;
  display: flex;
  flex-direction: column;
}
.modal_esp{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition: all 1s;
}
.mimodal_esperandoactivo{
  opacity:1;
  pointer-events:auto;
}
.mimodal_esperandonoactivo{
  opacity:0;
  pointer-events:none;
}

/*Agenda*/
div#franja_dia{    
    background: cornflowerblue;
    padding-left: 5px;
    padding-right: 0px;
}
#agenda_dia{
    font-size: 75px;
    color: white;
}
#agenda_mes{
    font-size: 16px;
    color: white;
}
#agenda_nombredia{
    font-size: 16px;
    color: white;
}
div#franja_hora{    
    background: #169832;
    text-align: center;
    padding: 0px;
}

.agenda_hora{
    height: 55px;
    font-size: 22px;
    color: white;   
    border: 0.1px solid black;
    margin: 0px;
}
div#franja_trabajos{
    background-color: white;
    padding: 0px;
    overflow: hidden
    width:100%;
}


.agenda_trabajo{
    grid-column:1 / 2;
    border: 1px solid black;
    overflow: auto;
/*    padding-left: 5px;
    padding-right: 5px;
    height: 55px;
    font-size: 18px;
    color: black;   
    border: 0.1px solid black;
    margin: 0px;  
    float: left;
    line-height: 50%;
    overflow: auto;*/
}

.sintrabajos{
    padding-top: 5px;
    color: gray;
    font-size: 10px;    
}
.numtrabajos0{
    width: 100%
}
.numtrabajos1{
    width: 100%
}
.numtrabajos2{
    width: 50%
}
.numtrabajos3{
    width: 33.3333%
}
.numtrabajos4{
    width: 25%
}
.numtrabajos5{
    width: 20%
}
.numtrabajos6{
    width: 16.6666%
}
.numtrabajos7{
    width: 14.2857%
}
.numtrabajos8{
    width: 12.5%
}
.numtrabajos9{
    width: 11.111%
}
.numtrabajos10{
    width: 10%
}
.numtrabajos11{
    width: 9.0909%
}
.numtrabajos12{
    width: 8.3333%
}
.numtrabajos13{
    width: 7.6923%
}
.numtrabajos14{
    width: 7.1428%
}
.numtrabajos15{
    width:6.6666%
}
.numtrabajos16{
    width: 6.25%
}
.numtrabajos17{
    width: 6%
}
.numtrabajos18{
    width: 5.5%
}
.numtrabajos19{
    width: 5%
}
.numtrabajos20{
    width: 5%
}
.opcion_delegacion{
    color: white;
    font-size: 28px;
}

.checkcontainerseleccionada{
    font-size: 28px;
    color: white;
}
.checkcontainer{
    font-size: 14px;
    color: white;
}
.hora_detalle_agenda{
    font-size: 8px;
    margin: 0px;
}
.cliente_detalle_agenda{
    font-size: 10px;
    color:blue;
}
.descripcion_detalle_agenda{
    font-size: 10px;   
}
.trabajo_realizado{
    text-decoration: line-through;
}
.trabajo_anulado{
    text-decoration: line-through;
    color:red;
}
#div_trabajo_pendiente2{
    background-color: lightgrey;
}
.tam10{
    font-size: 10px;
}
.tam12{
    font-size: 12px;
}
.Alquiler{
    background-color: antiquewhite;
}
.Mantenimiento{
    background-color: #b5e0f7;
}
.Transporte{
    background-color: lightyellow;
}
.flex_columna{
    display: flex;
    flex-direction: column;
}
.flex_fila{
    display: flex;
    flex-direction: row;
}
.agenda_trabajador{
    border: 1px solid gray;
    padding: 5px 5px;
}
.fecha{
    max-width: 110px;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}