@charset "UTF-8";
/*CSS Document*/ 
.CenteredContent {
    width: 980px;
    margin: 0 auto;
}

.FullTableContent {
    display: table;
}

.TopBar {
    background-color: #0071BC !important;
    font-family: 'UniversLTStd-LightCn' !important;
    padding: 5px 0 !important;
    color: #fff;
    font-size: 14px;
}

.BlueModena.Geometry.Login {
    background-image: url("/registromyc/javax.faces.resource/images/fondo.jpg.xhtml?ln=modena-layout");
    /*background-image: url("/aw_eprepayment_admin/javax.faces.resource/images/triangle-gray.svg.xhtml?ln=modena-layout");*/
    background-color: #FFFFFF;
    background-attachment: inherit;
    background-size: 100%;
    background-repeat: no-repeat;
    /*background-position-y: 130px;*/
}
.BlueModena.Geometry.General {
    background-image: url("/registromyc/javax.faces.resource/images/fondo.jpg.xhtml?ln=modena-layout");
    /*background-image: url("/aw_eprepayment_admin/javax.faces.resource/images/triangle-gray.svg.xhtml?ln=modena-layout");*/
    background-color: #FFFFFF;
    background-attachment: fixed;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: 50px;
    
}

.Header {
    padding: 20px 0;
    max-width: 980px;
    max-height: 50px;
}

.BlueModena #layout-topbar {
    background-color: #223176;
    padding: 5px 1% !important;
}


.ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-pages .ui-paginator-page, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-rpp-options {  
    padding: 0px 0px !important;
    font-size: 15px !important;
}

.ui-paginator .ui-state-active, .ui-paginator .ui-paginator-pages .ui-state-active {
    font-size: 15px !important;
}


#keypad-div .keypad-row button.keypad-key {
    background-color: #003473;
    color: #ffffff;
    border-color:  #003473;
    font-weight: normal !important;
    font-size: 13px !important;
}

.btn-teclado{
    text-align: left; margin: 0px; 
}
.btn-teclado:hover{
    border-color: #003473;
    background-color: #fff;
    color: #003473;
}
.btn-especial{

}
.btn-blanco{
    color: #FFFFFF !important;
}

.EmptyPrueba{
    height: 40px;
}

.tableroWarning{
    background-color: #003473;
}
.enlaceAzul ul li{
    color: #28327B !important;
    vertical-align: central;
}

@media screen and (min-width:310px) and (max-width:768px){
    .EmptyPrueba{
        height: 20px !important;
    }
    .AnchoPrueba{
        width: 100%;
    }
    .TituloLogin .Titulo {
        width:40%;
        height: 30px;
        text-align: left;    
        margin: 0 auto;
        vertical-align: middle;
        margin-top: 13px;
    }

    .TituloLogin .Subtitulo {
        width:60%;
        text-align: left;    
        vertical-align: middle;
        margin-top: 13px;
    }
    .TituloLogin .Titulo img{
        margin: -20px;
        padding: 0px;
        padding-top: 5px;
        width: 150px;
    }
    .TituloLogin .Subtitulo img{
        margin: 0px;
        padding: 0px;
    }

}
/* Clase para dar efecto de desabilitado a botones */

.btn-disable{
    opacity: 0.4 !important;
}

.ui-datatable table tbody td {
    padding: 3px 5px 3px 5px !important;
}
.ui-datatable .ui-datagrid-header, .ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-subtable-header, .ui-datatable .ui-datatable-summaryrow {
    padding: 5px 10px 5px 10px !important;
}
.ui-datatable table thead tr th, .ui-datatable table tfoot tr td, .ui-datatable table thead tr th {
    padding: 0px 5px 0px 5px !important;
}

.Transparente {
  opacity: 0;
}

.Negrita {
  font-weight: bold !important;
}

.ui-wizard .ui-wizard-step-titles li{
    background-color: #a4c9dd;
}


.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next{
    display: none !important;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 !important;
}

.ui-datepicker .ui-datepicker-header {
    background-color: #26a69a;
    padding-left: 6px !important;
    padding-right: 6px !important;
}


/*CAY 02-02-2024: Nuevos estilos*/
.green-light-btn {
    background-color: rgb(0, 191, 165) !important;
}

.yelow-light-btn {
    background-color: rgb(230, 165, 0) !important;
}

.red-light-btn {
    background-color: rgb(210, 5, 45) !important;
}

.azul-oscuro-btn {
    background-color: rgb(60, 72, 91) !important;
}

.espacio-btn {
    padding: 0px 5px;
    margin: 0px 3px;
}