input[type="text"] {
    border: solid 1px #c9c9c9;
    padding: 5px;
}

input[type="password"] {
    border: solid 1px #c9c9c9;
    padding: 5px;
}

input[type="file"] {
    border: solid 1px #c9c9c9;
    padding: 1px;
    width: 100%;
    height: 26px;
}

textarea {
    border: solid 1px #c9c9c9;
    padding: 5px;
    font-family: Calibri;
    font-size: 100%;
}

select {
    border: solid 1px #c9c9c9;
    padding: 5px;
}

a {
    text-decoration: none;
    font-weight: normal;
}

.LabelEtiqueta {
    color: #505050;
}

.ImageCampo {
    border: solid 1px #c9c9c9 !important;
    padding: 5px;
}

.LinkButton {
}

a:visited {
    color: #0072c6;
}

a.LinkButton:link {
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    background-color: #1D99F1;
    margin-top: 50px;
}

    a.LinkButton:link:hover {
        background-color: #0072c6;
    }

/*********** Menu en las ventanas hijas ***********/
.PanelMenu {
    background-color: #1D99F1;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
}

    .PanelMenu * {
        list-style: none;
        text-decoration: none;
        margin: 0;
        padding: 0;
        background-color: #1D99F1;
    }

    .PanelMenu .UlMenu {
        margin: 0;
        padding: 0;
        height: 100%;
    }

        .PanelMenu .UlMenu > li {
            float: left;
        }

        .PanelMenu .UlMenu li a {
            background-color: #1D99F1;
            color: #FFF;
            display: block;
            padding: 5px;
        }

        .PanelMenu .UlMenu li .flecha {
            font-size: 9px;
            padding-left: 6px;
            display: none;
        }

        .PanelMenu .UlMenu li a:not(:last-child) .flecha {
            display: inline;
        }

        .PanelMenu .UlMenu li a:hover {
            background-color: #0072c6;
        }

        .PanelMenu .UlMenu li {
            position: relative;
        }

            .PanelMenu .UlMenu li ul {
                display: none;
                position: absolute;
                min-width: 140px;
            }

            .PanelMenu .UlMenu li:hover > ul {
                display: block;
            }

            .PanelMenu .UlMenu li ul li ul {
                right: -140px;
                top: 0;
            }


/*********** Comandos ***********/
.PanelComandos {
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
}

    .PanelComandos a {
        display: block;
        float: left;
        vertical-align: middle;
        text-decoration: none;
        text-align: center;
        color: #FFFFFF;
        padding-left: 10px;
        padding-right: 10px;
        height: 30px;
        line-height: 30px;
        background-color: #1D99F1;
        margin-right: 5px;
    }

        .PanelComandos a:hover {
            background-color: #0072c6;
        }

.labelUploadFile {
    display: block;
    float: left;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    background-color: #1D99F1;
    margin-right: 5px;
}

    .labelUploadFile:hover {
        background-color: #0072c6;
    }



/******************************************/






/*********** Control IdentificacionControlAcceso ***********/
/*
TableContenedor
TdSemaforo
TdPantalla
TdFoto
TdTeclado
TdBiometria 
*/

.IdentificacionControlAcceso {
    width: 100%;
    height: 100%;
}

    .IdentificacionControlAcceso .Panel {
        position: relative;
    }

    .IdentificacionControlAcceso .Semaforo {
        position: absolute;
        top: 102px;
        left: 0px;
        width: 130px;
        height: 10px;
    }

        .IdentificacionControlAcceso .Semaforo .ImageSemaforo {
            width: 130px;
            height: 265px;
            max-width: 130px;
            max-height: 265px;
        }

    .IdentificacionControlAcceso .Semaforo2 {
        position: absolute;
        top: 238px;
        left: 0px;
        width: 260px;
        height: 130px;
    }

        .IdentificacionControlAcceso .Semaforo2 .ImageSemaforo {
            width: 260px;
            height: 130px;
            max-width: 260px;
            max-height: 130px;
        }

    .IdentificacionControlAcceso .PantallaLCD {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 260px;
        height: 100px;
    }

    .IdentificacionControlAcceso .IdentificacionBiometrica {
        position: absolute;
        top: 104px;
        left: 132px;
        width: 130px;
        height: 265px;
        background-color: #f0f0f0;
    }

        .IdentificacionControlAcceso .IdentificacionBiometrica .Image {
            width: 130px;
            height: 265px;
            max-width: 130px;
            max-height: 265px;
        }

    .IdentificacionControlAcceso .Teclado {
        position: absolute;
        top: -3px;
        left: 725px;
        width: 268px;
        height: 369px;
    }

    .IdentificacionControlAcceso .TecladoSinSerial {
        position: absolute;
        top: -3px;
        left: 725px;
        width: 268px;
        height: 369px;
    }

    .IdentificacionControlAcceso .Fotografia {
        position: absolute;
        top: 0px;
        left: 264px;
        width: 460px;
        height: 369px;
    }

        .IdentificacionControlAcceso .Fotografia .Image {
            width: 460px;
            height: 369px;
            max-width: 460px;
            max-height: 369px;
        }

    .IdentificacionControlAcceso .Camara {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 260px;
        height: 235px;
        max-width: 260px;
        max-height: 235px;
        background-color: #e6e6e6;
    }

/******************************************/



/*********** Control Teclado ***********/
/*
TableContenedor
TdCajaTexto
TdTecla
LinkButtonTecla 
*/

.Teclado {
    width: 100%;
}

    .Teclado .TableContenedor {
        width: 100%;
    }

    .Teclado td {
        height: 58px;
        vertical-align: middle;
        text-align: center;
    }

    .Teclado .TdTecla {
    }

    .Teclado .LinkButtonTecla {
        display: block;
        width: 100%;
        height: 100%;
        font-family: Segoe UI Light;
        font-size: 200%;
        color: white;
        text-decoration: none;
        background-color: #505050;
    }

        .Teclado .LinkButtonTecla:hover {
            background-color: #303030;
        }

    .Teclado .LabelMensaje {
        display: block;
        width: 100%;
        height: 100%;
        font-family: "Courier New", Courier, monospace !important;
        font-size: 200%;
        color: white;
        text-decoration: none;
        background-color: #1D99F1;
    }

    .Teclado .LabelHora {
        display: block;
        width: 100%;
        height: 100%;
        font-family: "Courier New", Courier, monospace !important;
        font-size: 200%;
        color: white;
        text-decoration: none;
        background-color: #1D99F1;
    }

    .Teclado .TextBoxCodigo {
        width: 95%;
        height: 80%;
        font-family: Segoe UI Light;
        font-size: 150%;
    }


.TecladoSinSerial {
    width: 100%;
}

    .TecladoSinSerial .TableContenedor {
        width: 100%;
    }

    .TecladoSinSerial td {
        height: 49px;
        vertical-align: middle;
        text-align: center;
    }

    .TecladoSinSerial .TdTecla {
    }

    .TecladoSinSerial .LinkButtonTecla {
        display: block;
        width: 100%;
        height: 100%;
        font-family: Segoe UI Light;
        font-size: 200%;
        color: white;
        text-decoration: none;
        background-color: #505050;
    }

        .TecladoSinSerial .LinkButtonTecla:hover {
            background-color: Silver;
        }

    .TecladoSinSerial .LabelMensaje {
        display: block;
        width: 100%;
        height: 100%;
        font-family: "Courier New", Courier, monospace !important;
        font-size: 200%;
        color: white;
        text-decoration: none;
        background-color: #1D99F1;
    }

    .TecladoSinSerial .LabelHora {
        display: block;
        width: 100%;
        height: 100%;
        font-family: "Courier New", Courier, monospace !important;
        font-size: 200%;
        color: white;
        text-decoration: none;
        background-color: #1D99F1;
    }

    .TecladoSinSerial .TextBoxCodigo {
        width: 95%;
        height: 80%;
        font-family: Segoe UI Light;
        font-size: 150%;
    }

    .TecladoSinSerial .SemaforoAmarillo {
        background-color: #1D99F1 !important;
    }

    .TecladoSinSerial .SemaforoRojo {
        background-color: red !important;
    }

    .TecladoSinSerial .SemaforoVerde {
        background-color: green !important;
    }


/**/

/******************************************/


/*********** Control PantallaLCD ***********/
/*
TableContenedor
TdCajaTexto
TdTecla
LinkButtonTecla 
*/

.PantallaLCD {
    width: 100%;
    background-color: #1D99F1;
}

    .PantallaLCD .TableContenedor {
        width: 100%;
        height: 100px;
    }

    .PantallaLCD td {
        vertical-align: middle;
        text-align: center;
    }

    .PantallaLCD .TdMensaje {
        height: 50%;
        font-family: Segoe UI Light;
        font-size: 200%;
        color: white;
    }

    .PantallaLCD .TdHora {
        height: 50%;
        font-family: Segoe UI Light;
        font-size: 200%;
        color: white;
    }

/*********** Grids ***********/

.GridView {
    border: 1px solid white;
}

    .GridView table {
    }

    .GridView th {
        border: solid 1px white;
        background-color: #505050;
        padding: 0px;
        white-space: nowrap;
        color: White;
        font-weight: lighter;
    }

    .GridView .RowStyle td {
        border: solid 1px white;
        padding: 0px;
        white-space: nowrap;
    }

    .GridView .RowStyle a {
        text-decoration: none;
    }

    .GridView .AlternatingRowStyle {
        background-color: #e6e6e6;
    }

        .GridView .AlternatingRowStyle td {
            border: solid 1px white;
            padding: 0px;
            white-space: nowrap;
        }

        .GridView .AlternatingRowStyle a {
            text-decoration: none;
        }

    .GridView .SelectedRowStyle {
    }

        .GridView .SelectedRowStyle td {
            border: solid 1px white;
            padding: 0px;
            background-color: #c6c6c6;
            white-space: nowrap;
        }

        .GridView .SelectedRowStyle a {
            text-decoration: none;
        }

    .GridView .EmptyDataRowStyle {
        background-color: white;
        border: solid 1px white;
        padding: 0px;
    }

        .GridView .EmptyDataRowStyle a {
            color: #1D99F1;
            text-decoration: none;
        }

    .GridView .FooterStyle td {
        border: solid 1px white;
        padding: 0px;
        white-space: nowrap;
    }

    .GridView .HeaderStyle {
    }

        .GridView .HeaderStyle a {
            color: White;
            text-decoration: none;
        }

    .GridView .PagerStyle {
        background-color: white;
        border: solid 1px white;
        padding: 0px;
    }

        .GridView .PagerStyle td {
            padding-right: 0px;
        }

        .GridView .PagerStyle a {
            color: #1D99F1;
            text-decoration: none;
        }

    .GridView .EditRowStyle a {
        text-decoration: none;
    }

    .GridView .EditRowStyle td {
        border: solid 1px white;
        padding: 0px;
        white-space: nowrap;
    }




/*********** Panel tab ***********/

.PanelTabs {
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    border-bottom: solid 1px #c9c9c9;
}

    .PanelTabs a {
        display: block;
        float: left;
        vertical-align: middle;
        text-decoration: none;
        text-align: center;
        color: #505050;
        padding-left: 10px;
        padding-right: 10px;
        height: 30px;
        line-height: 30px;
        background-color: #c9c9c9;
        margin-right: 5px;
    }

        .PanelTabs a:hover {
            background-color: #e6e6e6;
        }

.LinkButtonTab_Active {
    background-color: #1D99F1 !important;
    color: white !important;
}





.PanelGridParientes{
    width: 980px;
    max-width: 100%;
    overflow: auto;
}

.PanelTabReglas {
    width: 95vw;
    max-width: 95vw;
    /*width: 980px;
    max-width: 100%;
    overflow: auto;*/
}

.PanelGridReglas {
    width: 95vw;
    max-width: 95vw;
    overflow: auto;
}


/*********** Panel filtro empleados ***********/

.PanelFiltroEmpleados {
}

.PanelFiltroEmpleados .PanelCampos {
    width: 100%; 
}

    .PanelFiltroEmpleados .PanelCampos .TableCampos td {
        vertical-align: top;
    }

.PanelFiltroEmpleados .ThEtiqueta {
    width: 200px;
}

.PanelFiltroEmpleados .PanelCampos .TextBoxCampo {
    width: 400px;
}

.PanelFiltroEmpleados .DropDownListCampo {
    width: 412px;
}


/*********** Panel login ***********/

.PanelLogin .PanelCampos {
    width: 100%;
}

    .PanelLogin .PanelCampos .TableCampos td {
        vertical-align: top;
    }

.PanelLogin .ThEtiqueta {
    width: 200px;
}

.PanelLogin .PanelCampos .TextBoxCampo, .PanelLogin .PanelCampos .TextBoxCampo {
    width: 400px;
}

.PanelLogin .DropDownListCampo {
    width: 412px;
}


/*********** Panel modal ***********/
.ModalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalPopup {
    max-width: 1000px;
    background-color: White;
    text-align: left;
    padding: 10px;
    max-height: 500px;
    overflow: auto;
    border: solid 10px white;
}

.PanelModal {
    max-width: 1000px;
    background-color: White;
    text-align: left;
    padding: 10px;
    border: solid 10px white;
}

    .PanelModal .PanelContenido {
        max-width: 1000px;
        max-height: 500px;
        overflow: auto;
    }

/*********** Panel collapsible ***********/
.PanelCollapsible {
    background-color: #1D99F1;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
}

    .PanelCollapsible .UlMenu {
        list-style: none;
        margin: 0;
        padding: 0;
        height: 100%;
    }

        .PanelCollapsible .UlMenu li {
            margin: 0;
            padding: 0;
            float: left;
            height: 100%;
        }

            .PanelCollapsible .UlMenu li a {
                display: table-cell;
                vertical-align: middle;
                text-decoration: none;
                text-align: center;
                color: #FFFFFF;
                padding-left: 10px;
                padding-right: 10px;
                height: 30px;
            }

                .PanelCollapsible .UlMenu li a:hover {
                    background-color: #0072c6;
                }

/*********** CtlCalendario ***********/

.div-container-CtlProgramacionTurnos {
    /*width: 100%;
    max-height: 70vh;
    overflow: auto;
    display: block;*/
}

.div-container-CtlProgramacionTurnos-listado {
    width: 30%;
    max-height: 65vh;
    overflow: auto;
    float: left;
}

.div-container-CtlProgramacionTurnos-calendario {
    width: 70%;
    max-height: 65vh;
    overflow: auto;
    float: left;
}

.CtlCalendario {
    width: 100%;
}

    .CtlCalendario td {
    }

    .CtlCalendario a {
        text-decoration: none;
    }

    .CtlCalendario .Panel {
        width: 100%;
    }

        .CtlCalendario .Panel .TableContenedor {
            width: 100%;
        }

            .CtlCalendario .Panel .TableContenedor .TdSeccionAño {
                background-color: #66666e;
                text-align: center;
            }

                .CtlCalendario .Panel .TableContenedor .TdSeccionAño a {
                    color: White;
                }

            .CtlCalendario .Panel .TableContenedor .TdMes {
                position: relative;
                vertical-align: top;
            }

                .CtlCalendario .Panel .TableContenedor .TdMes .PanelMes {
                    width: 100%;
                    position: relative;
                    top: 0px;
                }

                    .CtlCalendario .Panel .TableContenedor .TdMes .PanelMes .TableMes {
                        width: 100%;
                    }

                        .CtlCalendario .Panel .TableContenedor .TdMes .PanelMes .TableMes .ThNombreMes {
                            background-color: #66666e;
                        }

                            .CtlCalendario .Panel .TableContenedor .TdMes .PanelMes .TableMes .ThNombreMes a {
                                color: White;
                            }

                        .CtlCalendario .Panel .TableContenedor .TdMes .PanelMes .TableMes .TdNombreDia {
                            background-color: #66666e;
                            text-align: center;
                        }

                            .CtlCalendario .Panel .TableContenedor .TdMes .PanelMes .TableMes .TdNombreDia a {
                                color: White;
                            }

                        .CtlCalendario .Panel .TableContenedor .TdMes .PanelMes .TableMes .TdDia {
                            position: relative;
                            vertical-align: top;
                            text-align: right;
                            background-color: #f7f7f7;
                            border: solid 2px #f7f7f7;
                        }

                        .CtlCalendario .Panel .TableContenedor .TdMes .PanelMes .TableMes .TdDiaSeleccionado {
                            position: relative;
                            vertical-align: top;
                            text-align: right;
                            border: solid 2px #1D99F1;
                        }

                        .CtlCalendario .Panel .TableContenedor .TdMes .PanelMes .TableMes .TdDiaBloqueado {
                            background-color: #FAC6BF;
                        }

                        .CtlCalendario .Panel .TableContenedor .TdMes .PanelMes .TableMes .DivNumeroDia {
                            position: relative;
                            top: 0px;
                        }

                        .CtlCalendario .Panel .TableContenedor .TdMes .PanelMes .TableMes .DivColorDia {
                            height: 5px;
                        }


/*********** Verificación de marcaciones ***********/

.div-container-CtlVerificacionMarcaciones {
    /*width: 100%;
    max-height: 70vh;
    overflow: auto;
    display: block;*/
}

.div-container-CtlVerificacionMarcaciones-listado {
    width: 30%;
    max-height: 70vh;
    overflow: auto;
    float: left;
}

.div-container-CtlVerificacionMarcaciones-calendario {
    width: 70%;
    max-height: 70vh;
    overflow: auto;
    float: left;
}

.CtlVerificacionMarcaciones {
}

    .CtlVerificacionMarcaciones .date-label-disabled {
        color: #ff0000;
    }