@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

html,
body {
	scrollbar-gutter: stable;
	overflow-anchor: none;
}

a,
a:hover {
	color: #fff;
	text-decoration: none;
}

.logo {
	font-size: 3rem;
	/* text-transform: lowercase; */
	font-weight: 700;
	color: #fff;
}

.logo span {
	font-weight: 400;
}

.logo em {
	color: #0b5ed7;
}

.bi-plus-circle-fill {
	width: 30px;
	height: auto;
}

/* .form-control {
	border-radius: 0;
} */

pre {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1111;
	width: 100%;
}

#managehajs-login {
	width: 220px;
	color: #fff;
}

#login-status {
	position: absolute;
	right: 10px;
	top: 10px;
	margin: 0;
	font-size: 0.8em;
	color: #fff;
}

#container-hajs {
	margin-top: 5rem;
	margin-bottom: 9rem;
}

#rows-haj>.row-haj:first-child .input-group .btn-danger {
	display: none;
}

#rows-haj .form-control-hajname[data-bs-toggle="tooltip"] {
	border-color: var(--bs-primary);
	outline: solid 3px rgba(0, 0, 0, 0.05);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%230d6efd'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%230d6efd' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

#rows-haj>.row-haj textarea {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#rows-haj>.row-haj:first-child textarea {
	border-top-right-radius: .375rem;
	border-bottom-right-radius: .375rem;
}

#myhajs-login {
	width: 200px;
}

#rows-haj>.row-haj .jquery-uploader-preview-container {
	background: transparent;
	padding: 0;
}

#rows-haj>.row-haj .jquery-uploader-select-card,
#rows-haj>.row-haj .jquery-uploader-card {
	background: #fff;
	border-radius: 0.375rem;
	border: 1px solid #ced4da;
	margin: 0;
	box-shadow: none !important;
}

#rows-haj>.row-haj .jquery-uploader-select-card,
#rows-haj>.row-haj .jquery-uploader-card {
    width: 100%;
}

#rows-haj>.row-haj[data-hajidx=""] .hajs-picupload,
#rows-haj>.row-haj[data-hajidx=""] .hajs-pic,
#rows-haj>.row-haj[data-hajidx=""] .jquery-uploader {
	display: none;
}

#rows-haj>.row-haj[data-hajidx=""] .picupload-info {
	display: flex !important;
}

@media (max-width: 991.98px) {
	#rows-haj>.row-haj[data-hajidx=""] .picupload-info {
		position: relative !important;
		justify-content: center !important;
	}

}

#rows-haj>.row-haj .jquery-uploader-card .jquery-uploader-preview-action {
	opacity: 0.9;
}

#rows-haj>.row-haj .jquery-uploader-card .jquery-uploader-preview-action ul {
	display: flex;
    justify-content: center;
	gap: 1rem;
}

.basicLightbox video {
	border: solid 5px rgba(255, 255, 255, 0.1);
}

.basicLightbox {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .8);
	opacity: .01;
	transition: opacity .4s ease;
	z-index: 1060;
	will-change: opacity
}

.basicLightbox--visible {
	opacity: 1
}

.basicLightbox__placeholder {
	max-width: 100%;
	transform: scale(.9);
	transition: transform .4s ease;
	z-index: 1;
	will-change: transform
}

.basicLightbox__placeholder>iframe:first-child:last-child, .basicLightbox__placeholder>img:first-child:last-child, .basicLightbox__placeholder>video:first-child:last-child {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 95%;
	max-height: 95%
}

.basicLightbox__placeholder>iframe:first-child:last-child, .basicLightbox__placeholder>video:first-child:last-child {
	pointer-events: auto
}

.basicLightbox__placeholder>img:first-child:last-child, .basicLightbox__placeholder>video:first-child:last-child {
	width: auto;
	height: auto
}

.basicLightbox--iframe .basicLightbox__placeholder, .basicLightbox--img .basicLightbox__placeholder, .basicLightbox--video .basicLightbox__placeholder {
	width: 100%;
	height: 100%;
	pointer-events: none
}

.basicLightbox--visible .basicLightbox__placeholder {
	transform: scale(1)
}

.fs-7 {
	font-size: 0.875rem;
}

.text-muted {
	color: rgba(255, 255, 255, 0.5);
}

.text-discord {
	color: #5865f2;
}

#termModal.show,
#signupModal.show {
	backdrop-filter: blur(5px) grayscale(0.5);
}

.navbar button[aria-expanded="true"]>span.close {
	display: inline-block;
}

.navbar button[aria-expanded="true"]>span.navbar-toggler-icon {
	display: none;
}

.navbar button[aria-expanded="false"]>span.close {
	display: none;
}

.navbar button>span.close {
	width: 30px;
	height: 30px;
}