html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}


html {
    font-family:Arial, sans-serif !important;
    font-size:14px;
-webkit-font-smoothing: antialiased;
}

body {margin:0;}

body {
background-color:#000;
   background-image: url("/includes/images/login_bg.jpg");
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
}


.navbar {
  overflow: hidden;
  background-color: #fff;
 /* position: fixed;
  bottom: 0; */
  width: 100%;
  border-top: 1px solid #999 !important;
  z-index:999;
height:70px;

}

.main {
    margin-bottom: 70px;
}





/*Page Setting*/


/*Login Box*/
/*Login Box*/
.login-box {
    width:300px;
    display:block;
min-height:0px !important;
/*    margin-bottom:10px;
    height:300px;
boder:1px solid rgb(0,0,0,.4);

float:left;*/
}
.login-logo {
    float:none !important;
    width:300px !important;
    height:150px !important;
    background:url(/includes/images/login-logo.png             ) no-repeat ;
    background-size:100%;
    background-position:center;
	padding-bottom:20px !important;
}
.login-tag {
    font-size:1.7em;
    padding-bottom:40px;
width:100%;
color:white;
}

.login-form {
    float:none !important;
    width:300px;
    box-sizing:border-box;
color:white !important;
}
.login-title {
    font-size:1.5em;
    padding-bottom:20px;
    color:#666;
text-align:center;
}
.login-label {
    font-size:1em;
    padding-top:10px;
    width:300px;
    font-weight:700;
    color:#666;
}
.login-field {
color:red;

}
.login-button {
    padding:0px 0px;
}

.login-text {
color:#666;
padding-bottom:10px;
}
.login-link {
text-align:center;
color:#666;
padding-bottom:10px;
}


#Lbody .login-text {
    padding-bottom:10px;
    white-space:normal;
    color:#cccccc !important;
text-align:center;
}

#Lbody .login-text a:link, a:visited {
    padding-bottom:10px;
}
#Lbody .login-text a:hover {
    color:#cccccc;
    text-decoration:underline !important;
}

.login_input{
border: 1px solid #999999;
background:#ffffff !important;
    color:#000000 !important;
box-sizing: border-box;
padding: 0px 10px;
border-radius:5px;
}
input[type=button] {
    background-color: #2196F3 !important; /* Blue */
    border: none;
    color: white;
    padding: 10px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    width:100%;
margin-top: 10px !important;
border-radius:5px;
}



/* Setting Box*/

.footer-container {
    margin-left:auto;
    margin-right:auto;
    display:block;
    font-size:0.7em;
    padding-top:10px;
    white-space:normal !important;
    width:300px;
}

.footer-mobile {
    float:right;
    width:50px;
    text-align: center;
    padding-top: 5px;
}

.setting-form {
    width:300px !important;
    height:30px;
    font-size:1.5em;
}


.Content-tool {
    width:10%;
    height:70px;
}


.setting-btn {
    background-color: #61a8dc; /* Blue */
    border: none;
    color: white !important;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

#divPassword .setting-btn {
    background-color: #61a8dc; /* Green */
    border: none;
    color: white !important;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}


.rnvLink .rnvText {
    padding-top:5px;
}


.rwDialogMessage{
padding-top:15px;
}

.RadWindow_Simple .rwContent{
background-color:transparent !important;
}
.RadWindow .rwDialogButtons{
bottom:10px !important;
}

.RadWindow .rwDialog{
margin:0px !important;
}




.RadWindow_Simple .rwDialogButtons button {
    margin-top: 5px !important;
    background-color: #4CAF50 !important; 
    border: none !important; 
    color: white !important; 
    padding: 4px 10px !important;
}
.RadWindow_Simple .rwDialogButtons button:hover {
    margin-top: 5px !important;
    background-color: #4CAF50 !important; 
    border: none !important; 
    color: white !important; 
    padding: 4px 10px !important;
}
.RadWindow_Simple .rwDialogButtons button:active {
    margin-top: 5px !important;
    background-color: #4CAF50 !important; 
    border: none !important; 
    color: white !important; 
    padding: 4px 10px !important;
}
.RadWindow_Simple .rwDialogButtons button:focus {
    margin-top: 5px !important;
    background-color: #4CAF50 !important; 
    border: none !important; 
    color: white !important; 
    padding: 4px 10px !important;
}
.RadWindow_Simple .rwPromptDialog button.rwOkBtn, .RadWindow_Simple .rwConfirmDialog button.rwOkBtn {
    margin-top: 5px !important;
    background-color: #4CAF50 !important; 
    border: none !important; 
    color: white !important;  
}
.RadWindow_Simple .rwPromptDialog button.rwOkBtn:hover, .RadWindow_Simple .rwConfirmDialog button.rwOkBtn:hover {
background-color: transparent !important; 
    border-color: white !important; 
    color: #000000 !important; 
}
.RadWindow_Simple .rwPromptDialog button.rwOkBtn:active, .RadWindow_Simple .rwConfirmDialog button.rwOkBtn:active {
background-color: transparent !important; 
    border-color: white !important; 
    color: #000000 !important; 
}



.RadWindow .rwDialogButtons button{
border-style: none !important; 
border-width: 0px !important;
}

.RadWindow .rwDialogButtons{
left:5em !important;
text-align:left !important;
}




.centered {
/*  position: absolute;
  top:50%;
  left: 50%;
  margin-top: -265px;
  margin-left: -512px !important;
*/

}



.navbar {
    background-color: rgb(255,255,255,.9);
}
.footer-container {
    /*width: 100% !important;*/
}
.powered{
    padding-left: 44px !important;
    margin-left: 10% !important;
}
.content{
width:300px;
min-height:380px;
display:block;
background-color: rgb(255,255,255,.9);
border-radius:20px;
padding:20px 40px;
/*padding-top:100px;*/
}

.raDiv {
    background-image: url(/includes/images/aispace_loading.gif) !important;
background-size: 100px 100px;
z-index:999;

}


.main {
   margin-bottom: 0px !important; 
min-height: calc(100vh - 71px);
    display: flex;
    align-items: center;
    justify-content: center;
}