﻿body {
  font-family: 'proxima-nova', sans-serif !important;
  color: #000 !important;
  padding: 0 !important;
  margin: 0 auto !important; 
}

.content-wrapper { 
	margin: 0 auto !important;
	padding-top: 150px !important;
}

.form-control, .btn {
	border-radius: 0 !important;
}

.form-group { 
	margin-bottom: 0px !important;
}
.form-control {
	height: 35px !important;
	padding: 0 .75rem !important;
	border: 1px solid #495057 !important;
}

.form-control:focus, .form-control:invalid, .form-control:valid {
	box-shadow: none!important;
	
}

.form-control:focus, .form-control:focus~.input-group-append .input-group-text {
	border-color: #ced4da!important;
}

.input-group-text {
	border-color: #000 !important;
	padding: 0 0.75rem !important;
 }
 
input:-webkit-autofill {
    background: #fff !important;
}

.was-validated .form-control:valid {
	border-color: #000 !important;
}

.was-validated .form-control:focus {
	border-color: #ced4da !important; 
}
.was-validated .form-control:invalid~.invalid-feedback { color:#dc3545 !important; }

.needs-validation .form-control~.invalid-feedback { display: block !important; color:white !important;}

.was-validated .form-control:invalid~.input-group-append .input-group-text, .was-validated .form-control:invalid { border-color: #dc3545 !important;}


.btn {
	padding: 0 .75rem !important;
	height: 35px !important;
	line-height: 35px !important;
	border: none !important; 
}

.btn:focus, .btn-dark:focus { box-shadow: none !important; }
.btn-dark { background-color: #000 !important; }
.btn-dark:hover { background-color: #444 !important; }
.btn-dark:click  { background-color: #282828 !important; }

select {
	height: 35px !important;
}


.bold-logo {
	height: 75px !important;
	margin-bottom: 50px !important;
}

.bold-logo-Signup {
	height: 50px !important;
	margin-bottom: 0px !important;
}

.bold-logo-Signup-confirm {
	height: 75px !important;
	margin-bottom: 30px !important;
}

.mk-logo {
	width: auto !important;
	height: 13px !important;
	margin-top:30px !important;
}
.Signup-mk-logo {
	text-align: left !important;
	}
.Signup-mk-logo img{
	width: auto !important;
	height: 13px !important;
}

.modal { background-color: rgba(0,0,0,0.6) !important; }
.otpInput { border-width: 0 0 1px 0 !important; }

.signup-footer {
	background-color: #000 !important; 
	color: #fff !important;	
	position:-webkit-fixed; 
	position:fixed !important; 
	bottom:0 !important;
}

.signup-footer .link-divider {
	margin-left: 40px !important;
}	

.signup-footer .link{
	text-align:right !important;
}	
.signup-footer a, .signup-footer a:hover { color: #fff !important}

.min-height-700 { 
	min-height: 700px !important;
}

.error-msg-500 {
	font-size: 3.5rem !important; 
	font-weight: 900 !important; 
	color: #000 !important;
	line-height: 4rem !important;
}

@media screen and (max-width: 992px) {
	.signup-footer {
	position:initial !important; 
	}
}

@media screen and (max-width: 768px) {

}	
@media screen and (max-width: 576px) {
.bold-logo {
	width: 100%;
	height: auto; 
	margin-bottom: 30px;
	}	
.footnote {
	text-align: center !important ;
	}
.mk-logo {
	width: 100% !important;
	height: auto !important;
	margin: 30px auto 0 auto;
	}
.signup-footer .link-divider {
	display: none;
	}
.signup-footer .link{
	text-align:center !important;
	}	
.bold-logo-Signup {
	width: 100% !important;
	height: auto !important;
	}

.bold-logo-Signup-confirm {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 30px;
	}
.Signup-mk-logo img {	
	width: 100% !important;
	height: auto !important;
	padding-top: 0.75rem;
	}

}	


