:root {
	--root-bg: #f8f9fa;
	--bs-toast-max-width: 800px; 
	--modal-bg: #CFE2FF; 
}

/* Light variant */
.modal-content{
background: linear-gradient(90deg,rgba(242, 194, 150, 1) 0%, rgba(185, 186, 240, 1) 100%);
background: linear-gradient(180deg,rgba(242, 194, 150, 1) 0%, rgba(232, 130, 130, 1) 100%);
background: linear-gradient(0deg,rgba(211, 201, 214, 1) 61%, rgba(200, 193, 181, 1) 94%);

  border: 1px solid rgba(0,0,0,.06);
  color: #111;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

.textind {
	padding-left: 4em;
}

.textind ul {
	list-style-position: inside; 
	padding-left: 2em;
}

/* Login Avatar */
.login-avatar {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -50px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  z-index: 9;
  background: #6360c7;
  padding: 15px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-avatar i {
  font-size: 50px;
  color: #fff;
}

.oi-cus-btn {
  background: linear-gradient(
    180deg,
    rgba(10, 203, 251, 1) 0%,
    rgba(13, 110, 253, 1) 100%
  );
  box-shadow: inset 1px 0 1px;
  border: 0;
  color: white;
  font-size: 1.4rem !important;
  font-weight: bold !important;
}

.oi-mod-head {
  color: tomato !important;
  margin-top: 10px;
  text-align: center;
}

.oi-btn-close {
	background-size: cover;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cg transform='translate(-421.71429-525.79074)'%3E%3Ccircle cx='432.71429' cy='536.79071' r='6' style='fill:%23fff'/%3E%3Cpath d='m432.71429 528.79074a8 8.00001 0 0 0 -8 8 8 8.00001 0 0 0 8 8 8 8.00001 0 0 0 8 -8 8 8.00001 0 0 0 -8 -8m-3.29297 4l3.29297 3.29297 3.29297-3.29297.70703.70703-3.29297 3.29297 3.29297 3.29297-.70703.70703-3.29297-3.29297-3.29297 3.29297-.70703-.70703 3.29297-3.29297-3.29297-3.29297.70703-.70703' style='fill:%23da4453'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
	opacity: 1;
	background-color: tomato !important;
	border-radius: 50%;
	background-size: 60px 60px;
}

.btn-close {
	font-size: 1.3em;
	opacity: 0.9 !important;
}

.label-top2bot, .label-top2bot-m {
  opacity: 1;
  background: transparent;
  padding-left: 4px;
  padding-right: 4px;
  transform: translate(10px, 60%);
  color: #3B0064;
  font-size: 0.8em;
  font-weight: 400;
  text-transform: uppercase;
}

.label-top2bot-m {
  background-color: transparent;
  transform: translate(5px, 12%);
}