/* CUSTOM FONT FAMILY */
@font-face {
  font-family: 'DM Sans';
  src: url('../../plugins/DmSans/DMSans-Regular.ttf') format('truetype');
}
:root {

  /*color*/
  --primary-color: #9769ff;
  --secondary-color: #000000;
  --tertiary-color: #ffffff;

  --font-color: #526484;
  --icon-color: #8094ae;

  /*font*/
  --DM-Sans: 'DM Sans', sans-serif;

}
*{
	font-family: var(--DM-Sans);
}
body{
  background-color: var(--tertiary-color) !important;
}


.auth-top h4{
  color: #364A63;
}
.auth-top span{
  color: #526484;
}

.input-label{
  color: #344357;
  font-size: 14px;
}
.auth-main-div{
  height: 85vh !important;
  width: 100vw;
}

.auth-logo img{
  width: 169px;
  height: 40px;
}

.auth-form{
  width: 400px !important;
}


/*button*/
button.btn{
  height: 44px;
  font-size: 16px !important;
  line-height: 18.4px;
  font-weight: 500;
  color: #FFFFFF;
  background-color: #854FFF;
  border: none;
  width: 100%;
}


#forgotpassword{
  color: #854FFF;
  font-size: 13px;
}
.input-wrapper {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  width: 100%;
  height: 44px;
  transition: border 0.3s ease, background-color 0.3s ease;
  background-color: #fff;
}

.input-wrapper:focus-within {
  border-color: #007bff;
}

.input-wrapper input {
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  font-size: 1rem;
  padding: 6px 0;
}

/* Autofill fix for input */
.input-wrapper input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-text-fill-color: #000 !important;
}

/* Optional: apply active border color on autofill */
.input-wrapper:has(input:-webkit-autofill) {
  border-color: #007bff;
}

.input-wrapper svg {
  margin-left: 8px;
  color: #888;
}

.input-wrapper.active svg,
.input-wrapper:focus-within svg {
  color: #007bff;
}

.form-control2:focus {
  outline: none;
  box-shadow: none;
}

.icon-size {
  width: 19px;
  height: 19px;
}