@font-face {
    font-family: "poppins-no";
    src: url("fonts/Poppins-Regular.ttf");
}

@font-face {
    font-family: "poppins-bold";
    src: url("fonts/Poppins-Bold.ttf");
}
@font-face {
    font-family: "poppins-light";
    src: url("fonts/Poppins-Thin.ttf");
}

@font-face {
    font-family: "poppins-medium";
    src: url("fonts/Poppins-Medium.ttf");
}

body::-webkit-scrollbar {
  display: none;
}

*{
  	scrollbar-width: none;
  -webkit-tap-highlight-color: transparent;
	outline: none;
}


.bold
{
	font-family: "poppins-bold";
	font-size: 34px;
	line-height: 41px;
}

.bolder
{
	font-family: "poppins-bold";
	
}

.light
{
	font-family: "poppins-light";
}

.w3-margin
{
	margin:5px !important;
}

.semibold
{
	font-family: "poppins-medium";
}

--not-defined {
	from { visibility: hidden }
}

.pointer
{
	cursor: pointer;
}

.popfont
{
	font-family: "poppins-no";
}


body
{
	font-family: "poppins-no";
	background: #11150F;
	color:white;
}

a
{
	text-decoration: none;
	&:hover
	{
		color:#23c162;
	}
}

#bmenubar
{
	background: #222223;
	padding:20px;
	position: fixed;
	bottom: 0px;
	width: 100%;
	color:grey;

}

.active
{
	& sl-icon
	{
		color:#23c162;
	}

	color:white;
}

.menucard
{
	cursor: pointer;
	width: 150px;
	max-width:150px;
	background:transparent;

	&:hover
	{
		& sl-icon
		{
			color:#23c162;
		}

		color:white;
		
	}

	&:focus
	{
		background:transparent;
	}
}

.upper
{
	text-transform: uppercase;
}

.greybg
{
	background: #222223;
}

.lightgreybg
{
	background: #393737;
}

sl-button
{
	-webkit-tap-highlight-color: transparent;
	outline: none;
	
}

.spinner
{
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top: 4px solid green;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-left:auto;
    margin-right:auto;
    animation: spin 1s linear infinite; /* Rotate animation */
}

widget-alert
{
	font-family: "poppins-bold";
}

@keyframes spin
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media only screen and (max-width:650px)
{
	sl-button
	{
		width: 100%;
	}
}