.ui-widget {
    font-size: 12px !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;
}

/*--------------Agregado por Norio*/
body .ui-state-disabled {
    opacity: 0.8;
}

.ui-widget-content {
    background:#fafafa;
}

.ui-widget-header {
    /*background: RGB(174,174,179) !important;
    border-color: RGB(174,174,179)!important;
    color: white !important;*/
    font-weight: bold !important;
}

.ui-panel-content{
    /*border: transparent !important;
    background:#fafafa !important;*/
    height: 100%;
}


/*Estilo para scrollbar*/
/* width */
::-webkit-scrollbar {
    width: 10px;
    height:10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #003891; 
    border-radius: 8px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: RGB(174,174,179); 
    border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #78909C; 
}


body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #d5f9d5;
    color:black;
}

body .ui-datatable .ui-datatable-data>tr.ui-state-highlight {
    background-color: #d5f9d5;
    color:black;
}

body .ui-datatable thead th.ui-state-active {
    background-color: #d5f9d5;
    color:black;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background-color: #d5f9d5;
    color:black;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover {
    background-color: RGB(174,174,179);
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
    color: #fff !important;
}

body .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active {
    background-color: #d5f9d5;
    border: 1px solid #d5f9d5;
    color:black;
}


body .ui-dialog .ui-dialog-titlebar {
    text-align: left;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-hover{
    color: #9E9E9E;
}

body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
    background-color: #d5f9d5;
    color:black;
}



body .ui-datatable thead th{
    background-color:RGB(174,174,179);
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}


body .ui-datatable thead th .ui-column-title {
    font-weight: bold;
}


body .ui-dialog .ui-dialog-titlebar{
    border: 1px solid RGB(174,174,179);
    background-color: RGB(174,174,179);
}

body .ui-panel .ui-panel-titlebar{
    border: 1px solid RGB(174,174,179);
    background-color: RGB(174,174,179);
}

body .ui-button{
    border: 1px solid RGB(174,174,179);
    background-color: RGB(174,174,179);
}

body .ui-button.ui-state-hover{
    border: 1px solid #78909C;
    background-color: #78909C;
}

body .ui-button.ui-state-focus{
    border: 1px solid #9E9E9E;
    background-color: #9E9E9E;
}

body .ui-button.ui-state-active, body .ui-button.ui-state-down{
    border: 1px solid #607D8B;
    background-color: #607D8B;
}

body .ui-fieldset .ui-fieldset-legend{
    border: 1px solid RGB(174,174,179);
    background-color: RGB(174,174,179);
}

.ui-datepicker .ui-datepicker-header{
    background: RGB(174,174,179);
}

body .ui-datepicker .ui-datepicker-title{
    color: white
}

body .ui-datepicker .ui-datepicker-prev, body .ui-datepicker .ui-datepicker-next{
    color: white
}
body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active{
    border: 1px solid RGB(174,174,179);
    background-color: RGB(174,174,179);
}

body .ui-datepicker .ui-datepicker-next:hover, body .ui-datepicker .ui-datepicker-prev:hover{
    color: #d5f9d5;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon{
    color: #fff;
}

body .ui-picklist .ui-picklist-caption{
    background-color: RGB(174,174,179);
    border: 1px solid RGB(174,174,179);
}

body .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-hover, body .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-tabs-outline{
    border: 1px solid #78909C;
    background-color: #78909C;
}

body .ui-tabs .ui-tabs-nav .ui-tabs-header{
    background-color: RGB(174,174,179);
    border: 1px solid RGB(174,174,179);
}

body .ui-datatable .ui-datatable-header, body .ui-datatable .ui-datatable-footer{
    border: 1px solid RGB(174,174,179);
    background-color: RGB(174,174,179);
}

body .ui-growl .ui-growl-item-container.ui-growl-info {
    background-color: #289bb7;
    border: 0 none;
    color: white;
}
body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image,
body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image{
    color: white;
}

body .ui-growl .ui-growl-item-container.ui-growl-error{
    background-color: #FF4A48;
    border: 0 none;
    color: white;
}

body .ui-fileupload .ui-fileupload-buttonbar{
    border: 1px solid RGB(174,174,179);
    background-color: RGB(174,174,179);
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button{
    border: 1px solid white;
}

body .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a{
    color:black;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active{
    background-color: #d5f9d5;
    color:black;
    border: 1px solid RGB(174,174,179);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover{
    background-color: #78909C;
    color:white;
}

body .ui-inputswitch.ui-inputswitch-checked{
    background-color: #d5f9d5;
    color:black;
}

.ui-inputswitch-handle .ui-state-default .ui-state-hover{
    background-color: #78909C;
}

.ui-inputswitch-handle .ui-state-default .ui-state-focus .ui-state-hover{
    background-color: #78909C;
    color: white;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet{
    background-color: RGB(174,174,179);
}

.inputClass{width: 100% !important}

/* uso para la grillas*/
@media screen and (min-width: 500px) {
    .idClass{width: 80px}
    .empresaClass{width: 150px}

    /* Dialogo en general*/
    .dialogo{
        max-height: 100vh;
        overflow-y: auto !important;
    }
}

@media screen and (max-width: 499px) {
    .idClass{width: auto}
    .empresaClass{width: auto}

    /* Dialogo en general*/
    .dialogo{
        max-height: 87vh;
        overflow-y: auto !important;
    }
}