grayRow.displayBlock{
    display: block;
}
.dlgMaxHeight .ui-dialog-content {
    padding: 0px 0px!Important;
    max-height: -webkit-fill-available!important;
}
.wid100Mobile {
    max-width: 100%!important;
}
.ui-datatable-scrollable table, .ui-datatable-sticky table {
    // table-layout: auto!important;
}
.card {
    padding: .0rem!important;
    display: block;
}

.scheduleGreen {
    border: 1px solid #43A047 !important;
    background-color: rgba(165, 214, 167, 0.5) !important;
    color: inherit !important;
}
.scheduleBlue {
    border: 1px solid #2196f3  !important;
    background-color: rgba(67 ,205 ,231 ,0.5) !important;
    color: inherit !important;
}
.schedulePurple {
    border: 1px solid #673ab7   !important;
    background-color: rgba(156 ,39 ,176 ,0.2) !important;
    color: inherit !important;
}
.scheduleGray {
    border: 1px solid #607d8b   !important;
    background-color: rgba(96 ,125 ,139 ,0.2) !important;
    color: inherit !important;
}

.scheduleYellow {
    border: 1px solid #fff500 !important;
    background-color: rgba(255, 250, 128, 0.5) !important;
    color: inherit !important;
}

.scheduleOrange {
    border: 1px solid #FB8C00 !important;
    background-color: rgba(255, 204, 128, 0.5) !important;
    color: inherit !important;
}

.scheduleRed {
    border: 1px solid #E53935 !important;
    background-color: rgba(239, 154, 154, 0.5) !important;
    color: inherit !important;
}

body .ui-picklist .ui-picklist-filter-container .ui-icon{
    width: 15px!important;
}
.layout-content {
    padding: 0.3rem;
}
.padding3px.ui-datatable .ui-datatable-data > tr > td{
    padding: 3px;
}
.padding3px.ui-datatable .ui-datatable-scrollable-header{
    height: 100px!important;  
}

body .ui-button.success-button, body .ui-splitbutton.success-button > .ui-button {
    background: #8bc34a;
    margin-right: 5px;
    margin-bottom: 2px;
    border: 1px solid #8bc34a;
}
body .ui-button.success-button.ui-state-hover, body .ui-splitbutton.success-button > .ui-button.ui-state-hover {
    background: #80b049;
    border-color: #80b049;
}

body .ui-button.secondary-button, body .ui-splitbutton.secondary-button > .ui-button {
    margin-right: 5px;
    margin-bottom: 2px;
}
body .ui-button.warning-button, body .ui-splitbutton.warning-button > .ui-button {
    margin-right: 5px;
    margin-bottom: 2px;
}
body .ui-button.info-button, body .ui-splitbutton.info-button > .ui-button {
    margin-right: 5px;
    margin-bottom: 2px;
}
body .ui-button.danger-button, body .ui-splitbutton.danger-button > .ui-button {
    margin-right: 5px;
    margin-bottom: 2px;
}

body .ui-dialog .ui-dialog-content{
    padding: 1rem;
}
.lds-dual-ring {
    display: inline-block;
    width: 90px;
    height: 90px;
}
.centered {
    position: fixed; 
    top: 50%;
    left: 50%;
}
.ui-blockui-content{
    z-index: 99999!important;
    box-shadow:  0 5px 10px rgba(0, 0, 0, 0);
}

body .ui-widget-overlay{
    //height: 120%;
}
.panelEmptyWhite.ui-panel .ui-panel-content {
    border: 0px solid #dee2e6; 
    background:none;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.ComponentBox .fa-caret-right{
    display:none;
}

.ComponentBox:hover .fa-caret-right{
    display:inherit;
}

.ComponentBox{
    padding: 5px;
    border:1px solid transparent;
}

.ComponentBox:hover{ 
    background-color: #ffc1078f;
}



.FBold{
    font-weight: bold;
}
.Fs8{font-size:8px !important;} 
.Fs10{font-size:10px !important;}
.Fs11{font-size:11px !important;} 
.Fs12{font-size:12px !important;} 
.Fs13{font-size:13px !important;} 
.Fs14{font-size:14px !important;} 
.Fs15{font-size:15px !important;} 
.Fs16{font-size:16px !important;} 
.Fs17{font-size:17px !important;} 
.Fs18{font-size:18px !important;} 
.Fs19{font-size:19px !important;} 
.Fs20{font-size:20px !important;} 
.Fs21{font-size:21px !important;} 
.Fs22{font-size:22px !important;} 
.Fs23{font-size:23px !important;} 
.Fs24{font-size:24px !important;} 
.Fs25{font-size:25px !important;} 
.Fs26{font-size:26px !important;} 
.Fs27{font-size:27px !important;} 
.Fs28{font-size:29px !important;} 
.Fs29{font-size:29px !important;} 
.Fs30{font-size:30px !important;}
.Fs35{font-size:35px !important;}
.Fs40{font-size:40px !important;}
.Fs45{font-size:45px !important;}
.Fs50{font-size:50px !important;}
.Fs60{font-size:60px !important;}
.Fs61{font-size:61px !important;}
.Fs70{font-size:70px !important;}
.Fs80{font-size:80px !important;}
.Fs90{font-size:90px !important;}
.Fs100{font-size:100px !important;}
.Fs120{font-size:100px !important;}
.Fs130{font-size:130px !important;}
.Fs140{font-size:140px !important;}
.Fs150{font-size:150px !important;}
.Fs160{font-size:160px !important;}
.Fs170{font-size:170px !important;}
.Fs180{font-size:180px !important;}
.Fs190{font-size:190px !important;}

.percentBlack{
    float: right;
    background: #000;
    padding: 3px;
    border-radius: 5px;
    margin-top: -4px;
    font-size: 11px;
    margin-left: 6px;
}
.divider {
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0;
}

.MaxWid650{
    max-width: 636px!important;
}
.MaxWid400{
    max-width: 400px!important;
}
.MaxWid350{
    max-width: 350px!important;

}
.Fleft{
    text-align: left;  
}

.Wid100{
    width: 100%!important;
}

.TexAlCenter{
    text-align: center;
}

.SeparatorFull{
    border-bottom: solid 1px #E0E0E0;
    display: block;
    overflow: hidden;
    height: 0px;
    margin: 25px -5px 20px;
    margin-top: 5px;
    clear: both; 
}

.SeparatorFullHeader{
    border-bottom: solid 1px #E0E0E0;
    display: block;
    overflow: hidden;
    height: 0px;
    margin: 25px -5px 20px;
    margin-top: 5px;
    clear: both; 
}
.Container100{
    width: 100%;   
}
.purpleRow2.ui-datatable-odd{
    background-color:#cfaccc!important;
}
.purpleRow.ui-datatable-even{
    background-color:#cfaccc!important;
}
.blueLigthRow2.ui-datatable-odd{
    background-color: #3f51b54d!important;
}
.blueLigthRow.ui-datatable-even{
    background-color: #3f51b54d!important;
}

.blueRow2.ui-datatable-odd{
    background-color: #c8e0fc!important;
}
.blueRow.ui-datatable-even{
    background-color: #c8e0fc!important;
}
.brownRow2.ui-datatable-odd{
    color: #fff !important;
    background-color: #ac903a!important;
}
.brownRow.ui-datatable-even{
    color: #fff !important;
    background-color:#ac903a!important;
}
.grayNewRow2.ui-datatable-odd{    
    color: #fff !important;
    background-color: #9E9E9E!important;
}
.grayNewRow.ui-datatable-even{
    color: #fff !important;
    background-color:#9E9E9E!important;
}

.darkRow2.ui-datatable-odd{
    color: #fff !important;
    background-color: #373737!important;
}
.darkRow.ui-datatable-even{
    color: #fff !important;
    background-color: #373737!important;
}
.darkRow.ui-datatable-even{
    color: #fff !important;
    background-color: #373737!important;
}
.redRow2.ui-datatable-odd{
    background-color: rgba(219, 0, 0, 0.17)!important;
}
.redRow.ui-datatable-even{
    background-color: rgba(219, 0, 0, 0.17)!important;
}


.grayRow2.ui-datatable-odd{
    color: #fff;
    background: #607d8b;
}
.grayRow.ui-datatable-even{
    color: #fff;
    background: #607d8b;
}

.strongRedRow2.ui-datatable-odd{
    color: #fff!important;
    background-color: #f63f3b!important;
}
.strongRedRow.ui-datatable-even{
    color: #fff!important;
    background-color: #f63f3b!important;
}
.greenRow2.ui-datatable-odd{
    background-color: rgb(203, 239, 161)!important;
}


.greenRow.ui-datatable-even{
    background-color: rgb(203, 239, 161)!important;
}
.orangeRow2.ui-datatable-odd{
    background-color: rgba(255, 152, 0,0.37)!important;
}
.orangeRow.ui-datatable-even{
    background-color: rgba(255, 152, 0,0.37)!important;
}


.inpurNumberWid100 .ui-inputfield{
    width:100%!important;
}

.inputField100px .ui-inputfield{
    width:100px!important;
}
.inpurNumber30px .ui-inputfield{
    width: 75px!important;
    background: none !important; 
    border: 1px solid #fff;
}

.bold{
    font-weight: bold;
}

.EmptyBox1{ display:block; width:100%; height:1px; overflow:hidden;}
.EmptyBox2{ display:block; width:100%; height:2px; overflow:hidden;}
.EmptyBox3{ display:block; width:100%; height:3px; overflow:hidden;}
.EmptyBox4{ display:block; width:100%; height:4px; 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;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}

.pe-blockui{
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.TexAlCenter{
    text-align: center;
}

.CellPadding4 .ui-outputlabel,.CellPadding4 tbody tr td{
    padding: 4px !important;
}

.CellPadding5 .ui-outputlabel,.CellPadding5 tbody tr td{
    padding: 5px !important;
}

.CellPadding10 .ui-outputlabel,.CellPadding10 tbody tr td{
    padding: 10px !important;
}
.clearFileUpload.ui-fileupload .ui-fileupload-content{
    display: none;
}
.clearFileUpload.ui-fileupload .ui-fileupload-buttonbar {
    border: 0px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem;
}

a:active, a:hover {
    text-decoration: none!important;   
}
.BoxShadowBlackMain{
    box-shadow: 0px 0px 7px rgba(0,0,0,0.35);
}

galleryItem{
    transition: all .2s ease-in-out;
    margin: 7px 5px;
    display: inline-block;
    background: url("/javax.faces.resource/imagenes/gif/gif_loading.gif.html") center center no-repeat;
}

.galleryItem:hover{
}

.galleryItem:hover .gallery{
}

.galleryItem:hover .galleryCaption{
    background-color: #00447B;
    color: #FFFFFF;
    box-shadow: inset 0px 15px 0px rgba(255,255,255,0.1),inset 0px -5px 10px rgba(255,255,255,0.3);
}
.showme {
    display : block;
}


.DispNone{
    display: none;
}

.showhim:hover .showme {
    display : block;
    background-color: rgba(4, 72, 128, 0.75);
}
.showhim:hover {
    display : block;
    box-shadow: 0px 0px 10px rgb(251, 84, 72)!important;
    background-blend-mode: initial!important;
}
.showhim:hover div {
    display : block;
    background-blend-mode: initial!important;
}
.showhim:hover .hideme {
    display : none;
}
.SoftGrayBack {
    background-color: #f5f5f5;
}

.label-gallery, .label-gallery-overlay a, .label-gallery-overlay a:hover {
    color: white;
    text-decoration: none;
    text-shadow: 0px 0px 2px #000;
}
.ui-datatable table {
    font-size: 12px;   
}
.ui-datatable .ui-column-filter {
    height: 30px;
}
body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
    font-size: 12px;    
}
.DispInlBlockForced{
    display: inline-block !important;
}
.panelEmpty.ui-panel .ui-panel-content{
    border: 0px!Important; 
}
.showOnMobile{
    display: none;
}

@media screen and (max-width: 40em){
    .hideOnMobile{
        display: none!important;
    }
    .showOnMobile{
        display: contents; 
    }
    .layout-search {
        height: 282px!important;
    }
}
.layout-search {
    height: 190px!important;
}
.layout-search .search-container {
    padding: 1rem !important; 
}
.layout-sidebar .logo{
    padding: 0.5rem!important;
}
.login-body .login-wrapper .login-image .image-footer .icons i{
    background: none;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon {
    margin-top: -11px;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon {
    margin-top: -10px;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon {
    margin-top: -11px;
}
body .ui-dialog .ui-dialog-content {   
    max-height: 600px;
}
.pickColorEmpty .ui-button{ 
    background: #fff;
    border: 0px solid #fff;
}

.colorPrimaryTheme{
    color: var(--primary-color);
}
.imgSelected{
    width: 25px!important;
    height: 25px!important;
    border: 2px solid #000;
    border-radius: 16px;
}
.blockDiv {
    position: absolute:
        top: 0px;
    left: 0px;
    background-color: #FFF;
    width: 0px;
    height: 0px;
    z-index: 10;
}
#interactive.viewport {
    margin-left: 0px;
    width: 350px;
    height: 260px;
}
#interactive.notDisplay{
    margin-left: 0px;
    width: 350px;
    height: 0px !Important;
}.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

#interactive.viewport canvas, video {
    margin-left: 0px;
    width: 350px;
    height: 260px;
}

#interactive.viewport canvas.drawingBuffer, video.drawingBuffer {
    margin-left: -350px;
}

#interactiveOnly.viewport {
    margin-left: 0px;
    width: 350px;
    height: 260px;
}

#interactiveOnly.notDisplay{
    margin-left: 0px;
    width: 350px;
    height: 0px !Important;
}

#interactiveOnly.viewport canvas, video {
    margin-left: 0px;
    width: 350px;
    height: 260px;
}


@media screen and (max-width: 40em){
    .wid100Mobile {   
        height: auto!important;
    }
}

#interactiveOnly.viewport canvas.drawingBuffer, video.drawingBuffer {
    margin-left: -350px;
}
.ui-panelgrid-blank .remove-padding{
    padding: 0px;
}
.dlgMaxHeight800 .ui-dialog-content {
    max-height: 600px!important;
}

.displayNone{
    display: none;
}
.labels{
    color: black;
    background-color: white;
    font-family: inherit;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    width: 10em;
    border-radius: 2px;
    border: 0px solid black;
    white-space: normal;
}

::-webkit-scrollbar{width: 8px;height: 8px;}::-webkit-scrollbar-track{background:none;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}