latoregular {
	font-family: 'latoregular';	
}
.layout-wrapper .layout-topbar .topbar-menu > li > img {
  width: 36px;
  margin-top: 4px;
}

.system-info-label {
  display: inline;
  height: 2.8rem;
  padding: 0px 1.5rem;
  float: right;
  color: #f7ce03;
  margin-top: 10px;
}

.no-margin {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.center-logo-img {
 display: block;
 text-align: left;
 height: 60px;
 padding-left: 14px;
 padding-top: 10px;
}

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

/* Colors */
.Red {
  color: #e2033d !important;
}

.Aqua {
  color: #0084b4 !important;
}

.White {
    color: #ffffff !important;
}

.Blue {
    color: #00aaff !important;
}

.Black {
    color: #282828 !important;
}

.Yellow-background {
  background-color: yellow;
}

.BlackBack {
    background-color: #282828;
}

.RedBack {
    background-color: #e2033d;
}

/* ****************************************** */
.FontLatoRegular {
    font-family: 'latoregular';
}

.TexAlCenter {
    text-align: center;
}

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


/* 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;}

/* font size resetting for responsive modes */
.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;}

/* FLEX Boxes */
.Flex{display:-webkit-box !important;
    display:-webkit-flex  !important;
    display:-webkit-flexbox  !important;
    display:-moz-flex  !important;
    display:-moz-box  !important;
    display:-ms-flexbox  !important;
    display:flex  !important;}                                        
/* NEW */
.FlexWrap{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

/* Empty Boxes */
.EmptyBox3{ display:block; width:100%; height:3px; 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;}
.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;}  

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

.ShadowEffect {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.ui-datatable .ui-datatable-even {
    background-color: #ffffff;
}

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

.margin-right-3px {
  margin-right: 3px !important;
}

/* button colors */
.GreenButton {
  background-color: #05c436 !important;
  border: 1px solid #0ca533 !important;
}

.GreenButton.ui-state-hover {
  background: #05E63F !important;
  border-color: #05E63F !important;
}

.GreenButton .ui-button-text {
  background-color: #05c436;
  border-color: #0ca533;
}
.GreenButton.ui-state-hover .ui-button-text {
  background-color: #05E63F;
}
.GreenButton.ui-state-active .ui-button-text {
  background-color: #0ca533;
}

.RedButton .ui-button-text {
  background-color: #e2033d;
  border-color: #bd0a39;
}

.RedButton.ui-state-hover .ui-button-text {
  background-color: #FD235C;
}

.RedButton.ui-state-active .ui-button-text {
  background-color: #bd0a39;
}


.BlueButton, .ui-fileupload-buttonbar .ui-button {
  background-color: #2196F3 !important;
  border: 1px solid #2196F3 !important;
}

.BlueButton.ui-state-hover {
  background: #0d89ec !important;
  border-color: #0d89ec !important;
}


.ShowOnDesktop {
    display: inherit;
    opacity: 1;
}
.ShowOnMobile {
    display: none;
    opacity: 0;
}

            
body .ui-dialog .ui-dialog-titlebar {
    color: white !important;
    background-color: #00aeef !important;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    color: white !important;
}

body #RefNeu .ui-autocomplete {
	display:inline !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
  background: rgba(2, 136, 209, 0.16);
  border-color: transparent;
  color: black;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
  background: rgba(2, 136, 209, 0.16);
  border-color: transparent;
  color: black;
}

body .ui-chkbox .ui-chkbox-box.ui-state-hover {
  border-color: #a6d5fa;
}

body .ui-chkbox .ui-chkbox-box {
  width:3rem !important;