/**
* Additional styles for the template
**/
:root{
	--bs-purple:#4d34a0;
	--sim-purple:#a167f8;
	--sim-text:#6c0049;
	--sim-yellow:#ffd700;
}
body {
	background-color: #000000;
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
/*	font-weight: 300;*/
}
.highlighted {
	background-color: var(--bs-purple);
	color: white;
	border-radius: 5rem;
}
.text-bg-primary {
	background-color: var(--bs-purple) !important;
}
.text-primary {
	color: var(--bs-purple) !important;
}
.text-yellow {
	color: var(--sim-yellow);
}
.rounded-box {
	border-radius: 30px;
}
.btn {
	--bs-btn-border-radius: 4rem;
	--bs-btn-font-weight: 700;
	--bs-btn-font-size: 1.2rem;
}
.btn-info {
    --bs-btn-color: var(--bs-purple);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-purple);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: var(--bs-purple);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: var(--bs-purple);
    --bs-btn-disabled-border-color: transparent;
    
}

.breadcrumb {
	--bs-breadcrumb-item-active-color: #aeb9c3;
}

#capsule {
	min-height: 400px;
}
.img-whitepaper {
	width: 100%;
	max-width: 600px;
}

.modal {
	background-color: var(--bs-purple);
	--bs-modal-width: 600px;
	--bs-modal-header-padding-x: 1.5rem;
    --bs-modal-header-padding-y: 1.5rem;
    --bs-modal-header-padding: 1.5rem 1.5rem;
	--bs-modal-border-radius: 2rem;
	--bs-modal-bg: #f1ecff;
	--bs-border-color: #ffffff;
	--bs-modal-header-border-width: 3px;
	--bs-modal-footer-border-width: 3px;
	--bs-modal-footer-gap: 3rem;
}
.modal-footer{
	justify-content: flex-start;
}
.avatar {
	max-width: 150px;
}
.rotate {
	display: inline-block;
	animation: rotation 2s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.b-vr {
    flex-shrink: 0;
    width: 0.5rem;
    height: 100vh;
}
.dashboard-container > div{
	height:100vh;
	overflow:auto;
}
.dashboard-container .btn {
	border-radius: 0px !important;
	border: solid 5px;
}
.cpanel {
	position: absolute;
	width: 100%;
	height: 50px;
	margin-top: 30px;
	z-index: 100;
  	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
.controls {
	height: 50px;
	background-color: rgba(255, 255, 255, 0.95);
	vertical-align:middle;
  	display: table-cell;
  	padding-left: 10px;
  	padding-right: 10px;
  	font-size: 13px;
  	cursor: pointer;
  	text-align: center;
  	border-right: solid 1px #eee;
}
.cpanel .controls:first-child{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.cpanel .controls:last-child{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-right: solid 1px transparent;
}
.controls.round{
	border-radius: 50% !important;
	width: 50px;
	overflow: hidden;
}

.newpoints {
	animation: up 3s infinite ease-in-out;
	margin: auto;
    text-align: center;
    z-index: 1000;
    margin-top: 100px;
    font-size: 5rem;
    color: #35ff61;
    text-shadow: 1px 4px 5px #000000;
    font-weight: bolder;
}
.alert-container{
	height: 100vh;
    align-items: center !important;
    display: inline-grid;
}

@keyframes up {
  0% {
  opacity: 0;
  }
  10%, 90% {
  opacity: 1;
  }
  100% {
  opacity: 0;
  transform: translateY(-1024px);
  }
}