/*
 * All rights reserved.
 */

.LogoColorLight{
    color: white !important;
}
.LogoColorLime{
    color: #dddc00 !important;
}
.LogoColorDark{
    color: #0d3048 !important;
}
.LogoColorMidblue{
    color: #3973b8 !important;
}

.LogoColorLimeBg{
    background-color: #dddc00 !important;
}
.LogoColorMidBlueBg{
    background-color: #3973b8 !important;
}

.LogoColorBorderGreen{
  border-color: #76b72a !important;
}
.LogoColorBorderLime{
  border-color: #dddc00 !important;
}



html{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    text-decoration: none
}

/* UI OR */
body .ui-inputfield {
    padding: 0.3rem;
}
body .ui-widget {
    font-family: 'Montserrat', sans-serif;
}

/* Main Layout */
.main-body {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    text-decoration: none;
    margin: 0px;
}

.content{
    margin-left: 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, #6b77a1, #737ea5 3%, #9599b3 15%, #b1b0bf 28%, #c7c1c8 41%, #d6cdcf 57%, #dfd5d3 74%, #e2d7d4);
    background-image: -ms-linear-gradient(top, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    background-image: -moz-linear-gradient(top, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    background-image: -o-linear-gradient(top, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, 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(top, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;

}

.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;
}

.PickListSearch{
}
.PickListSearch .ui-picklist .ui-picklist-list{
    width: 300px;
    height: 300px;
}
.ui-datatable .ui-datatable-data>tr>td{
    padding: 4px 10px !important;
}
.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;
}

.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 .ui-widget-content {
    background: var(--gray-900) !important;
}
.Topbarmenu .ui-state-hover {
    background: var(--gray-600) !important;
}

ul.ui-menu-child {
    white-space: nowrap;
    min-width: 200px;
    width: auto !important;
}
.MenuButton{
    white-space: nowrap;
    min-width: 200px;
    width: auto !important;

}

.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;
}

.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;
}

.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;}
.SeparatorShort{border-bottom:solid 1px #d5d5d5; width:10%; 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; }

/*Fonts*/
/* montserrat-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-200.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-200.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-200italic.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-200italic.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-300.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-300.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-300italic.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-300italic.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-regular.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-regular.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-italic.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-italic.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-500.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-500.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-500italic.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-500italic.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-600.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-600.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-600italic.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-600italic.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-700.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-700.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-700italic.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-700italic.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-800.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-800.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-800italic.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-800italic.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-900.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-900.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-900italic.woff2.xhtml") format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url("/website/jakarta.faces.resource/fonts/montserrat-v29-latin-900italic.ttf.xhtml") format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}