/* ------------------------------------------------------------------------- */
/*  Get Default 
/* ------------------------------------------------------------------------- */
a {
	text-decoration: none !important;
	color: rgb(31, 31, 31);
}

/* ------------------------------------------------------------------------- */
/*  Text 
/* ------------------------------------------------------------------------- */
.text-biru {
	color: #009fe2;
}

.text-cyan {
	color: cyan;
}

.text-second {
	color: #006579;
}

.text-green {
	color: rgb(0, 146, 0);
}

.text-brown {
	color: brown;
}

.text-yellow {
	color: yellow;
}

.text-gold {
	color: gold;
}

.text-orange {
	color: orange;
}

.text-silver {
	color: silver;
}

.text-ungu,
.text-ungu:hover {
	color: #730195;
}

.text-ungu-muda {
	color: #c300ff;
}

.text-pink {
	color: #f00c93;
}

.text-gradient-ungu {
	color: linear-gradient(90deg,
			rgba(250, 16, 146, 1) 0%,
			rgba(116, 0, 170, 1) 100%);
}

.text-12 {
	font-size: 12px;
}

.text-13 {
	font-size: 13px;
}

.text-14 {
	font-size: 14px;
}

.text-15 {
	font-size: 15px;
}

.text-17 {
	font-size: 17px;
}

.text-18 {
	font-size: 18px;
}

.text-20 {
	font-size: 20px;
}

.bold {
	font-weight: 500;
}

.bold-600 {
	font-weight: 600;
}

.ls-1 {
	letter-spacing: 0.5px;
}

.ls-2 {
	letter-spacing: 1px;
}

.ls-3 {
	letter-spacing: 1.5px;
}

.ls-4 {
	letter-spacing: 2px;
}

.font-saira {
	font-family: "Saira";
}

/* ------------------------------------------------------------------------- */
/*  Border 
/* ------------------------------------------------------------------------- */

.border-biru {
	border: solid #009fe2 1px;
}

.border-silver {
	border: solid silver 1px;
}

.rounded-10 {
	border-radius: 10px;
}

.border-ungu {
	border-color: #730195 !important;
}

.border-updgrade {
	border: #730195 solid 3px;
	border-radius: 10px;
}

/* ------------------------------------------------------------------------- */
/*  Background 
/* ------------------------------------------------------------------------- */

.bg-biru {
	background-color: #009fe2;
}

.bg-silver {
	background-color: #dddddd;
}

.bg-green {
	background-color: green;
}

.bg-orange {
	background-color: rgb(255, 136, 0);
}

.bg-brown {
	background-color: brown;
}

.bg-ungu {
	background-color: #730195;
}

.bg-ungu-muda {
	background-color: #c300ff;
}

.bg-gradient-ungu {
	background: rgb(115, 1, 149);
	background: -moz-linear-gradient(90deg,
			rgba(115, 1, 149, 1) 35%,
			rgba(178, 32, 207, 1) 70%);
	background: -webkit-linear-gradient(90deg,
			rgba(115, 1, 149, 1) 35%,
			rgba(178, 32, 207, 1) 70%);
	background: linear-gradient(90deg,
			rgba(115, 1, 149, 1) 35%,
			rgba(178, 32, 207, 1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#730195", endColorstr="#b220cf", GradientType=1);
}

.bg-gradient-pink {
	background: rgb(255, 51, 153);
	background: -moz-linear-gradient(90deg,
			rgba(255, 51, 153, 1) 0%,
			rgba(153, 0, 153, 1) 61%);
	background: -webkit-linear-gradient(90deg,
			rgba(255, 51, 153, 1) 0%,
			rgba(153, 0, 153, 1) 61%);
	background: linear-gradient(90deg,
			rgba(255, 51, 153, 1) 0%,
			rgba(153, 0, 153, 1) 61%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff3399", endColorstr="#990099", GradientType=1);
}

.bg-gradient-silver {
	background: rgb(204, 204, 204);
	background: -moz-linear-gradient(0deg,
			rgba(204, 204, 204, 1) 10%,
			rgba(255, 255, 255, 1) 60%);

	background: -webkit-linear-gradient(0deg,
			rgba(204, 204, 204, 1) 10%,
			rgba(255, 255, 255, 1) 60%);

	background: linear-gradient(0deg,
			rgba(204, 204, 204, 1) 10%,
			rgba(255, 255, 255, 1) 60%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#ffffff", GradientType=1);
}

.bg-cooper {
	line-height: 1.8;

	background: rgb(161, 91, 35);
	background: -moz-linear-gradient(160deg,
			rgba(161, 91, 35, 1) 35%,
			rgba(237, 174, 117, 1) 100%);
	background: -webkit-linear-gradient(160deg,
			rgba(161, 91, 35, 1) 35%,
			rgba(237, 174, 117, 1) 100%);
	background: linear-gradient(160deg,
			rgba(161, 91, 35, 1) 35%,
			rgba(237, 174, 117, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a15b23", endColorstr="#edae75", GradientType=1);
}

.bg-silver2 {
	line-height: 1.8;

	background: rgb(198, 198, 198);
	background: -moz-linear-gradient(160deg,
			rgba(198, 198, 198, 1) 28%,
			rgba(252, 252, 252, 1) 60%);
	background: -webkit-linear-gradient(160deg,
			rgba(198, 198, 198, 1) 28%,
			rgba(252, 252, 252, 1) 60%);
	background: linear-gradient(160deg,
			rgba(198, 198, 198, 1) 28%,
			rgba(252, 252, 252, 1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6c6c6", endColorstr="#f0f0f0", GradientType=1);
}

.bg-gold {
	line-height: 1.8;

	background: rgb(181, 133, 22);
	background: -moz-linear-gradient(160deg,
			rgba(181, 133, 22, 1) 28%,
			rgba(251, 235, 40, 1) 100%);
	background: -webkit-linear-gradient(160deg,
			rgba(181, 133, 22, 1) 28%,
			rgba(251, 235, 40, 1) 100%);
	background: linear-gradient(160deg,
			rgba(181, 133, 22, 1) 28%,
			rgba(251, 235, 40, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b58516", endColorstr="#fbeb28", GradientType=1);
}

.bg-platinum {
	line-height: 1.8;

	background: rgb(179, 178, 178);
	background: -moz-linear-gradient(160deg,
			rgba(179, 178, 178, 1) 28%,
			rgba(235, 235, 235, 1) 100%);
	background: -webkit-linear-gradient(160deg,
			rgba(179, 178, 178, 1) 28%,
			rgba(235, 235, 235, 1) 100%);
	background: linear-gradient(160deg,
			rgba(179, 178, 178, 1) 28%,
			rgba(235, 235, 235, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b2b2", endColorstr="#ebebeb", GradientType=1);
}

.bg-gradient-gold {
	background: rgb(181, 133, 22);
	background: -moz-linear-gradient(160deg,
			rgba(181, 133, 22, 1) 28%,
			rgba(251, 235, 40, 1) 100%);
	background: -webkit-linear-gradient(160deg,
			rgba(181, 133, 22, 1) 28%,
			rgba(251, 235, 40, 1) 100%);
	background: linear-gradient(160deg,
			rgba(181, 133, 22, 1) 28%,
			rgba(251, 235, 40, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b58516", endColorstr="#fbeb28", GradientType=1);
}

/* ------------------------------------------------------------------------- */
/*  Button 
/* ------------------------------------------------------------------------- */

.btn-biru {
	color: white;
	background-color: #009fe2;
	border: none !important;
}

.btn-brown {
	color: white;
	background-color: brown;
	border: none !important;
}

.btn-silver {
	color: white;
	background-color: rgb(158, 158, 158);
	border: none !important;
}

/* ------------------------------------------------------------------------- */
/*  Margin Negative 
/* ------------------------------------------------------------------------- */

.mt-n1 {
	margin-top: -0.25rem !important;
}

.mr-n1 {
	margin-right: -0.25rem !important;
}

.mb-n1 {
	margin-bottom: -0.25rem !important;
}

.ml-n1 {
	margin-left: -0.25rem !important;
}

.mt-n2 {
	margin-top: -0.5rem !important;
}

.mr-n2 {
	margin-right: -0.5rem !important;
}

.mb-n2 {
	margin-bottom: -0.5rem !important;
}

.ml-n2 {
	margin-left: -0.5rem !important;
}

.mt-n3 {
	margin-top: -1rem !important;
}

.mr-n3 {
	margin-right: -1rem !important;
}

.mb-n3 {
	margin-bottom: -1rem !important;
}

.ml-n3 {
	margin-left: -1rem !important;
}

.mt-n4 {
	margin-top: -1.5rem !important;
}

.mr-n4 {
	margin-right: -1.5rem !important;
}

.mb-n4 {
	margin-bottom: -1.5rem !important;
}

.ml-n4 {
	margin-left: -1.5rem !important;
}

.mt-n5 {
	margin-top: -3rem !important;
}

.mr-n5 {
	margin-right: -3rem !important;
}

.mb-n5 {
	margin-bottom: -3rem !important;
}

.ml-n5 {
	margin-left: -3rem !important;
}

/* ------------------------------------------------------------------------- */
/*  Utillity 
/* ------------------------------------------------------------------------- */

.oval {
	border-radius: 50px;
}

.my-truncate {
	overflow: hidden;
	text-overflow: ellipsis;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.truncate-3 {
	overflow: hidden;
	text-overflow: ellipsis;

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.truncate-4 {
	overflow: hidden;
	text-overflow: ellipsis;

	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.truncate-5 {
	overflow: hidden;
	text-overflow: ellipsis;

	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.box-shadow {
	box-shadow: 0px 4px 7px 0px rgb(221, 221, 221);
}

.navbar-toggler {
	box-shadow: unset !important;
}

.hidden {
	display: none !important;
}

.display-flex {
	display: flex;
}

.my-pill {
	color: white !important;
	font-weight: 400 !important;
	font-size: 12px;
	padding: 1px 5px;
	border-radius: 5px;
	margin-left: 5px;
}

.middle {
	vertical-align: middle;
}

.hover-ungu:hover {
	background-color: #c300ff !important;
	color: white !important;
}

/* ARDI */
.fw-500 {
	font-weight: bold !important;
}

.lh-2 {
	line-height: 1.2;
}

.flex-0 {
	flex: 0 !important;
}

.flex-1 {
	flex: 1 !important;
}

.flex-110 {
	flex: 1 1 0;
}

.flex-111 {
	flex: 1 1 1px;
}

.flex-membesar {
	flex: 1;
	min-height: 0;
	min-width: 0;
}

textarea {
	resize: none;
}

.cursor-pointer {
	cursor: pointer !important;
}

.truncate-table {
	display: table;
	width: 100%;
}

.truncate-table:before {
	display: table-column;
	width: 100%;
	content: "";
}

.truncate-cell {
	display: table-cell;
	max-width: 1px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.text-shadow {
	text-shadow: 5px 5px 8px rgba(0, 0, 0, 0.8);
}

.object-fit-cover {
	object-fit: cover;
}

/* ARDI */

/* RANGGA */
.btn-ungu {
	color: white;
	background-color: #730195;
	border: none !important;
	transition: background-color 0.3s;
}

.btn-ungu:hover {
	color: white !important;
	background-color: #9d1ac5;
}

.btn-grey {
	color: rgb(33, 33, 33);
	background-color: #ededed;
	border: none !important;
	transition: background-color 0.3s;
}

.btn-grey:hover {
	color: rgb(33, 33, 33) !important;
	background-color: #dbdbdb;
}

.btn-ungu-disabled {
	background-color: #72019522;
	color: white;
}

.btn-biru-disabled {
	background-color: #0e5cf83d;
	color: white;
}

/* RANGGA */