::-webkit-scrollbar {
	width: 9px;
}

::-webkit-scrollbar-track {
	background-color: #202124;
}

::-webkit-scrollbar-thumb {
	background-color: #555;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.w-sm-100 {
		width: 100% !important;
	}

	.w-sm-75 {
		width: 75% !important;
	}

	.w-sm-50 {
		width: 50% !important;
	}

	.w-sm-25 {
		width: 25% !important;
	}

	.h-sm-100 {
		height: 100% !important;
	}

	.h-sm-75 {
		height: 75% !important;
	}

	.h-sm-50 {
		height: 50% !important;
	}

	.h-sm-25 {
		height: 25% !important;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.w-md-100 {
		width: 100% !important;
	}

	.w-md-75 {
		width: 75% !important;
	}

	.w-md-50 {
		width: 50% !important;
	}

	.w-md-25 {
		width: 25% !important;
	}

	.h-md-100 {
		height: 100% !important;
	}

	.h-md-75 {
		height: 75% !important;
	}

	.h-md-50 {
		height: 50% !important;
	}

	.h-md-25 {
		height: 25% !important;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.w-lg-100 {
		width: 100% !important;
	}

	.w-lg-75 {
		width: 75% !important;
	}

	.w-lg-50 {
		width: 50% !important;
	}

	.w-lg-25 {
		width: 25% !important;
	}

	.h-lg-100 {
		height: 100% !important;
	}

	.h-lg-75 {
		height: 75% !important;
	}

	.h-lg-50 {
		height: 50% !important;
	}

	.h-lg-25 {
		height: 25% !important;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.w-xl-100 {
		width: 100% !important;
	}

	.w-xl-75 {
		width: 75% !important;
	}

	.w-xl-50 {
		width: 50% !important;
	}

	.w-xl-25 {
		width: 25% !important;
	}

	.h-xl-100 {
		height: 100% !important;
	}

	.h-xl-75 {
		height: 75% !important;
	}

	.h-xl-50 {
		height: 50% !important;
	}

	.h-xl-25 {
		height: 25% !important;
	}
}

/*------------------------------------*/

body {
	background-color: #202124;
	color: #e8eaed;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-family: 'Be Vietnam Pro';
}

a {
	text-decoration: none;
	color: #e8eaed;
}

.hide {
	display: none !important;
}

.w-32 {
	width: 32px;
}

.h-32 {
	height: 32px;
}

.fs-1rem {
	font-size: 1rem;
}

.fs-2rem {
	font-size: 2rem;
}

.fs-3rem {
	font-size: 3rem;
}

.modal-dialog{
	color: #202124;
}

/* [ __loading ] */

#__loading {
	position: fixed;
	display: flex;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 99999;
	justify-content: center;
	align-items: center;
}

#__loading .lds-ripple {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

#__loading .lds-ripple div {
	position: absolute;
	border: 4px solid orangered;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#__loading .lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	4.9% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	5% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

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

.mobile-flex,
.mobile-block,
.mobile-inline-block {
	display: none;
}

.body-mobile .mobile-hide {
	display: none !important;
}

.body-mobile .mobile-flex {
	display: flex !important;
}

.body-mobile .mobile-block {
	display: block !important;
}

.body-mobile .mobile-inline-block {
	display: inline-block !important;
}