:root{
    --fobl: cadetblue;
    --fopc: steelblue;
    --fcon: darkorange;
    --fwar: red;
    --fgray: gray;
}

.footForm{
    background-color: gainsboro !important;
}

html, body {
    height: 100%;
    min-height: 100%;
}

.ui-widget, .ui-widget .ui-widget {
    /*font-size: 90%;*/
    font-size: 12px;
}

.ui-menu .ui-menu-parent .ui-menu-child {
    width: 300px;
}

.ui-selectonemenu .ui-selectonemenu-label {
    font-size: 12px !important;
}

.ui-selectonelistbox, .ui-selectmanymenu,.ui-multiselectlistbox-listcontainer{
    width: fit-content !important;
    font-size: 12px !important;
}

.ui-multiselectlistbox-item{
    font-size: 12px !important;
}

.fulljustify {
    text-align:justify;
}
.fulljustify:after {
    content: "";
    display: inline-block;
    width: 100%;
}
#tagline {
    height: 80px;
    overflow: hidden;
    line-height: 80px; /* vert-center */
}

.mu-options{
    vertical-align: central !important;
}

.welcolumns{
    vertical-align: top !important;
}

.myfoot{
    font-size: 12px;
    color: gainsboro;
}

.fieldLabel{
    width: 100%;
    font-size: 12px !important;
    color: dodgerblue;
}

.inputLabeli{
    width: 100%;
    font-size: 12px !important;
    color: var(--fobl);
    background-color: transparent !important;
    font-weight: lighter;
}

.inputLabelo{
    width: 100%;
    font-size: 12px !important;
    color: var(--fopc);
    background-color: transparent !important;
    font-weight: lighter;
}

.inputLabelc{
    width: 100%;
    font-size: 12px !important;
    color: var(--fcon);
    background-color: transparent !important;
    font-weight: lighter;
}

.inputLabeld{
    font-size: 12px !important;
    color: var(--fgray);
    background-color: transparent !important;
    font-weight: lighter;
}

.inputLabeld2{
    width: 100%;
    font-size: 12px !important;
    color: var(--fgray);
    background-color: transparent !important;
    font-weight: lighter;
}

.inputLabelw{
    font-size: 12px !important;
    color: var(--fwar);
    background-color: transparent !important;
    font-weight: lighter;
}

.iconLabeli{
    color: var(--fobl);
}

.iconLabelo{
    color: var(--fopc);
}

.iconLabelc{
    color: var(--fcon);
}

.fup-labeli .ui-button{
    border-color: var(--fobl) !important;
    color: var(--fobl) !important;
    background-color: #FAFAFA !important;
}

.fup-labelo .ui-button{
    border-color: var(--fopc) !important;
    color: var(--fopc) !important;
    background-color: #FAFAFA !important;
}

.fup-labelc .ui-button{
    border-color: var(--fcon) !important;
    color: var(--fcon) !important;
    background-color: #FAFAFA !important;
}

.inputLabeld{
    margin-bottom: 10px;
    margin-top: 10px;
}

.titleLabel{
    font-size: 20px !important;
    font-weight: lighter !important;
    color: cornflowerblue !important;
    font-family: sans-serif !important;
}

.fieldInput{
    width: 100%;
    color: gray;
    resize: none;
}

.hideNoOverflow{
    overflow: hidden;
    white-space: nowrap;
}

.hideNoOverflowTitle{
    overflow: hidden !important;
    font-size: 24px !important;
    white-space: nowrap !important;
    width: 100% !important;
}

.cardOverHidden{
    width: 275px;
    overflow: hidden;
    height: 275px;
}

.cardOverHiddenAuto{
    width: 275px;
    overflow: hidden;
}

.cardOverHiddenBtnOnly{
    width: 250px;
    overflow: hidden;
}

.smallColumn{
    max-width: fit-content !important;
    background: none !important;
    vertical-align: top !important;
}

.autoColumn{
    background:  none !important;
}

.autoColumn2{
    background: none !important;
}

.welcomeSmall{
    width: 50px !important;
    vertical-align: central !important;
}

.welcomeSmall2nd{
    width: 50px !important;
    vertical-align: central !important;
    padding: 15px;
}

.smallColumn2nd{
    width: fit-content !important;
    text-align: right;
    max-width: 400px !important;
    vertical-align: central !important;
}

.autoColumn2nd{
    max-width: 400px !important;
    vertical-align: central !important;
}

.autoColumn2nd2nd{
    max-width: 300px !important;
    vertical-align: bottom !important;
}

.dataVTitle{
    font-size: 18px !important;
    font-weight: 500;
}

.dataVSubtitle{
    font-size: 16px !important;
    font-weight: 500;
}

.dataVNormal{
    font-size: 14px !important;
    font-weight: 200;
    color: gray;
}

.dataVNormalH{
    font-size: 14px !important;
    font-weight: 500 !important;
    color: dodgerblue !important;
}

.dataVTitleH{
    font-size: 18px !important;
    font-weight: 500;
    color: gray;
}

.dataVSmall{
    font-size: 12px !important;
}

.dataVTextMd{

}

.dataVTextHl{
    font-size: 14px !important;
    color: dodgerblue;
}

.dataVTextSm{
    font-size: 14px !important;
}

.dataVTextSmHl{

}

.centerParent{
    /*max-width: 2560px;*/
    margin: 0 auto;
}

.noBorder {
    border: 0 !important;
    margin: 0px !important;
    padding: 2px !important;
    color: gray !important;
}

.noBorderFit {
    max-width: 150px !important;
    width: 150px !important;
    margin: 0px !important;
    padding: 2px !important;
}

.noBorderFitExtra {
    max-width: 150px !important;
    width: 50px !important;
    margin: 0px !important;
    padding: 2px !important;
}

.noBorderQR {
    border: 0 !important;
    margin: 0px !important;
    padding: 2px !important;
    vertical-align: top;
}

.noBorderQRFit{
    max-width: 210px !important;
    width: 210px !important;
    margin: 0px !important;
    padding: 2px !important;
    vertical-align: top;
}

.dataGridLabelSmall{
    font-size: 14px !important;
    color: dodgerblue;
}

.unresizable {
    resize: none;
}

.ui-chip.custom-chip-rnd {
    background: gray;
    font-size: 12px;
    font-weight: bold;
    color: white;
}

.ui-chip.custom-chip-snd {
    background: lightblue;
    font-size: 12px;
    font-weight: bold;
    color: white;
}

.ui-chip.custom-chip-rej {
    background: orange;
    font-size: 12px;
    font-weight: bold;
    color: white;
}

.ui-chip.custom-chip-apr {
    background: dodgerblue;
    font-size: 12px;
    font-weight: bold;
    color: white;
}

.ui-chip.custom-chip-cnl {
    background: red;
    font-size: 12px;
    font-weight: bold;
    color: white;
}

.ui-chip.custom-chip-fol {
    background: antiquewhite;
    font-size: 12px;
    font-weight: bold;
    color: dodgerblue;
}

.ui-chip.custom-chip-who {
    background: #2196F325;
    font-size: 12px;
    font-weight: bold;
    color: gray;
}

.ui-chip.custom-chip-mail {
    background: lightgoldenrodyellow;
    font-size: 12px;
    font-weight: bold;
    color: gray;
}

.ui-chip.custom-chip-dat {
    background: gainsboro;
    font-size: 12px;
    font-weight: 200;
    color: darkslategrey;
}

.myTable .ui-paginator,.myTable .ui-paginator{
    background: none !important;
}

.myTable .ui-datatable-header,.myTable .ui-datatable-footer{
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
    display: none !important;
}

.myTable .ui-datatable-odd{
    background-color: #C0C0C025 !important;
}

.myTable .ui-datatable-even{
    background-color: #ffffff00 !important;
}

.myTable tbody td,.myTable tfoot td,.myTable thead th{
    padding:4px 4px !important;
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
}


.myTableUsr thead th {
    border: none !important;
    background: none !important;
    display: none !important;
}

.myTableUsr .ui-datatable-header,.myTableUsr .ui-datatable-footer{
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

.myTableUsr .ui-datatable-header{
    display: block !important;
}

.myTableUsr tbody td,.myTableUsr tfoot td,.myTableUsr thead th{
    padding:4px 10px !important;
    overflow:hidden;
    white-space:nowrap;
    border: none !important;
}

/*.ui-datatable .ui-datatable-header,.ui-datatable .ui-datatable-footer{
    text-align:center;
    padding:4px 10px;
}

.ui-datatable .ui-datatable-header{
    border-bottom:0px none;
    display: none;
}
.ui-datatable .ui-datatable-footer{
    border-top:0px none;
}
.ui-datatable thead th, .ui-datatable tfoot td{
    text-align:center;
    display: none;
}
.ui-datatable thead th,.ui-datatable tbody td,.ui-datatable tfoot td{
    padding:4px 10px;
    overflow:hidden;
    white-space:nowrap;
}*/

.ismytable
{
    width: 100% !important;
}

.ismytable td
{
    padding: 3px !important;
}

.ismytable tr{

}

.celloverflow{

}

.table-cell-nowrap {
    overflow: hidden;
    white-space: nowrap;
}

.hideme{
    display: none;
}

button.ui-spinner-button{
    display: none;
}

.ui-menubar .ui-menuitem-link .ui-icon{
    color: dodgerblue !important;
}

.ui-menu .ui-menu-parent .ui-icon-triangle-1-e,.ui-menu .ui-menu-parent .ui-icon-triangle-1-s,.ui-menubar .ui-menu-child .ui-icon-triangle-1-s,.ui-menubar .ui-menu-child .ui-icon-triangle-1-s{
    float:right;
}

.ui-menubutton{
    padding:0;
    position:relative;
    display:inline-block;
}

.ui-menubutton .ui-button{
    margin:0;
}

.ui-menubar{
    width: fit-content !important;
    text-align: left !important;
    background-color:linen !important;
    font-weight: 500 !important;
}
.ui-menubar .ui-menuitem{
    width:auto; 
    clear:none;
    font-weight: 500 !important;
    font-size: 12px !important;
}
.ui-menubar .ui-menu-child .ui-menuitem{
    width:100%;
    font-weight: 500 !important;
}
.ui-menubar .ui-menu-child{
    top:25px;
    left:0;
    background-color: linen !important;
    font-weight: 500 !important;
}
.ui-menubar .ui-menuitem-link{
    width:auto;
    padding:.4em .3em;
    background-color: linen !important;
    font-weight: 500 !important;
}
.ui-menubar .ui-menuitem-active a{
    background-color: linen !important;
}
.ui-menubar .ui-menuitem-link:hover{
    width:auto;
    padding:.4em .3em;
    background-color: white !important;
}
.ui-menubar .ui-menu-child .ui-menuitem-link{
    width:92%;
}
.ui-menubar .ui-widget-header{
    clear:none;
    width:auto;
    margin:0 3px 0 0;
}
.ui-menubar .ui-widget-header h1,.ui-menubar .ui-widget-header h2,.ui-menubar .ui-widget-header h3,.ui-menubar .ui-widget-header h4,.ui-menubar .ui-widget-header h5,.ui-menubar .ui-widget-header h6{
    padding:.4em .3em;
}
.ui-menubar .ui-menubar-options{
    float:right;
}
.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link span.ui-icon-triangle-1-e,.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link span.ui-icon-triangle-1-s{
    *float:none; 
}
.menuLabeld{
    font-size: 12px !important;
    color: gray;
    background-color: transparent !important;
    font-weight: 500; 
    padding: 0px; 
    margin: 0px;
}
.menuLabels{
    font-size: 12px !important;
    color: gray;
    background-color: transparent !important;
    font-weight: 200; 
    padding: 0px; 
    margin: 0px;
}

.ui-fileupload-buttonbar{
    padding:0em 0em!important;
    border: none!important;
    background: none!important;
}
.ui-fileupload-buttonbar .ui-button{
    vertical-align:middle;
    margin-right:0em!important
}
.ui-fileupload-content{
    padding:0em 0em!important;
    border-top-width:0;
    border: none!important;
    background: none!important
}
.ui-fileupload-files{
    margin:0px 0!important;
    border-collapse:collapse;
    display:table;
    border-spacing:2px!important
}
.ui-fileupload-files>div{
    display:table-row-group;
    vertical-align:middle
}
.ui-fileupload-row{
    display:table-row
}
.ui-fileupload-row>div{
    display:table-cell;
    padding:0px 5px!important
}

.ui-panelgrid{
    background: none !important;
}
.ui-grid-row{
    background: none !important;
}

.ui-panelgrid .ui-panelgrid-cell{
    background: none !important;
    padding: 5px !important;
}



.ui-chip.custom-chip-noti_1 {
    background: deepskyblue;
    font-size: 12px;
    color: white;
}
.ui-chip.custom-chip-noti_2 {
    background: darkblue;
    font-size: 12px;
    color: white;
}
.ui-chip.custom-chip-noti_3 {
    background: dodgerblue;
    font-size: 12px;
    color: white;
}
.ui-chip.custom-chip-noti_4 {
    background: lightslategrey;
    font-size: 12px;
    color: white;
}
.ui-chip.custom-chip-noti_5 {
    background: darkgreen;
    font-size: 12px;
    color: white;
}
.ui-chip.custom-chip-noti_6 {
    background: darkorange;
    font-size: 12px;
    color: white;
}
.ui-chip.custom-chip-noti_7 {
    background: cadetblue;
    font-size: 12px;
    color: white;
}
.ui-chip.custom-chip-noti_8 {
    background: darkseagreen;
    font-size: 12px;
    color: white;
}

.custom-filter-dlg .ui-dialog-content{
    padding: 0.5em 0.5em !important;
    background-color: white !important;
    border-radius: 25px !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important
}

.custom-filter-dlg{
    border-radius: 25px !important;
    background: none !important;
    background-image: none !important;
}

.custom-filter-dlg .ui-dialog{
    background: none !important;
    background-image: none !important;
}

.custom-filter-dlg .ui-dialog-titlebar{
    background: none !important;
    background-image: none !important;
}

.custom-filter-dlg .ui-dialog-title-dialog{
    background: none !important;
    background-image: none !important;
}

.custom-filter-dlg .ui-dialog-titlebar-close{
    background: none !important;
    background-image: none !important;
}

.ui-fileupload-row>.ui-fileupload-filename{
    display: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.ui-sticky {
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.ctmstk {
    top: 160px !important;
    border-radius: 10px!important;
    border: solid #c7b198 1px!important;
    padding: 5px!important;
    background: linear-gradient(135deg, #fafafa 0%, #fafafa 5%,transparent 5%, transparent 10%, #fafafa 10%, #fafafa 15%,transparent 15%,transparent 20%, #fafafa 20%, #fafafa 25%,transparent 25%,transparent 30%, #fafafa 30%, #fafafa 35%,transparent 35%,transparent 40%, #fafafa 40%, #fafafa 45%,transparent 45%,transparent 50%, #fafafa 50%, #fafafa 55%,transparent 55%,transparent 60%, #fafafa 60%, #fafafa 65%,transparent 65%,transparent 70%, #fafafa 70%, #fafafa 75%,transparent 70%,transparent 80%, #fafafa 80%, #fafafa 85%,transparent 85%,transparent 90%, #fafafa 90%, #fafafa 95%,transparent 95%)!important;
    background-size: 3em 3em!important;
    background-color: linen!important;
    opacity: 1
}

@media (max-width: 960px) {
    .ctmstk {
        top: 180px !important;
        border-radius: 10px!important;
        border: solid #c7b198 1px!important;
        padding: 5px!important;
        background: linear-gradient(135deg, #fafafa 0%, #fafafa 5%,transparent 5%, transparent 10%, #fafafa 10%, #fafafa 15%,transparent 15%,transparent 20%, #fafafa 20%, #fafafa 25%,transparent 25%,transparent 30%, #fafafa 30%, #fafafa 35%,transparent 35%,transparent 40%, #fafafa 40%, #fafafa 45%,transparent 45%,transparent 50%, #fafafa 50%, #fafafa 55%,transparent 55%,transparent 60%, #fafafa 60%, #fafafa 65%,transparent 65%,transparent 70%, #fafafa 70%, #fafafa 75%,transparent 70%,transparent 80%, #fafafa 80%, #fafafa 85%,transparent 85%,transparent 90%, #fafafa 90%, #fafafa 95%,transparent 95%)!important;
        background-size: 3em 3em!important;
        background-color: linen!important;
        opacity: 1!important;
    }
}

.ptybck{    
        border-radius: 10px!important;
        border: solid #c7b198 1px!important;
        padding: 5px!important;
        background: linear-gradient(135deg, #fafafa 0%, #fafafa 5%,transparent 5%, transparent 10%, #fafafa 10%, #fafafa 15%,transparent 15%,transparent 20%, #fafafa 20%, #fafafa 25%,transparent 25%,transparent 30%, #fafafa 30%, #fafafa 35%,transparent 35%,transparent 40%, #fafafa 40%, #fafafa 45%,transparent 45%,transparent 50%, #fafafa 50%, #fafafa 55%,transparent 55%,transparent 60%, #fafafa 60%, #fafafa 65%,transparent 65%,transparent 70%, #fafafa 70%, #fafafa 75%,transparent 70%,transparent 80%, #fafafa 80%, #fafafa 85%,transparent 85%,transparent 90%, #fafafa 90%, #fafafa 95%,transparent 95%)!important;
        background-size: 3em 3em!important;
        background-color: linen!important;
        opacity: 1!important;
        position: fixed !important; 
        bottom: 0px !important; 
        width: fit-content !important;
        left: 50%;
        transform: translate(-50%, -10%);
}

.ui-datatable-empty-message {
    text-align: center !important;
    background: none !important;
    font-weight: 200 !important;
    color: gray !important;
    background-color: transparent !important;
   font-size: 30px !important;
}