:root {
  --icon-position: 10px;
  --iconcolor: #000000;
  --textcolor: #000000;
  --textsubcolor: #C46969;
  --maincolor: #7800c5;
  --maincolor-disabled: #bfbfbf9e;
  --subcolor: #F7E9E9;
}

.gradient-1{
  background: linear-gradient(45deg, rgba(214,130,235,1) 0%, rgba(233,166,242,1) 50%, rgba(237,199,246,1) 100%);
}
.subcolor{
  background-color: var(--subcolor);
}
.border-main-color{
  border: 2px solid #f49bff;
}

.rounded-xl{
  border-radius: 18px;
}
.shadow-inset-top{
  box-shadow: inset 0 5px 9px -7px rgba(72,14,110,0.7);
}
.mainbtn{
  background-color: var(--maincolor);
  color: #fff;
  border-radius: 10px;
  border-top: 4px solid #9032cc;
  border-left: 3px solid #9032cc;
  border-bottom: 2px solid rgb(72,14,110);
  border-right: 2px solid rgb(72,14,110);
  box-shadow: inset 4px 4px 9px -7px #9032cc;
  padding-top: 3px;
  padding-bottom: 3px;
}
.mainbtn:hover,.mainbtn:focus{
  border-top-color: rgba(72,14,110,0.5);
  border-left-color: rgba(72,14,110,0.5);
  box-shadow: inset 4px 4px 9px -7px rgba(72,14,110,0.7);
}
.subbtn{
  background-color: var(--subcolor);
  color: var(--textsubcolor);
}

.btn-default{
  background-color: #fff;
  border-color: #E8E8E8;
  color: #737373;
}
.btn-outline-white{
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.btn-outline-white:hover{
  background-color: #fff;
  color: #000;
  border-color: #fff;
  transition: all 0.5s ease;
}
.mainbtn.disabled,.mainbtn:disabled,.subbtn.disabled,.subbtn:disabled,{
  background-color: #d0d0d0;
  color: #9d9d9d;
  cursor: not-allowed;
}
/*===========PWD INPUT&NOTIF INPUT=========*/
.notification-form{
  transition: 0.3s all ease;
}
.notification-form.success .notification-msg{
  color: #039855;
}
.notification-form.error .notification-msg{
  color: #dc3545;
}
.notification-form.success input{
  border-color: #039855 !important;
  padding-left: calc( var(--icon-position) + 20px );
}
.notification-form.error input{
  background-color: var(--subcolor) !important;
  border-color: var(--maincolor) !important;
}
.notification-form.success .form-group:before{
  color: #039855;
  position: absolute;
  left: var(--icon-position);
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  font-weight: 900;
}

.icon-container{
  width: 100%;
  position: relative;
  display: flex;
}

.icon-container.left input{
  padding-left: calc( var(--icon-position) + 25px );
}
.icon-container.right input{
  padding-right: calc( var(--icon-position) + 25px );
}
.icon-container .input-icon{
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #4f4f4f;
  font-size: 20px;
}
.icon-container .input-icon.left{
  left: var(--icon-position);
}
.icon-container .input-icon.right{
  right: var(--icon-position);
}
/*.icon-container .input-icon:hover{
  color: #595959 !important;
  transition: .15s color linear;
}*/
/*======================UTILITIES======================*/
.cursor-pointer{
  cursor: pointer;
}

/*LOADER*/
.c-loader{
  position:fixed;
  top: 0;
  left:0;
  height:100%;
  width:100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}
.c-loader{
  background-color: rgba(0,0,0,0.7);
}
.c-loader.active{
	display: flex;
}

.slide-container{
  overflow-x: auto;
  flex-wrap: nowrap;
  white-space: nowrap;
  justify-content: initial;
  padding-right: 1rem;
}
.slide-container::-webkit-scrollbar,.slide-container-md::-webkit-scrollbar {
  display: none;
}