/***************** Common Classes ***************************/
.height-auto {height:auto !important; overflow: inherit !important;}
.clr {clear: both;}
.mr0 {margin-right: 0px !important;}
input {border:#cacaca 1px solid; color: #707070; font-size: 15px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; padding: 13px 12px 14px 19px;}
.w290 {width:290px !important;}
.w110 {width:110px !important;}
.mt21 {margin-top:21px;}
.gry-btn {padding: 8px 31px 11px 29px; border: 0px; background: #919191; color: #ffffff; font-weight: 400; font-size: 18px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.pl45 {padding-left:45px !important;}
input::placeholder, textarea::placeholder {color: #b0b0b0;}
/****************************** Login **************************************/
html,body {
	background-image: linear-gradient(-225deg, #FFF6EB 0%, #FFE6FA 100%);
	background-image: linear-gradient(to top, #FFF6EB 0%, #fed6e3 100%);
	background-attachment: fixed;
	background-repeat: no-repeat;
	opacity: .95;
	font-family: "Montserrat", serif;
	font-size: 14px;
	height: 100%;
	margin: 0;
	padding: 0;
}
.login .col-md-12, .login .container-fluid, .login .col-md-5 {padding:0px;}
.login .logo {margin:15px 0 0;}
/*.login-panel {background: rgba(255,255,255,0.85); text-align: center; padding: 130px 50px 135px; height: 100%; position: fixed; top: 0; bottom: 0;}*/
.login-panel {text-align: center; padding: 0px; position: relative;}
.login-panel h1 {margin:0px 0 65px; color: #343434; font-size: 43px; font-weight: 600;}
.login-panel h1 span {display: block; font-size: 23px;}
.login-panel h1 small {display: block; font-weight: 400; color: #565454; font-size: 20px; line-height: 30px; padding-top: 10px;}
.login-panel input[type="text"], .login-panel input[type="password"] {border:0px; font-size:18px; width: 100%; padding: 19px 22px; margin-bottom: 15px;}
.login-panel p.error, span.help-block {color:#fe0406; margin:0px 0 10px; text-align: center; font-size: 15px;}
.login-panel .login-red {border:0px; background: #ffffff; color:#252537; float: right; font-size: 17px; font-weight: 600;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding: 0px 25px; height: 48px; line-height: 48px; text-align: center;}
.login-panel .cancel-gray {border:0px; background: #8d8d8d; color:#ffffff; float: left; font-size: 17px; font-weight: 600;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; padding: 0px; height: 48px; line-height: 48px; width: 126px; text-align: center;}
.login-panel a.forgot-pass {float:right; color: #707070; text-decoration: underline; font-size: 15px; margin: 34px 0 0;}
.login-panel ul {padding: 0; margin: 0; list-style: none; color: #454545; position: relative; left: 0; bottom: 5px; font-size: 14px; width: 100%;}
.login-panel ul li {width: 100%;}
.moo-logo {width: 250px; margin: 3% auto;}
.login-body {display: flex; align-items: center; justify-content: center;}
.login-body img {margin: 10% 0 0; width: 100%}
.login form{width: 90%; height: auto;margin: 0 auto; padding: 50px; border-radius: 20px 50px; background-image: linear-gradient(-225deg, #E3FDF5 50%, #FFE6FA 50%); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.18);}
/*.login-panel ul li:first-child {text-align: left; padding-left: 15px;}*/
/*.login-panel ul li:last-child {text-align: right; padding-right: 15px;}*/
.email-sent .cancel-gray {float:none;}
.email-sent label {color:#e81850; margin: 0px 0 70px; font-size:30px; font-weight: 400;}
.reset-success p {margin:0px 0 59px; color: #555354; font-size: 17px;}
.reset-success .login-red {float:none;}
.forgot-password {display: inline-block;width: 100%; margin-bottom: 10px;}
.forgot-password div.remember {float: left;}
.forgot-password div.remember label {font-weight: normal; margin: 0;}
.forgot-password a {float: right; color: #e81850; text-decoration: underline; outline: 0;}
.login-panel p.sub-title {margin: 0 0 10px 8px; color: #343434; font-size: 18px; text-align: left;}
p.request-sent {color: #343434; font-size: 18px;}
.login div.head-form h2 {
	font-size: 22px;
	color: #343434;
	margin: 15px 0px;
	font-weight: 500;
}
.login div.head-form h2 span {
	display: block;
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: 600;
}
/****************************** Footer Link ********************************/
.footer-link {padding: 0px; margin: 0px 0 0 42px; list-style: none;}
.footer-link li {float: left; padding-right: 47px;}
.footer-link li a {display: block; font-size: 12px;}
footer.main p.short-des {text-align: right; font-size: 9px; padding-left: 134px;}
footer .main {background: #1B1D50;}
footer.main .footer-copyright {background: #1B1D50; }
/**************************** Media Query ***********************************/
@media (max-width: 1199px) {
	.login-panel input {font-size: 15px; padding: 14px 22px;}
	.login-panel input[type="text"], .login-panel input[type="password"] {
		padding: 14px 22px;
		font-size: 16px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.login .col-md-6 {float:left; width: 50%;}
	.login-panel {}
	.login-panel h1 {font-size:39px; margin: 0px 0 50px;}
	.login-panel h1 span {font-size:20px;}
	.login-panel p.error {text-align:center; margin-bottom: 20px;}
	.login-panel .login-red {float:none;}
	.login-panel a.forgot-pass {float:none; display: block; margin-top: 15px;}
	.forgot-panel .login-red {float:right;}
	.login-panel ul {font-size: 11px;}
}
@media (min-width: 992px) and (max-width: 1080px) {
	.login-panel ul {font-size: 13px;}
}
@media (max-width: 1023px) {
	.login .col-sm-6 {width: 100%;}
	.login-panel {padding: 50px 30px;position: inherit;}
	.login .logo {float: none;display: block;text-align: center;margin-bottom: 15px;}
	.login-panel ul {bottom: 10px;}
}

@media (max-width: 767px) {
	.login .logo {float:none; display: block; text-align: center; margin-bottom: 15px;}
	.login-panel {padding: 50px 30px; position: inherit; margin-bottom: 37px;}
	.login-panel h1 {margin-bottom:50px;}
	.login-panel p.error {text-align: center; margin-bottom: 15px;}
	.login-panel .login-red {float:none;}
	.login-panel a.forgot-pass {float:none; display: block; margin-top: 15px;}
	.forgot-panel .login-red {float:right;}
	.login-panel ul {font-size: 11px;}
}
@media (min-width: 600px) and (max-width: 767px) {
	.select-value {float: left; width: 50%; margin: 36px 0 0;}
	.select-value button {width: 30%; font-size:17px;}
	.custom-value {float: left; width: 50%; margin: 0px;}
	.custom-value span {float: none; padding: 0 0 13px 0; display: block; text-align: center; font-size: 15px;}
	.custom-value input {width:100%;}
	.custom-value .quality {width:100%; margin: 13px 0 0;}
	.request-submitted .col-md-6 {width: 43%; float: left;}
	.corp-landscape input {height: 50px;}
}
@media (max-width: 500px) {
	.login-panel h1 {font-size:30px;}
	.login-panel h1 span {font-size:18px;}
	.forgot-panel .login-red {float:none; width: 100%;}
	.forgot-panel .cancel-gray {float:none; width: 100%; margin-top: 15px;}
	.login-panel p.mb40 {margin-bottom:20px !important;}
}