@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
*{margin: 0;padding: 0;}
*,*::before,*::after {box-sizing: border-box;}
:root{--primary-color:#46A321;--main-font: "Nunito", sans-serif;}
html, body, main.main {margin: 0;}
body{font-family: var(--main-font);font-weight:400;line-height: 1.1;}
a{text-decoration:none;}
img{display:block;max-width:100%;}
menu,ol,ul{padding-left:0;list-style:none;}
textarea{resize:none;}
button{border:0;outline:0;}

.credential_screen { padding:30px 15px; height:100%;}
.credential_screen .credential_info {max-width:500px;width:100%; margin:0 auto;}
.credential_screen .top-heading {margin:0 0 30px;}
.credential_screen .top-heading .titleh3 {font-size:38px; line-height:52px; color:#212121; font-weight:700;}
.credential_screen .top-heading .Pagetext-TitSub {font-size:16px; line-height:22px; line-height:22px; font-weight:400; color:#757575;}
.credential_screen .credenial_input_wrapper form .input_holder {position:relative;}
.credential_screen .credenial_input_wrapper form input {width:100%; border:1px solid #E5E5E5; border-radius:5px; padding:0 20px 0 60px; font-size:16px; line-height:48px; height:50px; color:#212121; outline:none; font-family:var(--main-font);}
.credential_screen .credenial_input_wrapper form input#password {padding-right:50px;}
.credential_screen .credenial_input_wrapper form .input_holder svg {position:absolute; top:50%; left:20px; transform:translateY(-50%); width:20px; height:20px;}
.credential_screen .credenial_input_wrapper form .input_group + .input_group {margin-top:25px;}
.credential_screen .credenial_input_wrapper form .input_holder svg.toggle-password {left:auto; right:20px; cursor:pointer;}
.credential_screen .credenial_input_wrapper form input.error {border-color:#fb0101;}
.credential_screen .credenial_input_wrapper form label.error {position:absolute; right:0; bottom:100%; width:auto; height:auto; margin:0; -webkit-font-smoothing:auto; line-height:normal; font-size:11px; background:#fb0101; padding:5px 5px 4px; color:#fff; font-family:var(--main-font); z-index:2;}
.credential_screen .credenial_input_wrapper form label.error:after {border-color:#fb0101 transparent transparent; -moz-border-image:none; -o-border-image:none; border-image:none; border-right:6px solid transparent; border-style:solid; border-width:6px; content:" "; height:0; left:20px; margin-left:-10px; position:absolute; top:100%; width:0;}
.credential_screen .credenial_input_wrapper form .forgot-password {text-align:right; margin-top:15px;}
.credential_screen .credenial_input_wrapper form .forgot-password #forgot-pass-item {color:#0093ff; cursor:pointer;}
.credential_screen .credenial_input_wrapper form .forgot-password + .input_group {margin-top:15px;}
.btn {cursor:pointer; width:100%; border-radius:8px; margin-top:20px; color:#fff; font-family:var(--main-font); font-size:18px; line-height:25px; box-shadow:0px 3px 4px rgba(0, 0, 0, 0.149); background:linear-gradient(90deg, rgba(64, 161, 32, 1) 0%, rgba(158, 199, 59, 1) 100%); position:relative; z-index:2; overflow:hidden; font-weight:600; padding:10px 15px; min-width:130px; transition:1s ease all; border-color:transparent;}

section:not(.site-form) .loader-screen {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:9999; display:none; align-items:center; justify-content:center}
section:not(.site-form) .loader-screen.loading {display:flex;}
section:not(.site-form) .loader {width:48px; height:48px; border-radius:50%; display:inline-block; position:relative; border:3px solid; border-color:#FFF #FFF transparent; -webkit-animation:rotation 1s linear infinite; animation:rotation 1s linear infinite; display:inline-block;}
section:not(.site-form) .loader::after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; border:3px solid; border-color:transparent var(--primary-color) var(--primary-color); width:24px; height:24px; border-radius:50%; -webkit-animation:rotationBack 0.5s linear infinite; animation:rotationBack 0.5s linear infinite; transform-origin:center center;}

@-webkit-keyframes rotation {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

@keyframes rotation {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

@-webkit-keyframes rotationBack {
0% {transform:rotate(0deg);}
100% {transform:rotate(-360deg);}
}

@keyframes rotationBack {
0% {transform:rotate(0deg);}
100% {transform:rotate(-360deg);}
}
.site-form.credential_screen {padding: 0;height: auto;}
.site-form.credential_screen .credential_info {max-width:100%;} 
.Credential_detail_wrapper {margin-top: 0 !important;}
.site-form.credential_screen .credential_info_content {max-width: 100%;padding: 0;}