body .login-card-wrap {
    max-width: 450px;
    text-align: center;
    margin: 0 auto;
    /* background: #fff; */
    /* border-radius: 25px; */
    overflow: hidden;
    /* box-shadow: 0 5px 9px #0000001f; */
}

.login-page .buat-akun a {
    color: var(--theme-color);
    font-weight: 600;
}

.login-card-wrap .form-group {
    margin-bottom: 20px;
    position: relative;
}

.login-card-wrap .form-group .form-control, .register-wrap .form-group .form-control {
    padding: 0 12px;
    border: 0;
    line-height: normal;
    height: 15px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    font-size: small;
    font-weight: 500;
    color: #333;
    background: rgb(214 219 223 / 35%);
}


.register-page .form-group .form-control.invalid {
    box-shadow: inset 0 0px 0 2px #ff8e8e;
    background: #fff0f0;
}


span.user-icon {
    position: absolute;
    left: 10px;
    top: 8px;
}

span.user-icon i {
    font-size: 16px;
}

.login-page .login-card-wrap .form-group .form-control {
    padding-left: 32px;
}


span.title-description {
    display: block;
    font-size: small;
    color: #7e7e7e;
    max-width: 85%;
    margin: 0 auto 20px;
}














@media only screen and (min-width: 800px)  {
	.register-page,.login-page {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
	
}




/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #ccc;
  -webkit-text-fill-color: ;
  -webkit-box-shadow:none;
  transition: background-color 5000s ease-in-out .2s;
}

.card.login-form.register-wrap.mb-0 {
    overflow: visible;
}

.register-page .bootstrap-select>.dropdown-toggle {
    padding: 12px 10px;
    background-color: transparent;
    color: #333;
    line-height: normal;
}

.register-wrap .bootstrap-select .dropdown-toggle .filter-option {
    width: 100%;
    text-align: left;
    background: transparent;
    outline: none;
    border: 0;
}


.register-wrap .dropdown.bootstrap-select.form-control {
    padding: 0;
}

body .register-wrap .bootstrap-select .btn:focus {
    outline: none!important;
    background: transparent;
}

.register-wrap .filter-option-inner-inner {
    font-weight: 500;
    color: #333;
}

.bs-searchbox {
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
    padding-bottom: 10px;
    font-weight: normal;
}

.register-page .register-wrap .bs-searchbox input {
    font-weight: normal!important;
}