@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*html, body {
	background-color: #121415;
}*/

ol.breadcrumb a {
	color: #36c2a3;
  text-underline-offset: 0.25em !important;
}

ol.breadcrumb a:hover {
	color: #3fdab8 !important;
}

ol.breadcrumb a:active {
	color: #36c2a3 !important;
}

.w-100px {
	width: 100px;
}

.w-150px {
	width: 150px;
}

.w-200px {
	width: 200px;
}

.w-250px {
	width: 250px;
}

.w-300px {
	width: 300px;
}

.btn-link {
	color: #36c2a3 !important;
	text-underline-offset: 0.25em !important;
}

.btn-link:hover {
	color: #3fdab8 !important;
}

.btn-link:active {
	color: #36c2a3 !important;
}

.btn {
	font-family: 'Poppins', sans-serif;
/*	border-radius: 2px;*/
}

#glcanvas {
	max-width: 100%;
	z-index: -1;
	pointer-events: none;
	position: fixed;
	background: transparent;
}

#globeViz {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.square-100 {
	height: 100px !important;
	width: 100px !important;
	display: block !important;
}

.square-140 {
	height: 140px !important;
	width: 140px !important;
	display: block !important;
}

.square-200 {
	height: 200px !important;
	width: 200px !important;
	display: block !important;
}

.h-38 {
	height: 38px;
}

.space-mono {
  font-family: "Space Mono", monospace;
}

.poppins {
  font-family: "Poppins", sans-serif;
}

.font-size-14 {
	font-size: 14px;
}

.bg-pink {
	background-color: #ff00fe;
}

.text-primary {
	color: #ff00fe;
}

.border-pink {
	border-color: #ff00fe !important;
}

.bg-blurple {
	background-color: #5865F2;
}

.text-blurple {
	color: #5865F2;
}

.tox-statusbar__right-container {
    display: none !important;
}

.bg-rafa {
	background-color: #36c2a3;
}

.text-rafa {
	color: #36c2a3;
}

.text-rafa-subtle {
	color: #36c2a3;
}

.btn-rafa {
	--bs-btn-color: #fff;
	--bs-btn-bg: #36c2a3;
	--bs-btn-border-color: #36c2a3;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #3fdab8;
	--bs-btn-hover-border-color: #3fdab8;
	--bs-btn-focus-shadow-rgb: 255, 0, 254;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #2dac8f;
	--bs-btn-active-border-color: #2dac8f;
	--bs-btn-disabled-bg: #36c2a3;
	--bs-btn-disabled-border-color: #36c2a3;
}

.btn-outline-rafa {
	--bs-btn-color: #36c2a3;
	--bs-btn-border-color: #36c2a3;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #36c2a3;
	--bs-btn-hover-border-color: #36c2a3;
	--bs-btn-focus-shadow-rgb: 255, 0, 254;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #2dac8f;
	--bs-btn-active-border-color: #2dac8f;
	--bs-btn-disabled-color: #36c2a3;
	--bs-btn-disabled-border-color: #36c2a3;
}

.btn-blurple {
	--bs-btn-color: #fff;
	--bs-btn-bg: #5865F2;
	--bs-btn-border-color: #5865F2;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #4752c4;
	--bs-btn-hover-border-color: #4752c4;
	--bs-btn-focus-shadow-rgb: 88, 101, 242;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #3c45a5;
	--bs-btn-active-border-color: #3c45a5;
	--bs-btn-disabled-bg: #5865F2;
	--bs-btn-disabled-border-color: #5865F2;
}

.btn-outline-blurple {
	--bs-btn-color: #5865F2;
	--bs-btn-border-color: #5865F2;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #5865F2;
	--bs-btn-hover-border-color: #5865F2;
	--bs-btn-focus-shadow-rgb: 88, 101, 242;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #3c45a5;
	--bs-btn-active-border-color: #3c45a5;
	--bs-btn-disabled-color: #5865F2;
	--bs-btn-disabled-border-color: #5865F2;
}


.mono-link {
	color: white !important;
	text-underline-offset: 2px;
	font-size: 1.25rem; /* соответствует .h5 */
	font-family: 'Space Mono', monospace;
	text-decoration: underline;
  text-underline-offset: 0.25em !important;
}

.poppins-link {
	color: white !important;
	text-underline-offset: 2px;
	font-size: 1.25rem; /* соответствует .h5 */
	font-family: 'Poppins', sanshttps://portal-hub.local/university/65142638-977e-4e85-8b67-423202f9d80a#-serif;
	text-decoration: underline;
  text-underline-offset: 0.25em !important;
}


.glass-panel {
	display: block;
	backdrop-filter: blur(10px);
	background: linear-gradient(300deg, #00000000, #ffffff0d);
	border: 1px solid #6767673b !important;
	box-shadow: var(--bs-box-shadow-sm) !important;
}

.glass-panel.glass-panel-pink {
	background: linear-gradient(300deg, #ff00fe21, #ffffff0d);
	border-color: #c600ff47 !important;
	border-top: 1px solid #ff00fe89 !important;
}

a.glass-panel {
	text-decoration: none;
	color: inherit;
}

a.glass-panel:hover {
	background: linear-gradient(0deg, #36c2a305 50%, #36c2a312 100%) !important;
	border: 1px solid #36c2a3 !important;
}

a.glass-panel:active {
	background: linear-gradient(0deg, #36c2a305 50%, #36c2a312 100%) !important;
}

.bi-fw {
	width: 1.25em;
	text-align: center;
	display: inline-block;
}

.badge-container {
  perspective: 200px;
  perspective-origin: center;             /* глубина просмотра */
  transition: transform .3s ease-in-out;
}
.badge-container svg {
  transform-style: preserve-3d;   /* включаем 3D-потомков */
  transform-origin: 50% 50%;      /* центр вращения */
}

.badge-container:hover, .badge-container:active {
	transform: scale(1.5);
	position: relative;
	z-index: 2;
}

.badge-svg {
	will-change: transform;
}

.w-150px {
	width: 150px;
}

.w-200px {
	width: 200px;
}

.w-300px {
	width: 300px;
}

.module-preview > img {
    height: 100%;
}
.module-preview {
    height: 140px;
}