/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29 nov. 2019, 17:25:43
    Author     : BIGDATA JESUS
*/
.login-body .login-panel .ui-g-12.logo-container .logo {
    /*height: 90px !important;*/
    margin: 0 auto !important;
    text-align: center;
}

.login-body .login-panel .ui-g {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.login-body .login-panel .ui-g-12.logo-container {
    padding: 0px !important;
    margin-top: 20px !important;
    text-align: center;
    margin-bottom: 0px !important;
}

.login-body .login-panel {
    width: 450px;
    margin-top: 125px;
    margin-bottom: 50px;    
}

.login-body .login-panel.registro {
    margin-top: 100px !important;
}

.login-body .login-panel .ui-g-12 {
    padding: 10px 70px;
}

.login-body {
    background-image: url("/javax.faces.resource/images/login/fondo.jpg.xhtml?ln=paradise-layout");
    background-size: cover;
    background-repeat: no-repeat; 
    background-attachment: fixed;
    background-position: center;
}

.login-body .login-panel label {
    margin-bottom: 0px !important;
}

/*//topbar*/

.layout-content {
    height:84.5vh;
    overflow-y: auto;
}

.layout-wrapper .topbar #topbar-menu {   
    top: 30px !important;
}

.layout-wrapper .topbar {
    border-bottom: 0px solid !important;
    background: #3984b8 !important;
    height: 40px !important;

    background-color: #37474F;
    padding: 10px 1%;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}

.layout-wrapper .topbar .topbar-logo img {

    height: 25px !important;

}

.layout-wrapper .topbar #user-display img {
    width: 30px;
}

.layout-wrapper .topbar #menu-button {
    vertical-align: middle;
    font-size: 22px;
    margin-left: 0px !important;
    margin-right: 10px !important;
    color: #ffffff !important;
}

.layout-wrapper .topbar #user-display .username,.layout-wrapper .topbar #user-display .fa {
    color: #ffffff !important;
}

.layout-wrapper .topbar #user-display {
    margin-top: -4px !important;
}

/*footer*/
.layout-wrapper .layout-footer {
    background-color: #3984b8;
    border-bottom: 3px solid #3984b8 !important;
    padding: 12px 24px 3px 24px !important;
    /*padding: 7px 24px !important;*/
    text-align: center;
}

/*menu*/
.layout-wrapper .layout-menu-wrapper { 
    top: 40px !important;  
}

/*Menu*/
.layout-wrapper .topbar #menu-button {
    vertical-align: middle;
    font-size: 22px;
    margin-left: 0px !important;
    margin-right: 10px !important;
    color: #ffffff !important;
}

.TextAlCenter{
    text-align: center !important;
}

.TextAlLeft{ text-align:left;}
.TextAlRight{ text-align:right;}

.layout-wrapper .layout-content {
    padding: 50px 8px 8px 8px !important;
}



/* Empty Boxes */
.EmptyBox0{ display:block; width:100%; height:0px; overflow:hidden;}
.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;}

.MarAuto{
    margin: 0 auto !important;
}
.pgDatosEmisor{
    width: 100%;
}

.Fs60 {

    font-size: 60px !important;

}

.Fs24 {

    font-size: 24px !important;

}

.Fs20 {

    font-size: 20px !important;

}

.FontBold{
    font-weight: bold;
}

.iconoNegro{
    color: #000000 !important;
}
.Fs100{font-size:60px !important;}
.ui-g-uno {
    width: 8.3334% !important;
}