/*BODY DEL LOGIN*/
.login-body .login-panel .ui-g-12.logo-container {
    padding: 50px 50px 25px 50px;
    border-bottom: 20px solid #dee4e9;
    margin-bottom: 20px; }
/*PARA EL MARGEN EL ANCHO Y LA DISTANCIA DESDE ARRIBA*/
.login-body .login-panel {
    width: 500px;
    margin: 0 auto;
    background-color: #ffffff;
    margin-top: 30px;
    -webkit-box-shadow: 0px 1px 16px -1px rgba(66,62,66,0.83);
    -moz-box-shadow: 0px 1px 16px -1px rgba(66,62,66,0.83);
    box-shadow: 0px 1px 16px -1px rgba(66,62,66,0.83);
}
/*PARA HACER LA BARRA MAS PEQUENIA*/
.layout-wrapper .topbar {
    height: 60px !important;
}
/*PARA EL FONDO DEL LOGIN*/
.login-body {
    /*background: url("/fmcliente/javax.faces.resource/images/login/bg-login.png.xhtml?ln=paradise-layout");*/
    /*background-size: cover;*/
    /*background: cadetblue;*/
    /*height: auto;*/ 
    background: #f5f5f5 !important;
}
/*PARA CENTRAR EL LOGO DEL LOGIN*/
.login-body .login-panel .ui-g-12.logo-container .logo {
    height: 50px; 
    padding-left: inherit;
}
/*PARA EL MENU EL ICONO*/
.layout-wrapper .topbar #menu-button {
    margin-left: auto !Important;
}

/* Empty Boxes */
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}
.EmptyBox30{ display:block; width:100%; height:30px; overflow:hidden;}
.EmptyBox40{ display:block; width:100%; height:40px; overflow:hidden;}
.EmptyBox50{ display:block; width:100%; height:50px; overflow:hidden;}
.EmptyBox60{ display:block; width:100%; height:60px; overflow:hidden;}
.EmptyBox70{ display:block; width:100%; height:70px; overflow:hidden;}
.EmptyBox80{ display:block; width:100%; height:80px; overflow:hidden;}
.EmptyBox90{ display:block; width:100%; height:90px; overflow:hidden;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox110{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow:hidden;}

/**Sin bordes para los paneles**/     
body .ui-widget-content {

    background-color: #ffffff;
    border: 0px none;

}
/* Font Type */
.FontBold{ font-weight:bold;}
.FontLight{ font-weight:lighter;}
.FontNormal{ font-weight:normal;}
/* Text Aligns */
.TexAlCenter{ text-align:center;}
.TexAlLeft{ text-align:left;}
.TexAlRight{ text-align:right !important;}
.MarAuto{ margin-left:auto; margin-right:auto;}
.Separador{display: inline-block;}
/* BORDE DEL PANEL GRID */
.outerpanelgrid tbody tr, .outerpanelgrid tbody td{  
    border: none !important;
}
.innerpanelgrid tbody tr, .innerpanelgrid tbody td{
    border: 1px #b5b5b5 solid !important;
}
.textRed{
    font-weight: bold;
    color: #e25d65;
}


#f-confirmacion-pago-masiva .ui-dialog,
#f-confirmacion-pago-masiva .ui-dialog{
    max-width: 500px!important;
}
.ui-widget-overlay {
    opacity: 0.8;
}

.layout-footer-logo {
    background-color: #ffffff;
    border-top: 1px solid #dee4e9;
    border-bottom: 1px solid #dee4e9;
    /*padding: 16px 24px;*/ 
}
.layout-content {
    min-height: 495px !important;
}
.layout-wrapper .topbar #topbar-menu {  
    top: 60px !important;  

}

/* estilo para el timeline*/
body .timeline-frame .timeline-event {
    /*border-color: #c7cdd1;*/
    background-color: #3984B8;
    color: #ffffff;
}
/*PARA LA BARRA DEL TOP BAR*/
.layout-wrapper .topbar #menu-button {
    vertical-align: middle;
    font-size: 25px;
    margin-right: 15px;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.fondo-principal {
    height: auto;
}

.contenido-general {
    height: 80vh;
    overflow: auto;
}

.inferior {
    position: absolute  !important; /*El div será ubicado con relación a la pantalla*/
    left:0px !important; /*A la derecha deje un espacio de 0px*/
    right:0px !important; /*A la izquierda deje un espacio de 0px*/
    bottom:0px !important; /*Abajo deje un espacio de 0px*/
    /*height:70px !important; /*alto del div*/
    height: 5vh !important;
}

.ui-row-editor .ui-icon {
    width: 25px !important;
    font-size: 22px !important;

}

/*Para que el contenido de la tabla se ajuste*/
.fixed-size {
    table-layout: fixed;
    word-wrap: break-word;
}

/*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;
}

/*Se usa para deshabilitar link de imagen pdf para firma electrónica*/
.disabled-link {
    opacity: 0.5;
    background-color: gray;
    color: white;
    cursor: default;
}

/*Se usa para que el componente en el atributo Style el texto tenga un formateado*/
.text-word-format {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}