:root {
   --primary-font:'Poppins', sans-serif;
   --primary-color:#1A237E;
   --secondary-color:#00BCD4;
   --third-color:#eee6e4;
   --dark-grey-color:#333333;
   --medium-grey-color:#666666;
   --light-grey-color:#f2f2f2;
   --gray-border-color:#cccccc;
   --white-color:#ffffff;
   --red-color:#df2930;
}
body.login-page{
   font-family: var(--primary-font);
}
.login-box, .register-box{
   max-width: 400px;
   width: 100%;
}
.login-page .invalid-feedback{
   box-shadow: none;
   color: var(--white-color);
   font-weight: 300;
}

.login-page .form-control.is-invalid,
.login-page .was-validated .form-control:invalid{
   /* border-color: var(--red-color); */
   border-color: var(--secondary-color) !important;
}
.login-page, .register-page{
   background-color: var(--white-color);
}
.login-page .login-logo img{
   height: auto !important;
   width: 100%;
   max-width: 200px;
}
.login-page .btn-primary:not(:disabled):not(.disabled).active,
.login-page .btn-primary:not(:disabled):not(.disabled):active,
.login-page .show>.btn-primary.dropdown-toggle{
   background-color: var(--secondary-color);
   border-color: var(--secondary-color);
}
.login-page .card-primary{
   background: rgb(0,188,212);
   background: radial-gradient(circle, rgba(0,188,212,1) 0%, rgba(26,35,126,1) 100%);
   color:var(--white-color);
   -webkit-box-shadow: 10px 10px 18px -11px rgba(0,0,0,0.38);
   -moz-box-shadow: 10px 10px 18px -11px rgba(0,0,0,0.38);
   box-shadow: 10px 10px 18px -11px rgba(0,0,0,0.38);
   padding: 25px 30px;
   padding-top: 30px;
   border-radius: 25px;
}
.login-page label:not(.form-check-label):not(.custom-file-label){
   font-weight: 400;
}
.login-page label{
   font-weight: 400;
}
.login-page .card-primary.card-outline{
   border-top: 4px solid var(--secondary-color);
}
.login-page .login-card-body,
.login-page .register-card-body{
   padding-left: 0;
   padding-right: 0;
}
.login-page .login-card-body, .login-page.register-card-body{
   background-color: transparent;
   color:var(--white-color);
   padding-top: 0px;
}
.login-page .card-footer{
   background-color: transparent;
   padding: 0px;
}
.login-page .card-footer a{
   color:var(--white-color);
   display: block;
}
.login-page .form-control,
.login-page .input-group-text,
.login-page .form-control:focus{
   border-color: var(--secondary-color);
}
.login-page .btn-primary{
   background-color: var(--secondary-color);
   border-color: var(--secondary-color);
   border-radius: 5px;
}
.login-page .login-card-body .input-group .input-group-text{
   color: var(--white-color);
   background-color: var(--secondary-color);
   border-bottom-right-radius: .25rem !important;
   border-left: 0;
   border-top-right-radius: .25rem !important;
}
.login-page .card-header{
   border-bottom: 1px solid rgba(255,255,255,0.2);
}
.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text,
.login-card-body .input-group .form-control:focus~.input-group-prepend .input-group-text,
.register-card-body .input-group .form-control:focus~.input-group-append .input-group-text,
.register-card-body .input-group .form-control:focus~.input-group-prepend .input-group-text {
   border-color: var(--secondary-color);
}

.login-page .icheck-primary input[type="checkbox"]{
   display: none;
}

.login-page .icheck-primary input[type="checkbox"] + label {
	line-height: 2.5em;
}
.login-page .icheck-primary input[type="checkbox"]:disabled + label {
	color: var(--gray-border-color) !important;
	cursor: not-allowed;
}
.login-page .icheck-primary input[type="checkbox"]:checked:disabled + label:after {
	border-color: var(--gray-border-color);
}
.login-page .icheck-primary input[type="checkbox"] + label:before {
	content: "";
	width: 22px;
	height: 22px;
	float: left;
	margin-right: 0.5em;
   border: 2px solid var(--secondary-color);
	background: var(--white-color);
	margin-top: 0.5em;
}
.icheck-primary>input:first-child:not(:checked):not(:disabled):focus+input[type=hidden]+label::before,
.icheck-primary>input:first-child:not(:checked):not(:disabled):focus+label::before{
	border-color: var(--secondary-color) !important;
}
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,
 .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before{
   border-color: var(--secondary-color) !important;
 }

 .login-card-body .input-group .form-control.is-invalid~.input-group-append .input-group-text,
 .register-card-body .input-group .form-control.is-invalid~.input-group-append .input-group-text{
   /* border-color: var(--red-color) !important; */
    border-color: transparent !important;

 }

 .login-page .input-group{
   margin-bottom: 20px !important;
 }
.login-page .icheck-primary input[type="checkbox"]:checked + label:after {
   content: "";
   width: 12px;
   height: 6px;
   border: 3px solid var(--secondary-color);
   float: left;
   margin-left: -25px;
   border-right: 0;
   border-top: 0;
   transform: rotate(-55deg);
   margin-top: 14.5px;
}
.login-page .icheck-primary input[type="checkbox"]:checked + label:before {
	border-color: var(--secondary-color);
}
.login-page .icheck-primary input[type="checkbox"]:checked:disabled + label {
	/* background: #ccc; */
	color: var(--white-color) !important;
}
.login-page .icheck-primary input[type="checkbox"]:checked:disabled + label:before {
	border-color: #bdbdbd;
}

.login-page .icheck-primary label{
   font-weight: 600;
	/* color: #777777; */
	margin-bottom: 11px;
	width: 100%;
	float: left;
	cursor: pointer;
	/* padding: 0 0.6em; */
	box-sizing: border-box;
	/* background: #e6e6e6; */
	transition: all 0.5s ease 0s;
}

.login-page .login-logo{
    margin-bottom: 1.5rem;
}
