:root {
  --f-f: "FavoritStd-Book", sans-serif;
}

.ui-kit-title {
  text-align: center !important;
  font-style: normal;
  font-variant: normal;
  font-size: 25px !important;
  font-family: var(--f-f) !important;
  letter-spacing: 0px !important;
  color: #333333 !important;
  opacity: 1 !important;
}

.ui-kit-subtitle {
  text-align: center !important;
  font-style: normal;
  font-variant: normal;
  font-size: 20px !important;
  font-family: var(--f-f) !important;
  letter-spacing: 0px !important;
  color: #333333 !important;
  opacity: 1 !important;
}

.ui-kit-btn {
  text-align: center !important;
  font: normal normal normal 16px/19px var(--f-f) !important;
  letter-spacing: 0px !important;
  color: #ffffff !important;
  opacity: 1 !important;
  background: #7000bd 0% 0% no-repeat padding-box !important;
}
.btn-primary {
  text-align: center !important;
  font: normal normal normal 16px/19px var(--f-f) !important;
  letter-spacing: 0px !important;
  color: #ffffff !important;
  opacity: 1 !important;
  background: #7000bd 0% 0% no-repeat padding-box !important;
}

.ui-kit-btn:active {
  background: #7000bd 0% 0% no-repeat padding-box !important;
  opacity: 1 !important;
  text-align: center;
  font: normal normal normal 16px/19px var(--f-f);
  letter-spacing: 0px;
  color: #ffffff;
}
.btn-primary:active {
  background: #7000bd 0% 0% no-repeat padding-box !important;
  opacity: 1 !important;
  text-align: center;
  font: normal normal normal 16px/19px var(--f-f);
  letter-spacing: 0px;
  color: #ffffff;
}

.ui-kit-text {
  font-size: 14px !important;
  font-family: var(--f-f) !important;
  letter-spacing: 0px !important;
  color: #333333 !important;
  opacity: 1 !important;
}

.ui-kit-titlebottom {
  font: normal normal medium 12px var(--f-f) !important;
  letter-spacing: 0px !important;
  opacity: 1 !important;
  color: #000 !important;
}

.innerlogodiv_text {
  font-size: 18px !important;
  font-family: var(--f-f) !important;
  letter-spacing: 0px !important;
  color: #333333 !important;
  opacity: 1 !important;
}

.halfleftdiv {
  font-style: normal;
  font-variant: normal;
  font-size: 14px !important;
  font-family: var(--f-f) !important;
  color: #333333 !important;
  letter-spacing: 0px;
  opacity: 1;
}

.select2 {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  border: 1px solid #d9dee7;
  opacity: 1 !important;
}

.select2-container--open .select2-dropdown--below {
  border-color: #7000bd !important;
  opacity: 1 !important;
}

#username {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  border: 1px solid #e6e6e6 !important;
  opacity: 1 !important;
}

#username::placeholder {
  letter-spacing: 0px !important;
  color: #000000 !important;
  opacity: 1 !important;
}

#username:active {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  border: 1px solid #7000bd !important;
  opacity: 1 !important;
}

.input_moblie_number input {
  letter-spacing: 0px !important;
  color: #262626 !important;
  opacity: 1 !important;
}

.content
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  letter-spacing: 0px !important;
  color: #262626 !important;
  opacity: 1 !important;
  line-height: 28px !important;
}

#description {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  border: 1px solid #e6e6e6;
  opacity: 1 !important;
  color: #000 !important;
}

#description:focus {
  border-color: #7000bd !important;
}

#description::placeholder {
  letter-spacing: 0px !important;
  color: #9d9d9d !important;
  opacity: 1 !important;
}

.select2-container--default.select2-container--open {
  border-color: #7000bd !important;
}

#header .logo_center {
  background-color: #ffffff !important;
}

#header .mmi .icon-tk-previous {
  color: #262626 !important;
}

.login-form #header .logo_center {
  background-color: #000 !important;
}

.content .grid_box .title_login_logo img {
height: 110px !important;
}

.withbgwidth img {
  width: 25% !important;
  height: auto !important;
  
}

.withbgwidth {
  text-align: center !important;
}

.withbgwidth_opbg {
  background-color: #ffffff !important;
  opacity: 0 !important;
}

.width_half_circle > a:active {
  text-decoration: none !important;
}

.width_half_circle > a:active > .titlebottom {
  color: #003c7d !important;
}