.LogoImg{
		width:150px;
		margin-bottom: 1.5rem;
		margin-top: 1.5rem;
	}
	.fontpopins{
		font-family: 'Poppins';
	}
	.fontHnin{
		font-weight: lighter;
	}
	.btnRed{
		background: #7863e1;
		font-family: 'Poppins', sans-serif;
		color: white;
		font-size: 30px;
		border-radius: 5px;
		border-color: transparent;
		padding: 1rem;
	}
	.btnRed:hover{
		background: #ac72d9 !important;
		color: white;
	}
	
	.btnRed:disabled{
		background: #807f7f !important;
		color: #ffffff;
	}
	
	/* Resources Selection */
	
	.resources-icon{
		max-width: 65px;
		margin: 0 auto 20px auto;
	}
	
	.resource-select-item {
		text-align: center;
		font-weight: 700;
		margin: 0 0 7px 0;
		padding: 15px 5px 12px;
		border-radius: 30px;
		cursor: pointer;
		-webkit-transition: -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
		transition: -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
		transition: transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
		transition: transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895), -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transform: scale(0.95);
		-webkit-transform: scale(0.95);
	}
	
	
	.small-margin {
		margin: 0 35px;
	}
	.resource-select-item:before {
		background: #fff;
		box-shadow: 2px 4px 20px rgb(34 90 89 / 30%);
		border-radius: 20px;
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		z-index: -1;
		top: 0;
		-webkit-transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-ms-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
	}
	
	.resource-select-item:hover {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	.resource-select-item:hover::before {
		border: 3px solid #ac6bf1;
	}
	
	.resource-item-value {
		font-size: 2.4em;
		margin: 0 0 5px 0;
		line-height: 1;
		color: #000;
	}	
	
	.resource-item-label {
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 0.9em;
		color: #4f525a;
	}
	.resource-icon{
		font-size: xx-large;
		padding: 10px;
		color: #ac6bf1;
	}
	
	.progressBar{
		border-radius: 2px;
		height: 3rem;
	}
	
	.bg-progress{
		background-color: #7863e1 !important;
	}
	.consolePanel{
		font-weight: lighter;
		display:block;
		background-color: #0a0909;
		border-radius: 4px;
		color: #ddd;
		padding: 5px; 
		height:120px;width:auto;
		overflow:hidden;
		text-align: left;
		font-family:Roboto;
	}
	.spinnerStl{
		color: #ac6bf1!important;
		width: 4rem;
		height: 4rem;
	}
	
	.swal2-styled.swal2-confirm{
	    background-color: #2876f1 !important;
	}