/* below css hides growls in small screens and makes messages visible */

@media screen and (max-width: 768px ) {
    .modalResponsivo { width: 90% !important;} }
    .ui-dialog-mask {display:  none !important}

@media screen and (min-width: 1024px ) {
    .modalResponsivo { width: 30% !important; }
}

@media (max-width: 768px) {

    body div.ui-growl {
        display: none;
    }

    body div.ui-messages {
        display: block;
    }
}
/* below css hides messages in medium/big devices and makes growl visible in such devices */
@media (min-width: 769px) {
    body div.ui-growl {
        display: block;
    }
    body div.ui-messages {
        display: none;
    }
}
body.login-page {
    background-color: transparent;
}

html.externo {
    background: url("/javax.faces.resource/bape.png.xhtml?ln=images") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.ui-g-12, .ui-g-6, .ui-g-4, .ui-sm-12{
    padding:0.7em;
}
.alta-box{
    margin-left:1em;
    margin-right:1em;
    background-color: transparent !important;
}

@media (max-width: 768px) {
    html.externo {
        background-image: url();
    }
}
.header-sticky{
    height:15%;
    position:fixed;
    margin-bottom:2em;
}
.main-sticky{
    margin-top:15%;
}
.rechazado{
    background-color: #ff6666;
}
tr.inactivo {
    background-image: none;
    background-color: #E6E6E6;
    color: #BDBDBD;

}
tr.vigente {
    background-image: none;
    background-color: #1C94C410;

}
tr.validado {
    background-image: none;
    background-color: #c1ffaf;
}
tr.rechazado {
    background-image: none;
    background-color: #ff6666;
}
tr.grs {
    background-image: none;
    background-color: lightgoldenrodyellow;
}
li.logout>a{
    color:white;
}
li.ui-menuitem-active>a{
    color:black;
}
body .ui-datatable table, body .ui-treetable table{
    table-layout: auto !important;
    white-space: break-spaces;
}
.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td{
    white-space: break-spaces;
    border: 1px solid lightgray;
}
.ui-panel{
    margin-top:2em !important;
}
.ui-selectonemenu{
    margin-bottom: 1.2em !important;
}
.menu-panel{
    max-width: 90% !important;
    overflow: hidden;
}
/*
.ui-outputlabel{
    margin-top:1em;
    margin-bottom:1em !important;;
}*/
/*
 * Animación de espera
 */

#overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:auto;
    bottom:0;
    z-index:99999999;
    background-image: url("/javax.faces.resource/diagonales.png.xhtml?ln=images");
    text-align:center;
    visibility:hidden;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-filter:"alpha(opacity=100)";
    filter:alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
    opacity:.50;
    cursor: progress;
}

.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    position: absolute;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}



.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #69E2A5;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
          -webkit-transform: scale3D(0, 0, 1);
          transform: scale3D(0, 0, 1);
      }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
          -webkit-transform: scale3D(0, 0, 1);
          transform: scale3D(0, 0, 1);
      }
}

.overlayDialog div.ui-dialog-title-dialog  {
  font-weight: bold;
}