/* ------------------------------------------------------------------------- */
/*  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-silver {
	color: silver;
}

.text-ungu {
	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: -.25rem !important
}

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

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

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

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

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

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

.ml-n2 {
	margin-left: -.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;
}

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

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

.hidden {
	display: none;
}

.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;
}

.thead {
	border-top: black solid 1px;
	background: rgb(235, 235, 235);
	letter-spacing: 0.5px;
}

/* RANGGA */
.cursor-pointer {
	cursor: pointer;
}
/* RANGGA */