/* -- BASE ------------------------------------------------------------------ */

.d-flex {
	display: flex;
}
.gap-0 {
	gap: 0!important
}

.gap-1 {
	gap: .25rem!important
}

.gap-2 {
	gap: .5rem!important
}

.gap-3 {
	gap: 1rem!important
}

.gap-4 {
	gap: 1.5rem!important
}

.gap-5 {
	gap: 3rem!important
}

.row-gap-0 {
	row-gap: 0!important
}

.row-gap-1 {
	row-gap: .25rem!important
}

.row-gap-2 {
	row-gap: .5rem!important
}

.row-gap-3 {
	row-gap: 1rem!important
}

.row-gap-4 {
	row-gap: 1.5rem!important
}

.row-gap-5 {
	row-gap: 3rem!important
}

.column-gap-0 {
	-moz-column-gap: 0!important;
	column-gap: 0!important
}

.column-gap-1 {
	-moz-column-gap: 0.25rem!important;
	column-gap: .25rem!important
}

.column-gap-2 {
	-moz-column-gap: 0.5rem!important;
	column-gap: .5rem!important
}

.column-gap-3 {
	-moz-column-gap: 1rem!important;
	column-gap: 1rem!important
}

.column-gap-4 {
	-moz-column-gap: 1.5rem!important;
	column-gap: 1.5rem!important
}

.column-gap-5 {
	-moz-column-gap: 3rem!important;
	column-gap: 3rem!important
}

/* -- TEXT ------------------------------------------------------------------ */

.text-primary {
	color: var(--cl-primary) !important;
}
.text-white {
	color: white !important;
}


/* -- BUTTONS --------------------------------------------------------------- */

.buttons-flex {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.btn {
	padding: 13px 20px;
	font-size: 18px;
	
	border-radius: 0;
	
	white-space: normal;
}
.btn.btn-sm {
	padding: 8px 15px;
}
.btn.active {
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.btn-blue {
	color: white;
	background-color: #0066b3;
}
	.btn.btn-blue-outline {
		color: #0066b3;
		background-color: transparent;
		border-color: #0066b3;
	}
	.btn.btn-blue-outline.active,
	.btn.btn-blue-outline:hover {
		color: #ff6600;
		border-color: #ff6600;
		outline: none;
	}

.btn.btn-orange,
.btn.btn-orange:hover {
	color: white;
	background-color: #ff6600;
}
.btn.btn-link.btn-orange {
	color: #ff6600;
	background-color: transparent;
}
	.btn.btn-link.btn-orange:hover {
		text-decoration: none;
	}
	.btn.btn-link.btn-orange:focus {
		outline: none;
	}
.btn.btn-orange-outline {
	color: #ff6600;
	background-color: transparent;
	border-color: #ff6600;
}

.btn-white {
	background-color: white;
	color: var(--cl-primary);
}

.btn.btn-white-outline {
	color: white;
	background-color: transparent;
	border-color: white;
}
	.btn.btn-white-outline:hover {
		color: #0066b3;
		background-color: white;
	}

.section-default a.btn.btn-default,
a.btn.btn-default {
	color: #333;
}

/* -- LABELS ---------------------------------------------------------------- */

.label-secondary {
	background-color: var(--cl-secondary);
}

.label.label-lg {
	font-size: 1em;
}

.label.label-md {
	font-size: .9em;
}

.label.label-xl {
	font-size: 1.1em;
}

.label.label-xl {
	font-size: 1.2em;
}

/* -- BADGES ---------------------------------------------------------------- */

.badge.badge-success {
	background-color: #00db12;
}

/* -- COLUMNS --------------------------------------------------------------- */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}



	.col-xs-5ths3,
	.col-sm-5ths3,
	.col-md-5ths3,
	.col-lg-5ths3 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.col-xs-5ths3 {
		width: 60%;
		float: left;
	}
	
	@media (min-width: 768px) {
		.col-sm-5ths3 {
			width: 60%;
			float: left;
		}
	}
	
	@media (min-width: 992px) {
		.col-md-5ths3 {
			width: 60%;
			float: left;
		}
	}
	
	@media (min-width: 1200px) {
		.col-lg-5ths3 {
			width: 60%;
			float: left;
		}
	}

	.m-0 {
		margin: 0 !important;
	}
	
	.m-1 {
		margin: 0.25rem !important;
	}
	
	.m-2 {
		margin: 0.5rem !important;
	}
	
	.m-3 {
		margin: 1rem !important;
	}
	
	.m-4 {
		margin: 1.5rem !important;
	}
	
	.m-5 {
		margin: 3rem !important;
	}
	
	.m-auto {
		margin: auto !important;
	}
	
	.mx-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	
	.mx-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}
	
	.mx-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}
	
	.mx-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}
	
	.mx-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}
	
	.mx-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}
	
	.mx-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}
	
	.my-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.my-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}
	
	.my-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
	
	.my-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	
	.my-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
	
	.my-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
	
	.my-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
	
	.mt-0 {
		margin-top: 0 !important;
	}
	
	.mt-1 {
		margin-top: 0.25rem !important;
	}
	
	.mt-2 {
		margin-top: 0.5rem !important;
	}
	
	.mt-3 {
		margin-top: 1rem !important;
	}
	
	.mt-4 {
		margin-top: 1.5rem !important;
	}
	
	.mt-5 {
		margin-top: 3rem !important;
	}
	
	.mt-auto {
		margin-top: auto !important;
	}
	
	.me-0 {
		margin-right: 0 !important;
	}
	
	.me-1 {
		margin-right: 0.25rem !important;
	}
	
	.me-2 {
		margin-right: 0.5rem !important;
	}
	
	.me-3 {
		margin-right: 1rem !important;
	}
	
	.me-4 {
		margin-right: 1.5rem !important;
	}
	
	.me-5 {
		margin-right: 3rem !important;
	}
	
	.me-auto {
		margin-right: auto !important;
	}
	
	.mb-0 {
		margin-bottom: 0 !important;
	}
	
	.mb-1 {
		margin-bottom: 0.25rem !important;
	}
	
	.mb-2 {
		margin-bottom: 0.5rem !important;
	}
	
	.mb-3 {
		margin-bottom: 1rem !important;
	}
	
	.mb-4 {
		margin-bottom: 1.5rem !important;
	}
	
	.mb-5 {
		margin-bottom: 3rem !important;
	}
	
	.mb-auto {
		margin-bottom: auto !important;
	}
	
	.ms-0 {
		margin-left: 0 !important;
	}
	
	.ms-1 {
		margin-left: 0.25rem !important;
	}
	
	.ms-2 {
		margin-left: 0.5rem !important;
	}
	
	.ms-3 {
		margin-left: 1rem !important;
	}
	
	.ms-4 {
		margin-left: 1.5rem !important;
	}
	
	.ms-5 {
		margin-left: 3rem !important;
	}
	
	.ms-auto {
		margin-left: auto !important;
	}
	
	.p-0 {
		padding: 0 !important;
	}
	
	.p-1 {
		padding: 0.25rem !important;
	}
	
	.p-2 {
		padding: 0.5rem !important;
	}
	
	.p-3 {
		padding: 1rem !important;
	}
	
	.p-4 {
		padding: 1.5rem !important;
	}
	
	.p-5 {
		padding: 3rem !important;
	}
	
	.px-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	
	.px-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}
	
	.px-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}
	
	.px-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
	
	.px-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
	
	.px-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}
	
	.py-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.py-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}
	
	.py-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	
	.py-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	
	.py-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	
	.py-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
	
	.pt-0 {
		padding-top: 0 !important;
	}
	
	.pt-1 {
		padding-top: 0.25rem !important;
	}
	
	.pt-2 {
		padding-top: 0.5rem !important;
	}
	
	.pt-3 {
		padding-top: 1rem !important;
	}
	
	.pt-4 {
		padding-top: 1.5rem !important;
	}
	
	.pt-5 {
		padding-top: 3rem !important;
	}
	
	.pe-0 {
		padding-right: 0 !important;
	}
	
	.pe-1 {
		padding-right: 0.25rem !important;
	}
	
	.pe-2 {
		padding-right: 0.5rem !important;
	}
	
	.pe-3 {
		padding-right: 1rem !important;
	}
	
	.pe-4 {
		padding-right: 1.5rem !important;
	}
	
	.pe-5 {
		padding-right: 3rem !important;
	}
	
	.pb-0 {
		padding-bottom: 0 !important;
	}
	
	.pb-1 {
		padding-bottom: 0.25rem !important;
	}
	
	.pb-2 {
		padding-bottom: 0.5rem !important;
	}
	
	.pb-3 {
		padding-bottom: 1rem !important;
	}
	
	.pb-4 {
		padding-bottom: 1.5rem !important;
	}
	
	.pb-5 {
		padding-bottom: 3rem !important;
	}
	
	.ps-0 {
		padding-left: 0 !important;
	}
	
	.ps-1 {
		padding-left: 0.25rem !important;
	}
	
	.ps-2 {
		padding-left: 0.5rem !important;
	}
	
	.ps-3 {
		padding-left: 1rem !important;
	}
	
	.ps-4 {
		padding-left: 1.5rem !important;
	}
	
	.ps-5 {
		padding-left: 3rem !important;
	}
	@media (min-width: 992px) {
		.mb-md-0 {
			margin-bottom: 0!important;
		}
	}


/* -- FORMS ----------------------------------------------------------------- */

.form-control {
	border: 1px solid #ccc;
	border-radius: 0;
	
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


/* -- PANEL ----------------------------------------------------------------- */

.panel.panel-clear {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.panel-body.panel-body-gapless {
	padding: 0;
}



/* -- NAVBAR BREAKPOINT ----------------------------------------------------- */

@media (max-width: 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,
	.navbar-right {
		float: none /*!important*/;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-collapse.collapsing {
		visibility: hidden;
	}
	.navbar-nav {
		float: none /*!important*/;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
}



/* -- ALERTS ---------------------------------------------------------------- */

body > .alert {
	margin-top: 55px !important;
	left: 50%;
	max-width: 90vw;
	max-width: 600px;
	transform: translateX(-50%);
	right: auto !important;
	box-shadow: 0 0 20px #0000002e;
	border-color: hsl(121deg 25% 55%);
	min-width: 300px;
}
	body.admin > .alert,
	body.area-member > .alert,
	body.area-promotion > .alert,
	body.entertain-admin > .alert {
		margin-top: 80px !important;
	}
	body > .alert-danger {
		border-color: #dca7a7;
	}
	body > .alert-warning {
		border-color: #f5e79e;
	}
	body > .alert-warning {
		border-color: #9acfea;
	}

/* -- MODAL ----------------------------------------------------------------- */
.modal-content h2{
	margin: 30px auto;
	text-align: center;
}
.modal-content{
	padding: 30px;
}
.modal-dialog a.btn-primary{
	color: white;
}
@media (min-width: 768px){
	.modal-dialog{
		margin-top: 150px;
	}
}


/* -- COLORS ----------------------------------------------------------------- */
.text-white {
	color: white;
}
.text-black {
	color: black;
}
.text-green {
	color: green;
}


/* -- Vertical alignment ----------------------------------------------------- */
.align-baseline {
	vertical-align: baseline;
}
.align-top {
	vertical-align: top;
}
.align-middle {
	vertical-align: middle;
}
.align-bottom {
	vertical-align: bottom;
}
.align-text-top {
	vertical-align: text-top;
}
.align-text-bottom {
	vertical-align: text-bottom;
}