body {font-family: "Inter", sans-serif;}
h1{font-weight: bold; margin-bottom: 24px}
.main-head{height: 150px;background: #FFF;}
.sidenav {height: 100%;background: linear-gradient(135deg, #8957ff 0%, #5c60f5 50%, #FF579A 100%);overflow-x: hidden; padding: 40px 32px;}
.logo-img {background: #fff;width: 40px;height: 40px;border-radius: 50%;}
.logo-wrap{font-size: 18px; font-weight: bold; color: #fff;}
.login-main-text{color: #fff; margin-top: 40px}
.main{padding: 40px; height: 100vh;}
.main, .sidenav{width: 100%;}
.login-form h4{font-weight: bold}
.login-form {max-width: 520px; width: 100%}
.btn-dark {background-color: #0F172A;border-color: #0F172A;padding: .575rem .75rem; margin: 10px}
label {margin-bottom: .5rem;font-size: .875rem;font-weight: 500;}
input[type="text"], input[type="password"] {color: #1e293b;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fff;border: 1px solid #e2e8f0;border-radius: .375rem;background-clip: padding-box;
width: 100%;padding: .5rem 1rem;font-size: 1rem;font-weight: 400;line-height: 1.625;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;display: block;box-shadow: 0 1px 2px rgba(50, 50, 71, .08);}
input[type="text"]:focus, input[type="password"]:focus {color: #1e293b;background-color: #fff;border-color: #8957ff;box-shadow: 0px 1px 2px rgba(50, 50, 71, .08), 0 0 0 2px rgba(137,87,255, .25);outline: 0;}
input.btn.btn-dark {width: 100%;}
.text-sm {font-size: .875rem !important;}
.text-muted {color: rgba(30,41,59,.75) !important;}
.text-primary-hover:hover {text-decoration: none;color: rgba(137, 87, 255, 1) !important;}
.form-check {min-height: 1.625rem;margin-bottom: 0;padding-left: 1.5em;display: block}
.form-check .form-check-input {float: left;margin-left: -1.5em}
.form-check-input {vertical-align: top;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #fff;border: 1px solid #e2e8f0;print-color-adjust: exact;background-position: 50%;background-repeat: no-repeat;background-size: contain;flex-shrink: 0;width: 1em;height: 1em;margin-top: .3125em}
.form-check-input[type=checkbox] {border-radius: .25em}
.form-check-input[type=radio] {border-radius: 50%}
.form-check-input:active {filter: brightness(90%)}
.form-check-input:focus {border-color: #8957ff;outline: 0;box-shadow: 0 0 0 .25rem rgba(137,87,255,.25)}
.form-check-input:checked {background-color: #8957ff;border-color: #8957ff}
.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFF'/%3e%3c/svg%3e")
}
.form-check-input[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    background-color: #8957ff;
    border-color: #8957ff
}
.form-check-input:disabled {pointer-events: none;filter: none;opacity: .5}
.form-check-input:disabled~.form-check-label {cursor: default;opacity: .5}

@media screen and (min-width: 992px) {
     .main{width: 60%;}
     .sidenav{width: 40%; padding: 40px 80px;}
     .page-wrap{height: 100vh}
     .login-main-text{margin-top: 160px}
}