@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*12-12-25(kh)*/

body{font-family: "Inter", sans-serif;}

/*login*/
.login-in .login {max-width: 570px !important; margin: auto;}
.login-in .card {background: #fff; box-shadow: 0px 4px 16px 0px #00000026 !important;}
.login-in .card .card-body {padding: 50px 100px !important;}
.login-in .card .card-body h5 {font-size: 18px; font-weight: 700 !important; line-height: 1.4; padding-bottom: 30px; margin: 0 !important;}
.login-in .card .card-body a.btn {border-color: #718096 !important; font-size: 14px;}
.login-in .card .card-body a.btn:hover{background: unset; color: #718096;}
.login-in .card .card-body .border-top {display: none;}
.login-in .card .card-body span.px-2.small.text-muted {text-align: center; width: 100%; padding: 20px; color: #718096 !important;}
.login-in .card .card-body form#loginForm input {border-color: #CBD5E0; font-size: 16px; padding: 9px;}
.login-in .card .card-body form#loginForm .remember-me {margin: 0 !important; padding: 28px 0 32px 0;}
.login-in .card .card-body form#loginForm input::placeholder{color: #718096 !important; font-size: 15px;}
.login-in .card .card-body form#loginForm .remember-me a{color: #718096; border-bottom: solid 1px #718096;}
.login-in .card .card-body form#loginForm .remember-me .form-check {display: flex; align-items: flex-end; gap: 7px;}
.login-in .card .card-body form#loginForm .remember-me .form-check{display: flex; align-items: center; gap: 7px;}
.login-in .card .card-body form#loginForm .remember-me .form-check label{padding-top: 6px; color: #718096;}
.login-in .card .card-body form#loginForm button.btn {font-size: 14px; border-radius: 3px;}
.login-in .card .card-body form#loginForm button.btn:hover {background: #1A202C;}

/*registered*/

.create-account .register {max-width: 600px !important; margin: auto;}
.create-account .register .account {width: 100%;}
.create-account .register .account .account-1 {padding: 50px 100px !important; background: #fff; box-shadow: 0px 4px 16px 0px #00000026 !important;}
.create-account .register .account .account-1 h1 {font-size: 18px; font-weight: 700 !important; line-height: 1.4; padding-bottom: 30px; margin: 0 !important;}
.create-account .register .account .account-1 a.btn {margin-bottom: 35px !important; border-color: #718096 !important; font-size: 14px;}
.create-account .register .account .account-1 a.btn:hover{background: unset; color: #718096;}
.create-account .register .account .account-1 form {margin-top: 35px;}
.create-account .register .account .account-1 form select {border-color: #CBD5E0; padding: 9px; color: #718096 !important; font-size: 15px;}
.create-account .register .account .account-1 form input {border-color: #CBD5E0; font-size: 15px; padding: 9px; color: #718096;}
.create-account .register .account .account-1 form input::placeholder{color: #718096 !important; font-size: 15px;}
.create-account .register .account .account-1 form button.btn {font-size: 14px; border-radius: 3px;}
.create-account .register .account .account-1 form p.small {font-size: 14px; color: #718096 !important; padding: 22px 0 32px 0; margin: 0 !important;}
.create-account .register .account .account-1 form p.small a {text-decoration: none !important; font-size: 14px; color: #718096 !important; border-bottom: solid 1px #718096;}





/*media-query*/

@media (max-width: 1700px) {
.sb-nav-fixed #layoutSidenav #layoutSidenav_content{padding-left: 290px !important;}
}

@media (max-width: 767px) {
.login-in .card .card-body {padding: 50px 50px !important;}
.create-account .register .account .account-1{padding: 50px 50px !important;}
}

@media (max-width: 576px) {
.login-in .card .card-body form#loginForm .remember-me{display: block !important; text-align: center;}
.login-in .card .card-body form#loginForm .remember-me .form-check{justify-content: center; margin-bottom: 10px;margin-bottom: 10px;}
.login-in .card .card-body form#loginForm .remember-me{padding: 18px 0 22px 0;}
.create-account .register .account .account-1{padding: 50px 20px !important;}
}

@media (max-width: 420px) {
.login-in .card .card-body {padding: 20px !important;}
.login-in .card .card-body span.px-2.small.text-muted{padding: 0px;}
.login-in .card .card-body h5{font-size: 16px;}
.create-account .register .account .account-1 a.btn{margin-bottom: 20px !important;}
.create-account .register .account .account-1 form {margin-top: 20px;}
.container.create-account {padding: 0;}
.create-account .register .account{padding: 0;}
.create-account .register .account .account-1 h1{font-size: 16px;}
.create-account .register .account .account-1{padding: 20px !important;}
}


/*12-12-25(kh)*/