:root {
	--text-general: #805080;
	--text-second: #240046;
	--general: #5A1880;
	--second: #804EBA;
}



/*FONT FAMILY End*/

/*PAGINATION*/
.mila-pagination .page-link {
  color: var(--general);
  font-weight: 600;
  font-size: 10px;
}
.mila-pagination .active>.page-link, 
.mila-pagination .page-link.active {
  color: white;
  background-color: var(--general);
  border-color: var(--general);
}

/*PAGINATION End*/

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
}

.form-control:focus {
  box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 0%);
  border-color: #601d9b;
}

/*BUTTON*/
.btn-general {
	font-size: 13px;
	background-color: var(--general);
	color: white;
	padding: 3px 15px;
	border-radius: 15px;
}
.btn-general:hover {
	background-color: var(--second);
	color: white;
	border-color: var(--second);
}
.btn-general:active {
	background-color: var(--general);
	border-color: var(--general);
}
.btn-general:focus {
	background-color: var(--second);
	color: white;
	border-color: var(--second);
}
.btn-mila {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--second);
    --bs-btn-border-color: var(--second);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--general);
    --bs-btn-hover-border-color: var(--general);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a334e3;
    --bs-btn-active-border-color: #a334e3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;	
}
.btn-mila-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--general);
    --bs-btn-border-color: var(--general);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--second);
    --bs-btn-hover-border-color: var(--second);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a334e3;
    --bs-btn-active-border-color: #a334e3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;	
}
.btn-gradient {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--second);
    --bs-btn-border-color: var(--second);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--general);
    --bs-btn-hover-border-color: var(--general);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a334e3;
    --bs-btn-active-border-color: #a334e3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}
.btn-white {
    --bs-btn-color: #b274d2;
    --bs-btn-bg: white;
    --bs-btn-border-color: white;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--general);
    --bs-btn-hover-border-color: var(--general);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a334e3;
    --bs-btn-active-border-color: #a334e3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}
.btn-outline-white {
    --bs-btn-color: white;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: white;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--general);
    --bs-btn-hover-border-color: var(--general);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a334e3;
    --bs-btn-active-border-color: #a334e3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}
.btn-outline-mila {
    --bs-btn-color: var(--text-second);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--text-second);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--general);
    --bs-btn-hover-border-color: var(--general);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a334e3;
    --bs-btn-active-border-color: #a334e3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}
.bg-proccess {
  background-color: #e9ecef !important;
}
/*BUTTON END*/

/*COLOR*/
.general {
	color: var(--general);
}
.second {
	color: var(--second);
}
.text-general {
	color: var(--text-general);
}
.text-second {
	color: var(--text-second);
}
.orange {
	color: #FFA06C;
}
.white {
	color: white;
}


.bg-general {
	background-color: var(--general);
}
.bg-second {
	background-color: var(--second);
}
/*COLOR END*/

/*OUTLINE*/
.outline-general {
	border-color: var(--general) !important;
}
.outline-second {
	border-color: var(--second) !important;
}.
/*OUTLINE END*/

/*FONT*/
.font-8 {font-size: 8px;}
.font-9 {font-size: 9px;}
.font-10 {font-size: 10px;}
.font-11 {font-size: 11px;}
.font-12 {font-size: 12px;}
.font-13 {font-size: 13px;}
.font-14 {font-size: 14px;}
.font-15 {font-size: 15px;}
.font-16 {font-size: 16px;}
.font-17 {font-size: 17px;}
.font-18 {font-size: 18px;}
.font-19 {font-size: 19px;}
.font-20 {font-size: 20px;}
.font-21 {font-size: 21px;}
.font-22 {font-size: 22px;}
.font-23 {font-size: 23px;}
.font-24 {font-size: 24px;}
.font-25 {font-size: 25px;}
.font-2r {font-size: 2.5rem;}
/*FONT END*/

/* FONT WEIGHT */
.fw-600 {
  font-weight: 600;
}
/* FONT WEIGHT End */

/*TEXT LIMIT*/
.limit {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
.one-line {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.two-line {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.three-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.four-line {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.five-line {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*TEXT LIMIT End*/