.w3-headerstyle {color:#fff !important;background-color:#0F45A3 !important}
.w3-theme {color:#fff !important;background-color:#0F45A3 !important}
.w3-btn {background-color:0F45A3;margin-bottom:4px}
.w3-code{border-left:4px solid #0F45A3}
.w3-darkblue{color:#fff !important;background-color:#0F45A3 !important}
.w3-red{color:#fff !important;background-color:#DB5B05 !important; border:1px solid #DB5B05 !important;}
.w3-green{color:#fff !important;background-color:#55af55 !important; border:1px solid #55af55 !important;}
.w3-orange{color:#fff !important;background-color:#DB5B05 !important; border:1px solid #DB5B05 !important;}


.w3-table-btn{margin:2px !important;}
.myMenu {margin-bottom:150px}
#errTxt {color:#DB5B05;font-weight:bold;}
#redTxt {color:white;background-color:#DB5B05;font-weight:bold;padding-left:4px;padding-right:4px;}
#greenTxt {color:white;background-color:#55af55;font-weight:bold;padding-left:4px;padding-right:4px;}
#orangeTxt {color:black;background-color:#FFBF00;font-weight:bold;padding-left:4px;padding-right:4px;} 
#errTxtModal {color:red;font-weight:bold;}

.w3-cancelbutton { background-color:white !important; border:1px solid #55af55 !important;}



body,h1,h2,h3,h4,h5,h6 {
  font-family: Arial, Helvetica, sans-serif;
}
th { vertical-align:bottom !important;}
.w3-button{border-radius:4px !important; }
.w3-buttonmenu{border-radius:0px !important;  border:0px solid #55af55 !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:#0F45A3 !important}

.w3-buttonheader-green:hover{color:#fff !important;background-color:#55af55 !important}
.w3-buttonheader-orange:hover{color:#fff !important;background-color:#DB5B05 !important}

select {    -webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;}
.tableRow{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:#55af55;margin-left:6px; font-weight:bold;}
.greenIndicator{padding-left:6px;padding-right:6px;color:#fff;background-color:#55af55;margin-left:6px; font-weight:bold;}
.blueIndicator{padding-left:6px;padding-right:6px;color:#fff;background-color:#0F45A3;margin-left:6px; font-weight:bold;}
.redIndicator{padding-left:6px;padding-right:6px;color:#fff;background-color:#DB5B05;margin-left:6px; font-weight:bold;}
.reverseRedIndicator{padding-left:6px;padding-right:6px;color:#ffffff;background-color:#833703;margin-left:6px; font-weight:bold;}
.blackIndicator{padding-left:6px;padding-right:6px;color:#fff;background-color:#000000;margin-left:6px; font-weight:bold;}
.grayIndicator{padding-left:6px;padding-right:6px;color:#fff;background-color:#9B9999;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: #0F45A3;
    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: #55af55; background-image:none;border-color: #55af55; min-width:8rem;}

.ui-datepicker-prev span.ui-icon,
.ui-datepicker-next span.ui-icon {
	background-image: url("../images/right_arrow_white.png");
	background-size: contain;
	background-position: center;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	background-color:#a6a6a6;
}

.ui-datepicker-prev span.ui-icon {
	transform: rotate(180deg);
}

.ui-datepicker-prev span.ui-icon:focus,
.ui-datepicker-next span.ui-icon:focus {
	outline: none !important;
}

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

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