@charset "utf-8";
:root {
    --color_main: #1765D1; 
}

body,th,td {
    height: 100%;
    margin: 0;
    font-family: tahoma;
    font-size: 14px;
    background-image: url("../../public/images/background/bg.jpg");
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

#container {
    width: 100%;
    height: auto;
    padding-top: 10px;
}

/* #login_row{
    position:absolute;
    width: 805px;
    height: auto;
    box-sizing: border-box;
    top:50%;
    left:50%;
    margin-left:-402px;
    margin-top:-180px;
} */

#login_main{
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
}
#login_main #login {
    width: 100%;
    height: 320px;
    background: #ffffff;
    -webkit-box-shadow: 2px 1px 4px 2px #525151;
    box-shadow: 2px 1px 4px 2px #525151;
}

#login_main #login_header {
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
    font-size: 18px;
    background-color: var(--color_main);
    color: #FFFFFF;
}

#login_main #login_content {
    height: auto;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

#login_main #login_content input[type="text"],#login_main #login_content input[type="password"] {
    width: 98%;
}

#login_mobile{
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
}

#login_mobile #mobile {
    width: 100%;
    height: auto;
    background-color: var(--color_main);
    text-align: center;
    color: #fff;
    padding:25px;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 1px 4px 2px #525151;
    box-shadow: 2px 1px 4px 2px #525151;
    cursor: pointer;
}


#loader{
    top: 0;
    z-index: 99;
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.40);
    text-align: center;
    padding-top: 48vh;
    box-sizing: border-box;
}

label.error {
    margin-top: 3px;
    color: #ff0000;
    font-size: 1em;}

input[type="checkbox"].error, 
input[type="text"].error, 
input[type="text"]:read-only.error, 
input[type="password"].error, 
input[type="radio"].error,
input[type="time"].error, 
input[type="file"].error, 
textarea.error, 
select.error, 
select:disabled.error {
    background-color: #ffcbcb !important;
    color: #fd4646 !important;
    outline: #fd4646 auto 5px !important;
}

input[type="checkbox"]:focus.error, 
input[type="text"]:focus.error, 
input[type="text"]:focus:read-only.error, 
input[type="radio"]:focus.error,  
input[type="password"]:focus.error, 
input[type="time"]:focus.error, 
input[type="file"]:focus.error, 
textarea:focus.error, 
select:focus.error, 
select:focus:disabled.error {
    background-color: #ffcbcb !important;
    color: #fd4646 !important;
    outline: #fd4646 auto 5px !important;
}