:root {
    --blue: #00416a;
    --white: #ffffff;
    --aliceblue:#edf2f4;
    --darkblue:#7a99ac;
    --deepblue:#00416a;
    --linkcolor:#034383;
	--primarycolor:#c4d602;
	--inputbac:#dbe3e9;
}
/*********************************************/
html{font-size:62.5%; height:100%;}
/* html, body{height:100%;} */
body{font-family: 'Roboto', sans-serif; height:100%; font-size:1.6rem; overflow:hidden; background-color:rgb(239,239,239);}
a{color:var(--linkcolor); text-decoration:underline;}
a, a:focus, button, button:focus{outline:none;}
.btn{font-size:1.4rem; line-height:2.2rem; border-radius:5px; padding:.4rem 2rem; font-weight:600; border:0;}
.btn-info{background-color:#7a99ac;}
.form-inline .form-group{margin-bottom:20px;}
.form-inline label {justify-content: left;}
.form-control{background-color:var(--white); border-color:var(--darkblue); font-size:1.2rem;}

.dropdown-menu {
    font-size: 1.4rem;
}
.dropdown-item{text-decoration:none;}

.btn-primary {
    background-color:var(--primarycolor); color:#034383;
}
.btn-success {
    background-color: #4c6f4c;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/***************/
.login-wrapper {
    background-image: url(../images/backgrd_blue.png);
    background-repeat: no-repeat;
	background-size:cover;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
 


.login-wrapper .login-box {width: 83rem;}
.login-wrapper .login-box .logo {
    text-align: center;
    margin-bottom: 20px;
}

.login-wrapper .login-box form{    padding: 0; box-shadow: 0px 0px 20px #1a1a1a; border-radius: 15px;}
.login-wrapper .login-box form>div{padding:40px;}
.login-wrapper .login-box form>div:nth-child(1){background-color:#0070c0; border-radius:15px 0 0 15px;}
.login-wrapper .login-box form>div:nth-child(2){background-color:#fff; border-radius:0 15px 15px 0;}
.login-wrapper .login-box h2 {
    margin: 0;
    padding:20px 0;
    color: #fff;
    font-weight:600;
    font-size:28px;
	line-height: 40px;
	border-bottom:1px solid var(--primarycolor);
}
.login-wrapper .login-box form a{text-decoration:none;}
.login-wrapper .login-box h6 {color: #fff; padding: 40px 0; font-size: 1.3rem; line-height:2.2rem; font-weight: 300;}
.login-wrapper .login-box .form-group{position:relative;}
.login-wrapper .login-box .form-group span {
    position: absolute;
    top: 14px;
    left: 14px;
    transition: all .1s ease-in;
    z-index: 10;
    color: #5e6367;
}
.login-wrapper .login-box .form-group .form-control {
    background:var(--inputbac);
    border-radius: 0;
    position: relative;
    z-index: 1;
    padding:1.5rem 1rem 1.5rem 4rem;
	border-radius:5px;
    border-color:transparent;
}

 
.login-wrapper .login-box .btn-bar .btn {
    padding: 12px 32px;
    margin: 15px 10px 15px 0;
    cursor: pointer;
    border: 0;
}

.login-wrapper .login-box .btn-bar .btn:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}


.login-wrapper .login-box .signup {
    text-align: center;
    background-color: #f2f2f2;
    margin: 20px -80px -40px;
    padding: 20px;
}

.login-wrapper .login-box .signup .btn {
    background-color: #fff;
    border-radius: 0;
    margin-left: 10px;
	cursor:pointer;
}

label.custom_check {
    position: relative;
    padding: 0 2rem;
}
label.custom_check i{display:none;}
label.custom_check:before, label.custom_check i {
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid;
    position: absolute;
    left: 0;
    top: 4px;
	font-size: 75%;
}
label.custom_check input {
    display: none;
}

label.custom_check input:checked + i{display:block;}

/************************/


.login_tabs{display: flex; justify-content: center; margin-bottom: 20px;}
.login_tabs input{display:none;}
.login_tabs label {padding: 10px 10px 10px;}
.login_tabs label.show{border-bottom:1px solid var(--primarycolor); font-weight:bold;}