/*
 * All rights reserved.
 */

html{
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    /*    font-family: "Open Sans","Helvetica Neue",sans-serif;*/
    /*    font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;*/
}

/* UI OR */
body .ui-inputfield {
    padding: 0.3rem;
}

/*selectCheckboxMenu multiple selection; field hight must be reduced */
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container{
    padding: 0.3rem 1.8rem 0.3rem 0.3rem;
}

/*selectCheckboxMenu multiple selection; right padding needs to be higher to keep the dropdown arrow visible */
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    padding: 0.3rem 1.8rem 0.3rem 0.3rem;
}

/*selectCheckboxMenu search header*/
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header{
    padding: 0.3rem;
}
/*selectCheckboxMenu search field*/
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield{
    padding: 0.3rem;
}

/*selectCheckboxMenu search results*/
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item{
    padding: 0.3rem;
}

/* selectonemenu item padding reduction */
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item{
    padding: 0.3rem;
}

/*ui menu width*/
.ui-menu{
    width: auto !important;
}

/* Main Layout */
.main-body {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    /*    font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;*/
    /*    font-family: "Open Sans","Helvetica Neue",sans-serif;*/
    font-size: 14px;
    margin: 0;
    padding: 0;
    /*background-color: #edf0f5;*/
}

.content{
    margin-left: 20px;
    /*margin-top: 20px;*/
}

h4 {
    font-weight: normal;
    color: rgba(40, 40, 40, 0.8);
    margin: auto;
}

.card h1 {
    margin: 0 0 .5em 0;
    border-bottom: 1px solid #d5d5d5;
    padding: .1em;
    font-weight: bold;
    font-size: 24px;
}
.card h3 {
    margin: 0 0 0 0;
    font-weight: bold;
    font-size: 18px;
}
.card h4 {
    margin: 0 0 0 0;
    font-weight: bold;
    color: rgba(40, 40, 40, 0.8);
}

.LoginDlg{
    background: #fff;
    border-radius: 5px;
}

.LoginFooter{
    margin:auto;
    text-align: center;
    color: #fff;
    padding: 10px;
    margin-top:10px;
    font-size: 15px;
}

.LoginBody {
    background-image: linear-gradient(
        to bottom,
        #3f5f8f 0%,
        #5575a2 12%,
        #7892b4 30%,
        #a3b3c8 52%,
        #c9d2dd 74%,
        #e7ebf0 100%
    );

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    min-height: 100vh;
}

.BreadcrumBar{
    background: linear-gradient(90deg, rgba(106,181,241,1) 0%, rgba(203,231,255,1) 48%, rgba(231,244,255,1) 100%);
    background-image: linear-gradient(277deg, #1b81d7 0%, #1f4869 100%);
    color: #fff;
}

.InputReadOnly{
    background-color: whitesmoke !important;
    opacity: unset !important;
}

.card{
    margin: 0px;
}

.TopCard{
    margin-top: 16px;
}

.TopBarIcon {
    display: block;
    padding: 10px;
    margin-left: 0;

    font-size: 18px;
    float: left;
    margin: 0px 5px 0px 5px;
    width: 20px;
}


body .ui-picklist .ui-picklist-list .ui-picklist-item {
    padding: 0.3rem 0.5rem;
}

.ui-selectmanycheckbox.ui-grid-responsive>div>div {
    padding: 0.1rem !important;
}

.PickListSearch .ui-picklist-list{
    width: 300px !important;
    height: 300px !important;
}

/*radio items: reduce padding*/
.Radio .ui-g-12 {
    padding: 0.3em;
}

.ui-datatable .ui-datatable-data>tr>td{
    padding: 4px 10px !important;
}

.TableStd .ui-sortable-column-icon{
    font-size: small !important;
}
body .ui-datatable thead th{
    padding: 0.5rem 0.5rem !important;
}
.NoHeader.ui-datatable table thead tr {
    display: none;
}

.SmallIcon .pi{
    font-size: 1em;
}


.WizardNavBar .ui-wizard-navbar {
    vertical-align: middle;
    height: 40px;
}

.Fs12 .ui-widget{
    font-size: 12px !important;
}

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

.SelectNoPadding .ui-selectlistbox-item{
    padding: 0.3rem 0.3rem !important;
}

.DialogAccordion .ui-accordion .ui-accordion-content{
    padding: 5px;
}
.DialogAccordion .ui-accordion .ui-accordion-header{
    padding: 2px;
    padding-left: 25px;
    font-size: 1em;
}

.CautionHint{
    color: orange;
}
.ErrorHint{
    color: red;
    font-weight: bold;
}
/*
.Disable-scroll .ui-dialog .ui-wizard {
  overflow: hidden !important;
} */

/* Menus */
.Topbarmenu .ui-menuitem-text, .Topbarmenu .ui-menuitem-icon, .Topbarmenu .ui-icon-triangle-1-s{
    color: var(--gray-200) !important;
}
.Topbarmenu .RedIcon .ui-menuitem-icon{
    color: var(--red-500) !important;
}
.Topbarmenu .ui-widget-content, .Topbarmenu .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link {
    background: var(--gray-900) !important;
}
.Topbarmenu .ui-state-hover {
    background: var(--gray-600) !important;
}
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link {
    background: var(--gray-400);
}

ul.ui-menu-child {
    white-space: nowrap;
    min-width: 200px;
    width: auto !important;
}
.MenuButton{
    white-space: nowrap;
    min-width: 200px;
    width: auto !important;
}
/*Reduces padding of MenuButton elements, but also for menu bar elements*/
.ExportMenu .ui-menuitem-link {
    padding: 0.5rem 1rem !important;
}


body .ui-button.ui-button-text-only .ui-button-text {
    padding: 0.3rem 1rem;
}

.GrayButton{
    background-color: #ECEFF1 !important;
    border-color: #CCCFD2 !important;
    color: #525252 !important;
}
.ui-button.ui-state-default.gray-button {
    background-color: #ECEFF1;
    border-color: #CCCFD2;
}
.ui-button.ui-state-default.gray-button.ui-button span.ui-button-text {
    color: #525252;
}
.ui-button.ui-state-default.gray-button.ui-state-hover {
    background-color: #F5FBFF;
}
.ui-button.ui-state-default.gray-button.ui-state-active {
    background-color: #CCCFD2;
}

.ui-button.ui-state-default.navy-button {
    background-color: #1f3b59;
    border-color: #21374f;
}
.ui-button.ui-state-default.navy-button.ui-state-hover {
    background-color: #3C6592;
}
.ui-button.ui-state-default.navy-button.ui-state-active {
    background-color: #21374f;
}


body .ui-button.ui-button-text-icon-left .ui-button-text{
    padding: .2em 1em .2em 2em;
}

.MenuButtonColorGray .ui-button{
    border: 1px solid #CCCFD2 !important;
    color: #525252 !important;
    background: #ECEFF1 !important;
}
.MenuButtonColorGreen .ui-button{
    border: 1px solid #555 !important;
    color: white !important;
    background: #1f9e53 !important;
}
.MenuButtonColorRed .ui-button{
    border: 1px solid #9c1627 !important;
    color: white !important;
    background: #b8312e !important;
}

.white-button.ui-button.ui-state-default {
    background-color: #ffffff;
    color: #222222;
    border-color: #d6d6d6;
    /* with the exported variables from Nova and Luna Themes*/
    border-color: var(--input-border-color, #d6d6d6);
}

.white-button.ui-button.ui-state-default:enabled:hover,
.white-button.ui-button.ui-state-default:focus {
    background-color: #f2f2f2;
    border-color: #ccc;
    color: #373a3c;
    /* with the exported variables from Nova and Luna Themes*/
    border-color: var(--input-hover-border-color, #ccc);
}

.green-button.ui-button.ui-state-default {
    background-color: #5cb85c;
    border-color: #5cb85c;
    color: #fff;
}

.green-button.ui-button.ui-state-default:enabled:hover,
.green-button.ui-button.ui-state-default:focus {
    background-color: #4cae4c;
    border-color: #5cb85c;
}

.red-button.ui-button.ui-state-default {
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff;
}

.red-button.ui-button.ui-state-default:enabled:hover,
.red-button.ui-button.ui-state-default:focus {
    background-color: #d43f3a;
    border-color: #d9534f;
}

/* multiSelectListbox width 
.MultiSelectMedium .ui-selectonelistbox, .ui-selectmanymenu,.ui-multiselectlistbox-listcontainer{
    width: 350px !important;
}
*/

/* Decorations */
.NoDecorationLink{
    text-decoration: none !important;
}
.CardColorDef{
    color: rgba(40, 40, 40, 0.8) !important;
}

/* Table layout */
.TableColumnTitle{
    font-size: 12px;
}
.TableStd{
}
.TableStd.ui-datatable table {
    width: auto;
}
.PaginatorLeft .ui-paginator {
    text-align: left;
    justify-content: flex-start;
}

.TabColumnStd{
    font-size: 10px !important;
    width: 30px !important;
}
.TabColumnWide{
    font-size: 10px !important;
    width: 100px !important;
}
.TabColumnExtraWide{
    font-size: 10px !important;
    width: 150px !important;
}
.TabColumnIcon{
    width: 20px !important;
    border: 0px none !important;
    text-decoration: none !important;
}
.TabColumnChk{
    width: 16px;
    text-align:center;
}

.TabColumnVal{
    font-size: 10px !important;
    width: 95% !important;
}
.TabColumnValPf{
    font-size: 10px !important;
    width: 80% !important;
}

.TabNumberAlign{
    float:right;
}
.InputNumberAlign{
    text-align: right;
}

/* Panel Grid settings */
.PanelGridHeader{
    text-align: left;
    line-height: 1.5em;
}
.PanelGridHeaderInd3{
    text-align: left;
    text-indent: 3px;
    line-height: 1.5em;
}
.PanelGridHeaderDlg{
    text-align: left;
    text-indent: 3px;
    line-height: 1.5em;
    font-size: larger
}

.VertAlignCenter{
    vertical-align: central;
}
.VertAlignTop{
    vertical-align: top;
}
.VertAlignBottom{
    vertical-align: bottom;
}

.Col-middle {
    vertical-align: middle;
}

.SectionHeader{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
}

.Unresizable {
    resize: none;
}

.MinWidthSom{
    min-width: 20px;
}

.VertSeparator {
    border-left: 1px dotted;
    margin-left: 10px;
    padding-left: 10px;
}

.TextBetweenFields{
    line-height: 2em;
    padding-left: 5px;
    padding-right: 5px;
}

.LabelComp{
    border-radius: 3px;
    border: 1px solid rgba(40, 40, 40, 0.8);
    background-color: aliceblue;
    /* background-color: #ECEFF1; */
}

.OutputTextDefault{
    display: inline-block;
    padding: 5px;
}

/* Messages */
.ui-messages.ui-widget {
    margin: 0px;
}

.ui-messages.ui-widget ul {
    display: inline-block;
    margin-left: 0;
}


/* headers and styles */
.CardSmallTopic{
    color: rgba(40, 40, 40, 0.8);
}
.CardTopicContent{
    color: black;
}

.ContentWrapper{
    margin-top:16px;
}

/* seperator line */
.Separator{
    border-bottom:solid 1px #d5d5d5;
    width:100%;
    display:block;
    overflow:hidden;
    height:0px;
    margin:0.5em 0px;
    clear:both;
}
.SeparatorFull{
    border-bottom:solid 1px #d5d5d5;
    display:block;
    overflow:hidden;
    height:0px;
    margin:0.5em -1em;
    clear:both;
}
.SeparatorDashed{
    border-bottom:dashed 1px #d5d5d5;
    width:100%;
    display:block;
    overflow:hidden;
    height:0px;
    margin:0.5em 0px;
    clear:both;
}
.SeparatorDashedFull{
    border-bottom:dashed 1px #d5d5d5;
    display:block;
    overflow:hidden;
    height:0px;
    margin:0.5em -1em;
    clear:both;
}
.CardSeparatorDashed{
    border-bottom:dashed 1px #d5d5d5;
    width:100%;
    display:block;
    overflow:hidden;
    height:0px;
    margin:0px;
    clear:both;
    background: #fff;
}
.HorizontalSeparatorDashed{
    border-right:dashed 1px #d5d5d5;
    display:block;
    overflow:hidden;
    height:200px;
    margin-left: 10px;
    margin-right: 10px;
    clear:both;
    background: #fff;
}

/* Position */
.PosFixed{
    position:fixed;
}
.PosAbsolute{
    position:absolute;
}
.PosRelative{
    position:relative;
}
.PosStatic{
    position:static;
}

/* Floating */
.Fleft{
    float:left;
}
.Fright{
    float:right;
}
.Fnone{
    float:none !important;
}

/* Overflows */
.OvHidden{
    overflow:hidden;
}
.OvScroll{
    overflow:scroll;
}
.OvAuto{
    overflow:auto;
}
.OvVisible{
    overflow:visible;
}
.OvXScroll{
    overflow-x:scroll;
}
.OvYScroll{
    overflow-y:scroll;
}
.OvXHidden{
    overflow-x:hidden;
}
.OvYHidden{
    overflow-y:hidden;
}

/*Border*/
.NoBorder{
    border:none;
}

/* Empty Boxes */
.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;
}
.EmptyBox80{
    display:block;
    width:100%;
    height:80px;
    overflow:hidden;
}
.EmptyBox90{
    display:block;
    width:100%;
    height:90px;
    overflow:hidden;
}
.EmptyBox100{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox110{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox120{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox130{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox140{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox150{
    display: block;
    width: 100%;
    height:150px;
    overflow:hidden;
}

/* Opacity */
.Opac100{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
}
.Opac95{
    opacity:0.95;
    -webkit-opacity:0.95;
    -moz-opacity:0.95;
}
.Opac90{
    opacity:0.9;
    -webkit-opacity:0.9;
    -moz-opacity:0.9;
}
.Opac80{
    opacity:0.8;
    -webkit-opacity:0.8;
    -moz-opacity:0.8;
}
.Opac70{
    opacity:0.7;
    -webkit-opacity:0.7;
    -moz-opacity:0.7;
}
.Opac60{
    opacity:0.6;
    -webkit-opacity:0.6;
    -moz-opacity:0.6;
}
.Opac50{
    opacity:0.5;
    -webkit-opacity:0.5;
    -moz-opacity:0.5;
}
.Opac40{
    opacity:0.4;
    -webkit-opacity:0.4;
    -moz-opacity:0.4;
}
.Opac30{
    opacity:0.3;
    -webkit-opacity:0.3;
    -moz-opacity:0.3;
}
.Opac20{
    opacity:0.2;
    -webkit-opacity:0.2;
    -moz-opacity:0.2;
}
.Opac10{
    opacity:0.1;
    -webkit-opacity:0.1;
    -moz-opacity:0.1;
}
.OpacZero{
    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
}

/* Border Radius */
.BordRad3{
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
.BordRad4{
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.BordRad5{
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.BordRad10{
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.BordRad15{
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
}
.BordRadHalf{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
}

.BordRight{
    border-right:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.BordLeft{
    border-left:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.BordTop{
    border-top:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.BordBottom{
    border-top:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.BordAll{
    border:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

/* Width */
.Wid100{
    width:100%;
}
.Wid90{
    width:90%;
}
.Wid80{
    width:80%;
}
.Wid70{
    width:70%;
}
.Wid60{
    width:60%;
}
.Wid50{
    width:50%;
}
.Wid45{
    width:45%;
}
.Wid40{
    width:40%;
}
.Wid30{
    width:30%;
}

/* Width Special Values */
.Wid33{
    width:33.3%;
}
.Wid25{
    width:25%;
}
.Wid20{
    width:20%;
}
.Wid10{
    width:10%;
}

.MaxWid500{
    max-width:500px;
}
.Wid100NoPadding{
    width:100%;
    box-sizing:border-box;
}

/* Height */
.Hei100{
    height:100%;
}
.Hei90{
    height:90%;
}
.Hei80{
    height:80%;
}
.Hei70{
    height:70%;
}
.Hei60{
    height:60%;
}
.Hei40{
    height:40%;
}
.Hei50{
    height:50%;
}
.Hei30{
    height:30%;
}
.Hei20{
    height:20%;
}
.Hei10{
    height:10%;
}

/* Margins */
.MarTopPerc5{
    margin-top:5%;
}
.MarTopPerc10{
    margin-top:10%;
}
.MarTopPerc20{
    margin-top:20%;
}
.MarTopPerc30{
    margin-top:30%;
}
.MarTopPerc40{
    margin-top:40%;
}
.MarTopPerc50{
    margin-top:50%;
}

.MarAuto{
    margin-left:auto;
    margin-right:auto;
}

.MarTop0{
    margin-top:0px;
}
.MarTop5{
    margin-top:5px;
}
.MarTop10{
    margin-top:10px;
}
.MarTop15{
    margin-top:15px;
}
.MarTop20{
    margin-top:20px;
}
.MarTop30{
    margin-top:30px;
}
.MarTop40{
    margin-top:40px;
}
.MarTop50{
    margin-top:50px;
}

.MarLeft5{
    margin-left: 5px;
}
.MarLeft10{
    margin-left: 10px;
}
.MarLeft15{
    margin-left: 15px;
}
.MarLeft20{
    margin-left: 20px;
}
.MarLeft30{
    margin-left: 20px;
}
.MarLeft40{
    margin-left: 40px;
}

.MarTopQuarter{
    margin-top:25%;
}
.MarTopHalf{
    margin-top:50%;
}

.MarBot5{
    margin-bottom:10px;
}
.MarBot10{
    margin-bottom:10px;
}
.MarBot20{
    margin-bottom:20px;
}
.MarBot30{
    margin-bottom:30px;
}
.MarRight5{
    margin-right: 5px;
}
.MarRight10{
    margin-right:10px;
}
.MarRight20{
    margin-right:20px;
}
.MarRight30{
    margin-right:30px;
}


/* Paddings */
.PaddingRightLabel{
    padding-right: 5px;
}
.PaddingRightLabel7{
    padding-right: 7px;
}
.PaddingRightLabel10{
    padding-right: 10px;
}

.NoPadding{
    padding:0px !important;
}
.PaddingTopPercent10{
    padding-top: 10%;
}

.PaddingLeft02EM{
    padding-left: .2em;
}

.PaddingTop0{
    padding-top: 0px;
}
.PaddingTop5{
    padding-top: 5px;
}
.PaddingTop10{
    padding-top: 10px;
}
.PaddingTop15{
    padding-top: 15px;
}
.PaddingTop20{
    padding-top: 20px;
}

.PaddingBottom5{
    padding-bottom: 5px;
}
.PaddingBottom10{
    padding-bottom: 10px;
}
.PaddingBottom20{
    padding-bottom: 20px;
}

.PaddingRight3{
    padding-right: 3px;
}
.PaddingRight5{
    padding-right: 5px;
}
.PaddingRight10{
    padding-right: 10px;
}
.PaddingRight15{
    padding-right: 15px;
}
.PaddingRight20{
    padding-right: 20px;
}
.PaddingRight30{
    padding-right: 30px;
}
.PaddingRight40{
    padding-right: 40px;
}
.PaddingRight50{
    padding-right: 50px;
}
.PaddingRight60{
    padding-right: 60px;
}

.PaddingLeft5{
    padding-left: 5px;
}
.PaddingLeft10{
    padding-left: 10px;
}
.PaddingLeft15{
    padding-left: 15px;
}
.PaddingLeft20{
    padding-left: 20px;
}
.PaddingLeft30{
    padding-left: 30px;
}
.PaddingLeft40{
    padding-left: 40px;
}
.PaddingLeft50{
    padding-left: 50px;
}
.PaddingLeft60{
    padding-left: 60px;
}

.Padding5{
    padding: 5px;
}

.SmallIndent{
    padding:3px;
}
.NoIndent{
    display:block;
    margin:0px auto;
    padding:0px;
}

/* Text Aligns */
.TexAlCenter{
    text-align:center;
}
.TexAlLeft{
    text-align:left;
}
.TexAlRight{
    text-align:right !important;
}

.TexIndent5{
    text-indent: 5px;
}
.TexIndent10{
    text-indent: 10px;
}
.TexIndent15{
    text-indent: 15px;
}
.TexIndent20{
    text-indent: 20px;
}

/* Padding With Transparent Border*/
.Padding1{
    padding:1px;
    box-sizing:border-box;
}
.Padding3{
    padding:3px;
    box-sizing:border-box;
}
.Padding5{
    padding:5px;
    box-sizing:border-box;
}
.Padding10{
    padding:10px;
    box-sizing:border-box;
}
.Padding15{
    padding:15px;
    box-sizing:border-box;
}
.Padding20{
    padding:20px;
    box-sizing:border-box;
}
.PadLeftRightZero{
    padding-left:0px;
    padding-right:0px;
}
.PadTopBottomZero{
    padding-top:0px;
    padding-bottom:0px;
}

/* Font Sizes */
.Fs9{
    font-size:9px !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:28px !important;
}
.Fs29{
    font-size:29px !important;
}
.Fs30{
    font-size:30px !important;
}
.Fs40{
    font-size:40px !important;
}
.Fs50{
    font-size:50px !important;
}
.Fs60{
    font-size:60px !important;
}
.Fs100{
    font-size:100px !important;
}
.Fs130{
    font-size:130px !important;
}

/* Font Type */
.FontBold{
    font-weight:bold;
}
.FontLight{
    font-weight:lighter;
}
.FontNormal{
    font-weight:normal;
}
.FontItalic{
    font-style:italic;
}

/* text colors */
.White {
    color: #ffffff !important;
}
.Gray {
    color: #525252;
}
.TransparentWhite {
    color: rgba(255, 255, 255, 0.7) !important;
}
.SoftGray {
    color: rgba(40, 40, 40, 0.8) !important;
}
.DarkGray{
    color: #525252 !important;
}
.Black {
    color: #282828 !important;
}
.Blue {
    color: #00aaff !important;
}
.Red {
    color: #e2033d !important;
}
.Green {
    color: #05c436 !important;
}
.Orange {
    color: #ff9f1a !important;
}
.Yellow {
    color: #f7ce03 !important;
}
.Leaden {
    color: #355c68 !important;
}
.Purple {
    color: #8f7ee6 !important;
}
.Aqua {
    color: #0084b4 !important;
}
.Navy {
    color: #1f3b59 !important;
}
.LinkColor{
    color: #007ad9 !important;
}
/* background colors */
.WhiteBack {
    background-color: #ffffff;
}
.SoftGrayBack {
    background-color: rgba(40, 40, 40, 0.6);
}
.BlackBack {
    background-color: #282828;
}
.BlueBack {
    background-color: #00aaff;
}
.RedBack {
    background-color: #e2033d;
}
.GreenBack {
    background-color: #05c436;
}
.OrangeBack {
    background-color: #ff9f1a;
}
.YellowBack {
    background-color: #f7ce03;
}
.LeadenBack {
    background-color: #355c68;
}
.PurpleBack {
    background-color: #8f7ee6;
}
.AquaBack {
    background-color: #0084b4;
}
.NavyBack {
    background-color: #1f3b59;
}
/* Borders */
.BorderLeft {
    border-left: solid 1px #d1d1d1;
}
.BorderRight {
    border-right: solid 1px #d1d1d1;
}
.BorderTop {
    border-top: solid 1px #d1d1d1;
}
.BorderBottom {
    border-bottom: solid 1px #d1d1d1;
}
.BorderAll {
    border: solid 1px #d1d1d1;
}

.TableFont{
    font: 11px arial,sans-serif;
}

.VertAlignX{
    font-size: 0px;
}

.VertAlignX::before{
    content: '\0000d7';
    font-size: 14px;
    line-height: 12px;
    text-align: center;
}


/* background color*/
.BackgroundYellow{
    background-color : lightgoldenrodyellow;
}

.BackgroundRed{
    background-color: lightcoral;
}

.BackgroundTopbar{
    /*background-color: #f0f8ff;*/
}

.Underlign{
    text-decoration: underline;
}

/* Exception */
.exception-body {
    height: 100%;
    /*font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;*/
    font-size: 16px;
    margin: 0;
    background-image: linear-gradient(to top, #6b77a1, #737ea5 3%, #9599b3 15%, #b1b0bf 28%, #c7c1c8 41%, #d6cdcf 57%, #dfd5d3 74%, #e2d7d4);
    background-image: -ms-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    background-image: -moz-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    background-image: -o-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6B77A1), color-stop(3, #737EA5), color-stop(15, #9599B3), color-stop(28, #B1B0BF), color-stop(41, #C7C1C8), color-stop(57, #D6CDCF), color-stop(74, #DFD5D3), color-stop(100, #E2D7D4));
    background-image: -webkit-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2D7D4', endColorstr='#6B77A1',GradientType=0 );
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.exception-wrapper {
    margin: 0 auto;
    width: 500px;
    height: 100%;
    background-color: #e82424;
    opacity: 0.6;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    text-align: center;
    padding-top: 100px;
    color: #ffffff;
    box-sizing: border-box;
}
.exception-wrapper.error {
    background-color: #e82424;
}
.exception-wrapper.error a:hover, .exception-wrapper.error a.ui-link:hover, .exception-wrapper.error a.ui-commandlink:hover {
    background-color: #ffffff;
    color: #e82424;
}
.exception-wrapper.notfound {
    background-color: #66719c;
}
.exception-wrapper.notfound a:hover, .exception-wrapper.notfound a.ui-link:hover, .exception-wrapper.notfound a.ui-commandlink:hover {
    background-color: #ffffff;
    color: #66719c;
}
.exception-wrapper.access {
    background-color: #e88524;
}
.exception-wrapper.access a:hover, .exception-wrapper.access a.ui-link:hover, .exception-wrapper.access a.ui-commandlink:hover {
    background-color: #ffffff;
    color: #e88524;
}
.exception-wrapper .message-title {
    font-size: 24px;
    font-weight: bold;
}
.exception-wrapper a, .exception-wrapper a.ui-link, .exception-wrapper a.ui-commandlink {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #ffffff;
    color: #ffffff;
    margin: 120px 0 100px 0;
    padding: 10px;
    font-size: 16px;
    -moz-transition: color 0.15s;
    -o-transition: color 0.15s;
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
}
.exception-wrapper .footer {
    color: #ffffff;
    font-size: 14px;
    margin-top: 50px;
}

.RowStatusRunning {
    background-color: #cfe2ff !important;
}
.RowStatusGenerated {
    background-color: #d1e7dd !important;
}
.RowStatusError {
    background-color: #f8d7da !important;
}
.RowStatusClosed {
    color: #6c757d;
}

/* DatacProject upload: watermark inside the widget's empty drop zone.
   CSS content cannot be localized - text kept language-neutral. */
.UploadDropZone .ui-fileupload-content {
    min-height: 80px;
    position: relative;
}
.UploadDropZone .ui-fileupload-content::before {
    content: "Drag & Drop";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #9e9e9e;
    font-size: 16px;
    pointer-events: none;
}
.UploadDropZone .ui-fileupload-content:has(.ui-fileupload-row)::before {
    content: none;
}