/* color: */
.blanco{color: #FFF;}
.lima{color: #8CBF26;}
.oro{color: #E7AE18;}
.rojo{color: #EB4847;}
.verde{color: #63C76A;}

.delete-image:link, .delete-image:visited {
    color: #fff;
}
.delete-image{background-color: #ed5565;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    height: 20px;
    left: 7px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 20px;
}

.sinpadding[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.sinpadding-left[class*="col-"] {
    padding-left: 0;
}
.sinpadding-right[class*="col-"] {
    padding-right: 0;
}

.btn-submit{color: #1ab394;    
    cursor: pointer;
    font-size: 33px;
}

.sololectura{background-color: #AACCFF !important;}

.sinFechaFin{color: #f8ac59;
    display: none;
    line-height: 34px;
}

#calendario-empleado,
#calendario-centro{background-color: #EEE;
    color: #444;
    margin: auto;
    padding: 10px;
    text-align: center;
    width: 100%;
}
#calendario-empleado tr,
#calendario-centro tr{}
    #calendario-empleado .previo,
    #calendario-empleado .siguiente,
    #calendario-centro .previo,
    #calendario-centro .siguiente{color: #222;
        display: block;
        padding: 6px;
    }
    #calendario-empleado .previo,
    #calendario-centro .previo{float: right;}

    #calendario-empleado .cabecera,
    #calendario-centro .cabecera{text-align: center;}

    #calendario-empleado .head_calendar,
    #calendario-centro .head_calendar{height: 30px;
        vertical-align: middle;
    }
 
.dias td{border: 1px solid #EEE;
    background: #FFF;
    font-weight: bold;
    min-height: 40px !important;
    padding-bottom: 20px;
    text-align: left;
    vertical-align: top;
    width: 90px;
}
    .dias td.dia .num_dia{padding-left: 4px;}
    .dias .highlight,
    .dias .hoy{background: #1c84c6 !important;
        color: #FFF;
        padding-left: 4px;
    }

.dias .dia .contenido,
.dias .dia .contenido_hoy{height: 100%;
    width: 100%;
}
.dias .dia .idVcble{color: transparent;
    display: block;
    height: 0px;
}
.dias .dia .jornada-details{padding-left: 4px;}
.dias .dia .vacacionable{background-color: #63C76A !important;
    color: #FFF;
}
.dias .dia .vac{background-color: #FFFF66 !important;}
 
.dias td:hover{
    background: #fff;
    color: #111;
}
 
.dias td .dias{
    text-align: left;
}
 
#links{
    color: #fff;
    font-size: 14px;
}

.enlinea{display: inline;}

.hide-sinpermisos{display: none;}

.alerta{margin-bottom: 5px;
    color: #cc5965;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
}
 
.resultados{background-color: #F5F5F5;}
    .resultados p{font-size: 15px;
        margin: 0;
        padding: 5px;
    }
        .resultados p a{color: #666;}
        .resultados p:hover{background-color: #E2E2E2;}

.bloqueado{background-color: transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

.oculto{display: none;}

ul{margin: 0;
    padding: 0;
}
    ul li{list-style: none;}

.mayu{text-transform: uppercase;}

.modal-jornada{background-color: #f8fafb;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: none;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 15px;
    position: absolute;
    right: 0;
    top: 50px;
    width: 240px;
    z-index: 9999;
}
    .modal-jornada .close{position: absolute;
        right: 6px;
        top: 6px;
    }
    .tipoj-v{
        background-color: #FFFF66;
        color: #666;
    }
    .tipoj-l,
    .fs{
        background-color: #FF9900;
        color: #FFF;
    }
    .tipoj-a,
    .abs{
        background-color: #CC9999;
        color: #FFF;
    }   
    .tipoj-b,
    .baja{
        background-color: #CC3333;
        color: #FFF;
    }
    .tipoj-p,
    .pr{
        background-color: #FF66CC;
        color: #FFF;
    }

h6{
    border-bottom: 1px solid #666;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    margin: 20px 0 8px 0 !important;
    padding-bottom: 3px;
}

.marca{
    height: 20px;
    margin-right: 4px;
    width: 20px;
}

.alineado{
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
}

.mr{margin-right: 20px;}

.table-responsive,
.relativo{
    position: relative;
}

.tblouter{
    position: relative;
}
    .tblinnera{
        position: static;
    }
    .tblHorarios{
        border-collapse: collapse;
        display: block;
        margin: 0;
        position: static;
        table-layout: fixed;
        width: 100%;
    }
        .tblHorarios thead{
            display: block;
            font-size: 0;
        }
            .tblHorarios thead tr{
                display: block;
                width: 100%;
            }
                .tblHorarios thead tr th{
                    display: inline-block;
                    font-size: 14px;
                }
                    .tblHorarios thead tr .thempleados{
                        width: 14%;
                    }
                    .tblHorarios thead tr .thtramos{
                        width: 13%;
                    }
                    .tblHorarios thead tr .thfecha{
                        background-color: #23c6c8;
                        color: #FFF;
                        text-align: center;
                        width: 9%;
                    }
                    .tblHorarios thead tr .thtotales{
                        width: 10%;
                    }

        .tblinnerb{
            height: 410px;
            overflow: auto;
        }

        .tblHorarios > tbody{
            display: block;
            margin: 0;
            position: relative;
            width: 100%;    
        }
            .tblHorarios > tbody > tr{
                display: block;
                width: 100%;
            }
                .tblHorarios > tbody > tr > td{
                    display: block;
                    margin: 0;
                    padding: 0 !important;
                    width: 100%;
                }

            .tblHorariosBody{
                table-layout: fixed;
            }
                .tblHorariosBody.table{
                    margin-bottom: 0;
                }
            .tblHorariosBody tbody{
                display: block;
                width: 100%;
            }
            .tblHorariosBody tbody td{
                font-size: 14px;
                height: 40px;
                padding: 0;
                vertical-align: middle !important;
            }
                .tblHorariosBody tbody td.nopdg{
                    padding: 0 !important;
                    /*width: 10.1%;*/
                }
                .tblHorariosBody tbody td input[type="text"],
                .tabla tbody td input[type="text"]{
                    border: none;
                    height: 39px;
                    padding: 6px;
                    text-align: center;
                    width: 100%;
                }
                    .tblHorariosBody tbody td input[type="text"]:focus,
                    .tabla tbody td input[type="text"]:focus{
                        background-color: #EEE;
                        color: #666;
                    }
                    

        .tblHorariosBody .tdempleado{
            position: relative;
            text-align: left;
            width: 14%;
        }
        .tblHorariosBody .tdturno{
            background-color: #999;
            color: #FFF;
            text-align: center;
            width: 7%;
        }
        .tblHorariosBody .tdaction{
            background-color: #666;
            color: #FFF;
            padding-right: 5px;
            text-align: right;
            width: 6%;
        }
        .tblHorariosBody .tddatos{
            padding: 0 !important;
            vertical-align: top;
            width: 9%;
        }
            .tblHorariosBody .tddatos .tbl-inside,
            .tblHorariosBody .tdtotalsemana .tbl-inside-total{
                border-collapse: collapse;
                margin: 0;
                width: 100%;
            }   
                .tblHorariosBody .tddatos .tbl-inside td{
                    border-top: 1px solid #e7eaec;
                }
        .tblHorariosBody .tdtotalsemana{
            padding: 0 !important;
            width: 8.7%;
        }
            .tblHorariosBody .tdtotalsemana .tbl-inside-total tr{
                display: block;
                width: 100%;
            }
            .tblHorariosBody .tdtotalsemana .tbl-inside-total td{
                background-color: #f5f5f6;
                border-top: 1px solid #e7eaec;
                display: block; 
                font-size: 12px;
                padding-top: 12px;
                text-align: center;
                vertical-align: middle !important;
                width: 100% !important;
            }
                .tblHorariosBody .tdtotalsemana .tbl-inside-total tr:first-child td{
                    border-top: none;
                    height: 39px;
                }
        .tblHorariosBody .trtotal-empleado td,
        .tblHorariosBody td.horas_dia{
            background-color: #FFFF99 !important;
            text-align: center;
        }
        .sep{
            border-bottom: 2px solid #333 !important;
        }

    .tblHorarios tfoot{
        border-top: 3px solid #23c6c8;
        display: block;
        font-size: 0;
        width: 100%;
    }
        .tblHorarios tfoot tr{
            display: block;
            width: 100%;
        }
            .tblHorarios tfoot tr td{
                background-color: #f5f5f6;
                display: inline-block;
                font-size: 14px;
            }
            .tblHorarios tfoot tr td:first-child{
                width: 27%;
            }
            .tblHorarios tfoot tr td:last-child{
                width: 10%;
            }
            .tblHorarios tfoot tr .tftd{
                width: 9%;
            }

.tbl-custom{
    border-collapse: collapse;
    margin: 0;
    table-layout: fixed;
}
    .tbl-custom thead,
    .tbl-custom tbody,
    .tbl-custom thead tr,
    .tbl-custom tbody tr{
        display: block;
    }
        .tbl-custom thead .tdfecha{
            background-color: #23c6c8;
            color: #FFF;
            text-align: center;
        }
        .tbl-custom td{
            vertical-align: middle !important;
        }

.tblVentasConceptos{
    display: inline-block;
    vertical-align: top;
    width: 15%;
}
    .tblVentasConceptos th,
    .tblVentasConceptos td{
        display: block;
        height: 36px;
        width: 100%;
    }

.ventasResultados{
    display: inline-block;
    overflow: auto;
    vertical-align: top;
    width: 84%;    
}
    
    .tblVentasResultados{
        display: block;
        table-layout: fixed;
        width: 100%;       
    }
    
.tf-resultados td{
    background-color: #1ab394;
    border-top-width: 3px !important;
    color: #FFF;
}

.tabla thead tr .thfecha{
    background-color: #23c6c8;
    color: #FFF;
    text-align: center;
}
    .tabla tbody td{
        height: 39px;
        padding: 0 !important;
        vertical-align: middle !important;
    }
        .tabla tbody td.tdfirst{
            padding-left: 6px !important;
        }
        .tabla tbody td.tdlast{
            padding-right: 6px !important;
        }

.cargando{
    background-color: rgba(0,0,0,.3);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;
}
    .cargando .spiner-example{
        background-color: rgba(255,255,255,.8);
        border-radius: 3px;
        height: 185px;
        left: 0;
        margin: 15% auto;
        max-width: 500px;
        padding: 25px;
        position: absolute;
        right: 0;
        width: 90%;
    }
        .cargando .spiner-example p{
            font-size: 20px;
        }

.dhdia .num_dia{
    background-color: #F5F5F5;
    padding-left: 4px;
}

.ctip{
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    margin: 3px;
    text-align: center;
    width: 28px;
}
    .ctip i.fa{
        font-size: 14px;
        margin-top: 6px;
    }
.ctip-nota{
    background-color: #FFFF66;
    color: #333;
}
.ctip-finprueba{
    background-color: #FFCC33;
    color: #FFF;
}
.ctip-fincontrato{
    background-color: #EE6666;
    color: #FFF;
}
.ctip-aniversario{
    background-color: #33CCCC;
    color: #FFF;    
}

.htip{
    border-radius: 50%;
    bottom: 5px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    width: 28px;
}
    .htip:hover{
        color: #FFF;    
    }
    .htip-anticipo{
        background-color: #1c84c6;
        left: 5px;
    }

.nota{
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 15px;
    padding-bottom: 8px;
}
    .nota .nota-centro{
        font-weight: bold;
    }
    .nota .nota-edit{
        color: #337ab7;
        cursor: pointer;
        margin-left: 8px;
    }
    .nota .nota-textarea{
        display: none;
        resize: none;
        width: 90%;
    }
    .nota .btn-updnota{
        display: none;
        float: right;
        vertical-align: top;
    }

.icon-big{
    color: #1c84c6;
    font-size: 26px;
    left: 40px;
    position: absolute;
}

.th-cabecera{
    background-color: #FF9900 !important;
    color: #FFF; 
    text-align: center;   
}
.td-cabecera{
    background-color: #63C76A !important;
    color: #FFF;
    text-align: center;
}
.td-subtotal{
    background-color: #999 !important;
    color: #FFF;
}
.td-acumulado{
    background-color: #F5F5F5 !important;
}
.td-ventas{
    background-color: #21b9bb !important;
    color: #FFF;
}
.td-totalsemana{
    background-color: #21b9bb !important;
    color: #FFF;   
}

.btnXLS{
    position: absolute;
    right: 100px;
    top: 9px;
    z-index: 999999;
}

.modal-mantenimiento{
    background-color: #FF6666;
    border: 2px solid #FFF;
    border-radius: 3px;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding: 35px 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 280px;
    width: 90%;
    z-index: 1000;
}

.titleDev{
    font-size: 30px;
    font-weight: bold;
    line-height: 58px;
    margin-left: 50px;
}