/*@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,500,700,900);*/

@font-face {
    font-family: "Century Schoolbook Regular";
    src: url("fonts/CENSCBK.TTF"); 
}
@font-face {
    font-family: "Century Schoolbook Bold";
    src: url("fonts/CENSCBKBold.TTF");
}
 
.hyperlink{
    font-size: 12px !important; 
    color:#0d45b7;
    font-family:"Lato", sans-serif !important;
    text-decoration:none; 
}
a.dxeHyperlink:visited{
    font-size: 12px !important; 
    font-family:"Lato", sans-serif !important;
    text-decoration:none; 
     color:#0d45b7;
}
 
 
.button{
    background: black ; 
    color:#fff !important; 
    cursor:pointer !Important;
    font-family:"Lato", sans-serif !Important; 
    outline:0;   
    user-select:none; 
    transition: all 0.15s ; 
    text-align:center !Important;
    vertical-align:middle !Important;
    white-space:nowrap !Important;
    background-image:none !Important;
   
}
.button:active,
.button:hover,
.button:focus 
{ 
    background: black !Important; 
    text-decoration:none !important;  
    border:1px solid transparent !important; 
   
}
 
.button-login{ 
    font-size:18px !important;
    line-height:18px !important;
    font-weight:700 !Important; 
    
    margin:25px auto auto; 
    border-radius:20px !Important;
}
 .button-normal{ 
    border: 1px solid #f9ae6c !important; 
    font-size:12px !important;
    line-height:12px !important;
    font-weight:700 !Important;  
    border-radius:5px !Important;
    padding-left:5px !important;
    padding-right:5px !important;
}
  
 
 
.button_icon{
    background: #fff ;  
   color: black !important; 
    cursor:pointer !Important;
    font-family:"Lato", sans-serif !Important; 
    font-size: 11px !important;
    outline:0;   
    user-select:none; 
    transition: all 0.15s ; 
    text-align:center !Important;
    vertical-align:middle !Important;
    white-space:nowrap !Important;
    background-image:none !Important;
    border:1px solid transparent !important; 
    text-transform:uppercase !important;
   
}
.button_icon:active,
.button_icon:hover,
.button_icon:focus 
{ 
    background: #fff !Important; 
    text-decoration:none !important;  
    border:1px solid transparent !important; 
   
}
   
  /*login*/
  

.session-login { 
  width: 25rem; 
  padding: 10% 0 0;
  margin: auto  ; 
}
 
.login-buton  {
    background: #ffffff ;
    border:1px solid #c0c0c0 !important;
    box-shadow: 0 1px 6px rgba(57,73,76,.35) !important;
    color:#444444 !important;
    padding:10px !Important;
    cursor:pointer !Important;
    font-family:"Lato", sans-serif !Important; 
    outline:0;
    font-size: 14px !important;
    line-height:14px;
    font-weight:700 !Important;
    border-radius:2px !Important;
    user-select:none;
    width:100% !Important;
    margin:25px auto auto;
    transition: all 0.15s ; 
    text-align:center !Important;
    vertical-align:middle !Important;
    white-space:nowrap !Important;
    background-image:none !Important;
}
.login-buton:active,
.login-buton:hover,
.login-buton:focus 
{ 
  background: #0072c6 !Important; 
  text-decoration:none !important; 
   color:white !important;
}
  
.login {
    position: relative;
    z-index: 1;
    background: #fff; 
    margin: auto auto auto; 
    height:25rem;
    padding-left:50px;
    padding-right:50px;
    padding-bottom:15px;
    padding-top:30px;
    text-align: center;  
    box-sizing:border-box;
    box-shadow: 0 1px 6px rgba(57,73,76,.35);
} 


.login_inprogress {
    position: relative; 
    color: #444;
    font-family: "Lato", sans-serif !important;
    font-size: 20px !important;
    font-weight:400 !important; 
    vertical-align:middle !important;
    top:10%;
    max-height: 300px;
    max-width: 300px; 
} 

.login-textbox{
    font-family: "Lato", sans-serif !important;
    outline: 0 !important;
    background: #fff !important;
    width: 100% !important;
    border: 1px solid #e0e0e0 !important;
    border-radius:2px; 
    box-sizing: border-box !important;
    font-size: 14px !important;
    padding:10px !important;
    transition: 0.15s ease-in-out;  
}

.login-textbox:hover,
.login-textbox:focus,
.login-textbox:active 
{
    border: 1px solid #0072c6 !important;
    box-shadow: inset 0 0 0px rgba(0,0,0,.8);
} 


.dxeEditAreaSys {
    background:#fff !important;
}

.login .message {
    color: #777;
    font-family: "Lato", sans-serif !important;
    text-decoration: none;
    font-size: 14px !important;
}

.login .message a { 
    text-decoration: none; 
    color: #4CAF50;
}

.text-header {
    color: #444;
    font-family: "Lato", sans-serif !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    margin: -20px 0 15px !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    text-align: center !important;
}

.message-text {
    font-family: "Lato", sans-serif !important;
    font-size: 13px !important;
} 

.dxeEditAreaSys 
{
    background:#fff !important;
}


.noBorders {
    font-family: "Lato", sans-serif !important;
    font-size: 14px !important;
    color: #444 !important;
}
.noBorders span {
    outline: none!important;
}
.login_signin {
    color: black;
    font-family: "Lato", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    text-align: left !important;
    width: 100%;
    margin-left: 5px;
    margin-bottom: 10px;
}

.forgotpassword {
    font-size: 14px !important;
    color: gray;
    font-family: "Lato", sans-serif !important;
    text-decoration: none;
}

.logout {
    font-size: 14px !important;
    color: red !important;
    font-family: "Lato", sans-serif !important;
    text-decoration: none;
    text-transform: uppercase !important;
}


.message-text {
    font-family: "Lato", sans-serif !important;
    font-size: 12px !important;
}
 
.dxeMemo textarea
{
    line-height: inherit !important;
}
.dxeMemo_DevEx textarea
{
            line-height: inherit !important;
}
textarea
{
            line-height: inherit !important;
}


.headerpanel {
    background: #FFFFFF;
    width: 100%;
    margin: 5px 5px 0px 5px; /*//top-right-bottom-left*/ 
}


.myMenu {
    background: #FFFFFF !important;
    color: black !important;
    font-family: "Lato", sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
.myMenu:hover {
    background: #FFFFFF !important;
    color: black !important;
}

.userName {
    color: black !important;
    font-family: "Lato", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding-top: 50px !important;
}

.usertitle {
    color: black !important;
    font-family: "Lato", sans-serif !important;
    font-size: 12px !important;
    font-style: italic;
    font-weight: 400 !important;
    padding-top: 50px !important;
}

.popupheader {
    max-width: 370px !important;
    margin: auto !important;
    font-family: "Lato", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: black !important;
    background: rgb(255, 255, 255) !important;
    padding-left: 0px;
    line-height: 16px;
    text-transform: uppercase !important;
}


.LayoutGroupBoxHeader {
    color: black !important;
    font-family: "Lato", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box !important;
    display: inline-block !important;
    text-align: left !important;
    border: 0;
    width: 97%;
    background: #f2f2f2;
    vertical-align: central;
    padding-left: 5px;
}

.LayoutGroupBoxCell{
    padding:0px;
    border:0px;
    margin:0px; 
    width:100%;
}
 
.chkNoBorder > span {
    outline: none !important;
}
  


.mygrid {
    font-family: "Lato", sans-serif !important;
    font-size: 12px !important 
}

.myGridCheckBox {
    padding: 5px !important;
}
.myGridCheckBox .dx-wrap {
    font-family: "Lato", sans-serif !important;
    font-size: 12px !important;
    text-transform: none !important;
    
} 
     
.myComboxIcon {
    width: 8px !important;
    padding: 0px !important;
    border: none !important;
    background: black !important;
}

.select_all {
    font-family: "Lato", sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: blue !important;
    background: rgb(255, 255, 255) !important;
    padding-left: 0px;
    line-height: 11px;  
    border: none;
}

.dxeListBoxItemSelected_Metropolis,
.dxeCalendarDay_Metropolis.dxeCalendarSelected_Metropolis {
    background-color: #0072c6 !important;
    color: white !important;
}