/*************************/


/*	Front			     */


/*************************/

.navbar-nav .nav-link>.far {
	display: inline-block;
	min-width: 1.75rem;
}

.navbar-nav .nav-link>.far {
	min-width: 1.75rem;
	padding-bottom: .125em;
	font-size: 1.0625rem;
	line-height: 1.40625rem;
}

.icons-front>a {
	margin: 20px;
}

.decorative-divider {
	display: block;
	position: relative;
	z-index: 0;
	height: 6rem;
	margin-left: -12px;
	margin-right: -12px;
	margin-bottom: 0px;
}

.text-shadow {
	text-shadow: 0 0 10px black;
}

@media (max-width:320px) {
	.display-2  {
		font-size: 2.20rem;
	}
	.display-3 {
		font-size: 2.00rem;
	}

	.display-4  {
		font-size: 1.80rem;
	}
}

@media (min-width: 321px) and (max-width: 360px) {
	.display-2  {
		font-size: 2.20rem;
	}
	.display-3 {
		font-size: 2.00rem;
	}

	.display-4  {
		font-size: 1.80rem;
	}
}

@media (min-width: 361px) and (max-width: 375px) {
	.display-2  {
		font-size: 2.20rem;
	}
	.display-3 {
		font-size: 2.00rem;
	}

	.display-4  {
		font-size: 1.80rem;
	}
}

.index-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 6rem;
	height: calc(100vh - 6rem);
	overflow-y: auto;
}

#small th, #small td {
	padding-bottom: 8px;
	padding-top: 8px;
}


/*************************/


/*	Backgorund Images    */


/*************************/

.random-background {
	background-image: url('../img/masks/divider-hero.svg'), url('../img/background/background-1.jpg');
	background-repeat: no-repeat, no-repeat;
	background-size: 100% 150px, cover;
	background-position: center bottom;
}


/*************************/


/*	Dividers 		     */


/*************************/

.divider-footer {
	background-image: url('../img/masks/divider-footer.svg');
	height: 100px;
}

.divider-dark-light {
	background-image: url('../img/masks/divider-dark-light.svg');
	height: 100px;
	display: block;
	background-size: 100% 100px;
}

.divider-light-dark {
	background-image: url('../img/masks/divider-light-dark.svg');
	height: 100px;
	display: block;
	background-size: 100% 100px;
}


/*************************/


/*  Select2		         */


/*************************/

.select2-container--default .select2-results>.select2-results__options {
	max-height: 200px;
	overflow: auto;
}


/*************************/


/*  Morphext	         */


/*************************/

.morphext {
	color: #62f468;
}


/*************************/


/*  Preloader            */


/*************************/

.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #2f2c3d;
}

.spinner {
	position: absolute;
	top: 50%;
	/* centers the loading animation vertically one the screen */
	left: 50%;
	/* centers the loading animation horizontally one the screen */
	width: 3.75rem;
	height: 1.25rem;
	margin: -0.625rem 0 0 -1.875rem;
	/* is width and height divided by two */
	text-align: center;
}

.spinner>div {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: #62F468;
	;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1.0);
	}
}

@keyframes sk-bouncedelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}