/*https://coolors.co/0f45a3-db5b05-55af55-e3b505-dee5e5*/

.w3-headerstyle {color:#fff !important;background-color:#0F45A3 !important}
.w3-theme {color:#fff !important;background-color:#024659 !important}
.w3-btn {background-color:0F45A3;margin-bottom:4px}
.w3-code{border-left:4px solid #0F45A3}
.w3-darkblue{color:#fff !important;background-color:#024659 !important}
.w3-teal{color:#fff !important;background-color:#508991 !important}
.w3-darkgreen{color:#fff !important;background-color:#30362f !important}
.w3-red{color:#fff !important;background-color:#f7941d !important; border:1px solid #F57144 !important;}
.w3-green{color:#fff !important;background-color:#00aeef !important; border:1px solid #00aeef !important;}
.w3-gray{color:#fff !important;background-color:silver !important; border:1px solid silver !important;}
.w3-orange{color:#fff !important;background-color:#f7941d !important; border:1px solid #F57144 !important;}
.w3-black{color:#fff !important;background-color:#024659 !important; border:1px solid #024659 !important;}

.w3-table-btn{margin:2px !important;}
.myMenu {margin-bottom:150px}
#errTxt {color:#f7941d;font-weight:bold;}
.greenTxt {color:white;background-color:#00aeef;font-weight:bold;padding-left:4px;padding-right:4px;}
.redTxt {color:#f7941d;font-weight:bold;} 
#errTxtModal {color:#F57144;font-weight:bold;}

.w3-cancelbutton { background-color:white !important; color:black !important; border:1px solid #00aeef !important;}

body, h1, h2, h3, h4, h5, h6  {
  font-family: Arial, Helvetica, sans-serif ;
  font-size:12px;

}
h5{
	font-weight:bold;
	font-size:large;
	margin-top:0px;
	margin-bottom:6px;
}

th { vertical-align:bottom !important;}
.w3-button{border-radius:4px !important; }
.w3-buttonmenu{border-radius:0px !important;  border:0px solid #00aeef !important;}
.w3-buttondashboard{height:60px !important;width:200px !important; white-space:normal !important; margin:0px 10px 20px 10px;}
.w3-buttonheader:hover{color:#fff !important;background-color:#000000 !important}

.w3-buttonheader-green:hover{color:#fff !important;background-color:#024659 !important}
.w3-buttonheader-orange:hover{color:#fff !important;background-color:#f7941d !important}
.w3-buttonheader-gray:hover{color:#fff !important;background-color:silver !important;border:0px solid silver !important;}

select {    -webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;}
.tableRow{vertical-align:middle !important;}

.tableFooter{
	background-color:#a1a1a1;
	font-weight:bold;
	vertical-align:middle !important;
}
								
.cctIndicator{padding-left:6px;padding-right:6px;color:#fff;background-color:#0F45A3;margin-left:6px; font-weight:bold;}
.newIndicator{padding-left:6px;padding-right:6px;color:#fff;background-color:#44c8f5;margin-left:6px; font-weight:bold;}
.greenIndicator{padding-left:6px;padding-right:6px;color:#fff;background-color:#44c8f5;margin-left:6px; font-weight:bold;}
.blueIndicator{padding-left:6px;padding-right:6px;color:#fff;background-color:#024659;margin-left:6px; font-weight:bold;}
.redIndicator{padding-left:6px;padding-right:6px;color:#fff;background-color:#f7941d;margin-left:6px; font-weight:bold;}
.grayIndicator{padding-left:6px;padding-right:6px;color:#fff;background-color:#666565;margin-left:6px; font-weight:bold;}
.orangeIndicator{padding-left:6px;padding-right:6px;color:#fff;background-color:#FFBF00;margin-left:6px; font-weight:bold;}
.ui-widget-header {
    background: #000000;
    border: 0;
    color: #fff;
    font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.1em .5em;
    position: relative;
        font-size: 1em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .popupButtonStyle {font-size:12px;color: #FFF;background-color: #44c8f5; background-image:none;border-color: #44c8f5; min-width:8rem;}

#overlay {
  position:fixed;
  left:0;
  top:0;
  width:100vw;
  height:100vh;
  display:none;
  background-color:#000;
  opacity:0.5;
}

/* Larger than mobile */
@media (min-width: 300px) {
	body{
		font-size:x-small;}
}
/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	body{
		font-size:x-small;}
}

/* Larger than tablet */
@media (min-width: 750px) {
	body{
		font-size:x-small;}
}

/* Larger than desktop */
@media (min-width: 1000px) {
	body{
		font-size:x-small;}
}

/* Larger than Desktop HD */
@media (min-width: 1370px) {
	body{
		font-size:small;}
}