span, label, a, .GroupHeader, .StaticText, .TextCell, .Layout .Caption { font-family:Roboto,Arial,sans-serif !important;}
body{width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    background-image: url(../Images/bg1.jpg)!important;
    background-color: rgba(0, 0, 0, 0);
    background-size: cover !important;
    background-position: 50% 0% !important;
    background-repeat: no-repeat !important;}
.DialogContent.Content.LogonContent {background-color: rgba(255, 255, 255, 0.8) !important;max-width: 70%;position:absolute; left: 15%;}
div.Header{height:100px; background: rgba(0, 0, 0, 0) !important;border: 0; box-shadow: 0 0 0; 
    background-image: linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.4) 10%,rgba(0,0,0,0.3) 35%,rgba(0, 0, 0, 0) 97%,rgba(0, 0, 0, 0) 0%) !important;}
.StaticText { font-size: 16px; }
.Layout .Caption { width: 180px !important;font-size: 20px;min-width: 165px; }
.dxeTextBoxSys td.dxic { font-size: 20px; }
.dxm-ltr .dxm-main, .dxm-ltr .dxm-horizontal ul.dx { height: 30px;font-size: 20px; }
.dxm-main ul.dx .dxm-item.dxm-hovered{border: 2px solid #5c5c5c; box-shadow:0px 1px 5px #333;}
.dxm-main ul.dx .dxm-item{border: 2px solid #F0683C;} 
.dxm-main ul.dx .dxm-item a{margin:4px} 
.dxm-main ul.dx .dxm-item.dxm-noImage a{margin:0px;} 
#Logon_viewCaptionControl_VSL{ font-size: 36px; color: #fff; text-shadow: 0px 1px 5px #333;}
.dxm-main ul.dx .dxm-item{border: 2px solid #F0683C;color: #F0683C !important;}
td.dxic{border: 1px solid #333;}
#Logon_ErrorInfo{}
.ErrorMessage {width: 90%; background-color: #F0683C; border: solid 1px #F44336; vertical-align: middle; box-shadow: 1px 2px 5px #333;}
.ErrorLabel {    text-align: left;    color: #333;    font-weight: bold;}
.footer{position: absolute; bottom: 20px; left: 15%; font-size: 18px; color: #eee;text-shadow: 0px 2px 2px #333;}
.footer a, .footer a:visited {color:#eee;text-shadow: 0px 2px 2px #333; text-decoration: none;}
.dxlpLoadingPanel_SoftOrange, .dxlpLoadingPanelWithContent_SoftOrange {
    border: 3px solid #F88538;
    box-shadow: 2px 2px 5px #333;
}
.dxlpLoadingPanel_Office2010Blue, .dxlpLoadingPanelWithContent_Office2010Blue {
    border: 3px solid #859ebf;
    box-shadow: 2px 2px 2px #859ebf;
}
@media (min-width: 768px) { div.Header {text-align: -webkit-center;}

}