body{font-family: 'Rubik', sans-serif;}
.ph-100{height:100vh;}
.mainlogin{width:100%;max-width:440px;margin:0 auto;height:100%;}
.valignmain{display:table;width:100%;height:100%;}
.valigninner{display:table-cell;height:100%;vertical-align:middle;}
.loginimg img{max-width:100%;}
.poweredby{font-size:13px;color:#666;margin-top:20px;}
.poweredby img{height:20px;margin-top:-5px;margin-left:5px;}
.whitetext, label{color:#FFFFFF;}
a{color:#29b6f6;}
a:hover{color:#FFFFFF;}
.carousel-control-prev-icon, .carousel-control-next-icon{filter:invert(100%);}
.carouselmain{width:100%;max-width:500px;margin:0px auto 0 auto;}
.carousel-item img{width:100%;max-width:1000px;}
.carousel-item h3{font-weight:600;color:#1d354d;margin-top:20px;}
p{font-size:1rem;}
.carousel-indicators li{background:#000;border:none;}
.carousel-control-prev-icon, .carousel-control-next-icon{filter: invert(100%);}
.carousel-control-prev{left:-80px;}
.carousel-control-next{right:-80px;}
/*Made CSS changes to set the color contrast in login page*/
#processImage{background:#FFF;height:24px;line-height:24px;padding:0px 6px;}
#processImage img{width:16px;height:16px;float:left;margin-right:8px;margin-top:4px;}
.explorer-logo-div{width:100%;max-width:240px;margin:0px auto;}

@media (max-width: 992px) {
.mainlogin{padding:40px 0px;}
}
@media (max-width: 540px) {
.valignmain, .valigninner{display:block;}
.carouselmain{width:calc(100% - 80px);}
.carousel-control-prev{left:-60px;}
.carousel-control-next{right:-60px;}
.carousel-item img{width:100%;height:auto;}
}

.supplier-survey-main{text-align:center;width:80%;margin:0 auto;}
.supplier-survey-main h3{font-weight:600;color:#1d354d;}
.supplier-survey-main p{font-size:16px;color:#212529;}
.supplier-survey-main img{width:100%;max-width:1000px;}
.supplier-survey-main a{display:block;background:#007f0e;color:#FFFFFF;font-size:14px;line-height:36px;max-width:140px;margin:0px auto;}
.supplier-survey-main a i{margin-left:3px;}
.supplier-survey-main a:hover{text-decoration:none;}

.login-benchmarking{max-width:600px;margin:0px auto;}
.login-benchmarking h1{color:#1d354d;font-size:24px;font-weight:500;margin-bottom:6px;}
.login-benchmarking img{width:auto;max-width:80%;}
.login-benchmarking p{font-size:16px;font-weight:400;margin:0px;}
.login-benchmarking p.small-text{font-size:13px;font-weight:400;line-height:18px;color:#444;line-height:20px;}
.login-benchmarking p.small-text a{color:#005F3E;font-weight:600;}
.login-benchmarking ul li{font-size:13px;font-weight:400;color:#444;line-height:18px;}
.login-benchmarking a.primary-button{min-width:150px;line-height:36px;}

/*Login page input focus changes*/
input.form-control:focus{border:#FFF 2px solid!important;box-shadow:#1d354d 0px 0px 0px 1px inset!important;}
.logintext a:focus{border:#FFF 1px solid!important;}
.btn-primary{border:#FFF 1px solid!important;}

/*As we are not incluided dark-theme.css, Added this classes from dark-theme.css*/
.btn.btn-warning{background-color:#1F332d;color:#FFF;border-color:#1F332d!important;}
.btn.btn-warning:hover{background-color:#e48a07!important;border-color:#e48a07!important;}
.btn.btn-warning:focus:hover{background-color:#7f4e06!important;}
.login-btn-warning{padding-left:25px;padding-right:25px;border-radius:6px!important;}

/*Added this classes to set the Remember me checkbox focus UI*/
label.custom-check .checkmark, label.custom-radio .checkmark{left:2px;}
#remember_me:focus + span.checkmark{box-shadow: 0px 0px 0px 2px #0993D3;border:#0993D3 1px solid;}
@media (max-width: 1380px) {
.valigninner.login-right-panel{display:table-cell;height:100%;vertical-align:top;padding-top:10px;}
}

/*Newly added CSS*/
.login-field{border:none;border-left:#005F3E 1px solid;}
.input-group-text{border-radius:0px;border:none;}
.input-group-text i{color:#005F3E;}
button, input, optgroup, select, textarea, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:"Jost", sans-serif;}
.btn-light{background-color:#E5E4E2;border:none;height:34px;font-size:14px;line-height:34px;padding:0px;min-width:100px;}
.btn-light:focus{box-shadow:#005F3E 0px 0px 0px 2px inset!important;line-height:30px}
.next-btn-main{display:grid;grid-template-columns: auto 100px; column-gap:20px;}
.next-btn-main p{height:100%;margin:0px;line-height:34px;color:#FFF;font-size:18px;}
.next-btn-main a{color:#FFF;text-decoration:underline;}
.next-btn-main a:hover{color:#000;text-decoration:underline;}
.btn-primary{background-color:#005F3E!important;border-color:#005F3E!important;font-size:14px;padding:.375rem 1.25rem;box-shadow:none!important;border-radius:6px!important;}
.btn.btn-primary:hover, .btn-primary:hover{background-color:#00472f!important;border-color:#00472f!important;}
.logintext a{color:#FFF;font-size:14px;}
.logintext a:hover{color:#000;text-decoration:none;}
label.custom-check input:checked ~ .checkmark, label.custom-radio input:checked ~ .checkmark {background-color:#005F3E;border:#FFF 1px solid;}
label.custom-check .checkmark:after{left:6px;top:2px;}