*{
    font-family: sans-serif;
    font-size: 11px;
    color:black;
}

.body{
    background:#3399CC;
    background-color: #3399CC;
    /**margin:0px;**/
    overflow:hidden;
    background: -webkit-gradient(linear, left, right , color-stop(0, #3399CC), color-stop(1, #EFF4FB)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #3399CC 0%,#EFF4FB 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(left, #3399CC 0%, #EFF4FB 100%); /* FF3.6+ */
    background: -ms-linear-gradient(left, #3399CC 0%,#EFF4FB 100%); /* IE10+ */
    background: -o-linear-gradient(left, #3399CC 0%,#EFF4FB 100%); /* Opera 11.10+ */
    background: linear-gradient(left, #3399CC 0%,#EFF4FB 100%); /* W3C */
}

.ui-widget {
    font-size: 12px !important;
}
.ui-button {
    font-size: 12px !important;
    font-weight: bolder !important;
    background-color: transparent !important;
    color: transparent !important;
}
.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important;
    ;
}
.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}
.ui-widget-header {
    text-align: center;
    text-transform: uppercase;
}
.ui-datatable .ui-datatable-footer .footer-section {
    text-align: left;
}

.column {
    font-weight: bold;
    background-color: menu;
}
.alignLeft{
    display: block;
    text-align: left;
}

.alignRight{
    display: block !important;
    text-align: right !important;
}

.alignCenter{
    display: block;
    text-align: center;
}

.alignJustify{
    display: block;
    text-align: justify;
}

.numberRight .ui-inputnumber {
    display: block !important;
    text-align:right !important;
}

.verticalCenter{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-75%);
}

.tableFixed {
    table-layout: fixed;
    width: auto;
}

.uppercase{
    text-transform:uppercase;
}
.lowercase{
    text-transform:lowercase;
}

/**
Deshabilita objetos sin opacidad en letras
**/
input.disabled, textarea.disabled, checkbox.disabled, input[type="checkbox"][disabled],
input[type="radio"][disabled], option.disabled, .ui-radiobutton.disabled,
ui-selectoneradio.disabled, ui-widget.disabled,
.ui-selectonemenu-item.disable, .ui-state-disabled.disable,
.ui-selectonemenu.disabled, .grid-radio.disabled, .ui-selectoneradio.disabled,
.ui-selectbooleancheckbox.disabled, .ui-chkbox-box.ui-state-disabled{
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    color: black !important;
}

.ui-growl-title{
    font-size: 14px !important;
    text-align: left;
}
.ui-growl {
    position: fixed;
    top: 60px;
    right: 100px;
    width: 800px;
}

.ui-growl-message {
    padding: 0 0 5px 0;
    width: 95%;
    float: left;
    word-wrap:break-word !important;
    overflow-wrap: break-word !important;
}

.label{
    display: block !important;
    width: 100px !important;
    text-align: right !important;
    font-weight: bold !important;
}

.mark-row-blue{
    color: blue;
    font-weight: bold;
}
.mark-row-black{
    color: black;
    font-weight: bold;
}
.mark-row-green{
    color: green;
    font-weight: bold;
}
.mark-row-brown{
    color: brown;
    font-weight: bold;
}
.mark-row-red{
    background: lightsalmon;
    color: brown;
    font-weight: bold;
}
.mark-row-pink{
    background: pink;
    color: brown;
    font-weight: bold;
}
.ui-menubar .ui-menuitem-link {
    font-size: 13px;
}

.forma {
    background-color: white !important;
    box-shadow:20px 20px 50px !important;
    border-radius: 20px !important;
    padding: 10px !important;
    width: auto !important;
    margin: auto;
}
.forma-transparente {
    background-color: transparent !important;
    box-shadow:20px 20px 50px !important;
    border-radius: 20px !important;
    padding: 10px !important;
    width: auto !important;
    margin: auto;
}
/**Size Text p:inputText**/
.ui-inputfield {
    font-size: 13px !important;
}
/**
* Pseuduclase para botones e iconos
*/
.button {
    width: 50px;
    height: 30px;
}
.ui-icon {
    width: 15px !important;
    font-size: 15px !important;
}


.ui-datatable-scrollable-header-box table,  .ui-datatable-scrollable-footer-box table,  .ui-datatable-scrollable-body table{
    table-layout: auto;
}

.ui-panel-header .ui-panel{
    background-color: #009999 !important;
}

/**/
div#forma, div#encabezado, div#auditoria, div#forma_seleccion{
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #CED5D7;
    background-color: white;
    width: min-content;

    /*Radius de Esquinas según el DOM*/
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 10px;

    /*box shadow*/
    -moz-box-shadow: 10px 10px 20px #000;
    -webkit-box-shadow: 10px 10px 20px #000;
    box-shadow: 10px 10px 20px #000;
    behavior: url(ie-css3.htc);
}

div#encabezado label, div#item label{
    color:black;
    font-weight:bold;
}

div#titulo {
    margin-left:auto;
    margin-right:auto;
    width:400px;
    display:block;
    text-align:center;

    border: 1px solid #CED5D7;
    padding:8px 10px 10px 10px;
    text-shadow:1px 1px 2px white;

    /*Radius*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    /*box shadow*/
    -moz-box-shadow: 10px 10px 20px #000;
    -webkit-box-shadow: 10px 10px 20px #000;
    box-shadow: 10px 10px 20px #000;


    background: #3399CC;
    background: -moz-linear-gradient(bottom, #3399CC 10%, white 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, bottom, top, color-stop(0.1, #3399CC), color-stop(1, white)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom, #3399CC 10%,white 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom, #3399CC 10%,white 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom, #3399CC 10%,white 100%); /* IE10+ */
    background: linear-gradient(bottom, #3399CC 10%,white 100%); /* W3C */
}
/**
Iconos personalizados para Primefaces
**/
.icon-find {
    background-image: url("/cuenta/javax.faces.resource/mantenimiento/view16.png.xhtml") !important;
    background-repeat: no-repeat !important;
    height:16px;
    width:16px;
    margin: auto;
    display: block;
    text-align: center !important;
}
.icon-check {
    background-image: url("/cuenta/javax.faces.resource/mantenimiento/ok16.gif.xhtml") !important;
    background-repeat: no-repeat !important;
    height:16px;
    width:16px;
    margin: auto;
    display: block;
    text-align: center !important;
}
.icon-block {
    background-image: url("/cuenta/javax.faces.resource/mantenimiento/block16.png.xhtml") !important;
    background-repeat: no-repeat !important;
    height:16px;
    width:16px;
    margin: auto;
    display: block;
    text-align: center !important;
}
.icon-refresh {
    background-image: url("/cuenta/javax.faces.resource/mantenimiento/refresh16.png.xhtml") !important;
    background-repeat: no-repeat !important;
    height:16px;
    width:16px;
    margin: auto;
    display: block;
    text-align: center !important;
}

.icon64{
    background-repeat: no-repeat !important;
    width: 64px !important;
    height: 64px !important;
    left: 1% !important;
    right: 1% !important;
    top: 1% !important;
    margin-left: -20px !important;
    display: inline-block !important;
}
.icon-email64 {
    background-image: url("/cuenta/javax.faces.resource/email64.png.xhtml") !important;
}
.icon-pdf64 {
    background-image: url("/cuenta/javax.faces.resource/pdf64.png.xhtml") !important;
}
.icon-fold64 {
    background-image: url("/cuenta/javax.faces.resource/fold64.png.xhtml") !important;
}
.icon-coins64 {
    background-image: url("/cuenta/javax.faces.resource/coins64.png.xhtml") !important;
}
.icon-user64 {
    background-image: url("/cuenta/javax.faces.resource/user64.png.xhtml?ln=images") !important;
}
.icon-back64 {
    background-image: url("/cuenta/javax.faces.resource/back64.png.xhtml") !important;
}