* {
	padding: 0;
	margin: 0;

	font-family: "Open Sans", sans-serif;
}

html {
	height: 100%;
}

body {
	background-color: var(--bs-body-bg);
	color: var(--bs-body-color);
	height: 100%;
	width: 100%;
}

body.swal2-shown > [aria-hidden="true"] {
	filter: blur(20px);
}

.swal2-modal {
	background: none !important;
}

.swal2 * {
	box-shadow: none !important;
}

.swal2-title {
	color: white !important;
}

.swal2-confirm {
	background-color: #00ABE6 !important;
}

.swal2-content {
	color: white;
}

.swal2-validation-message {
	background: none !important;
	color: white !important;
}

body > div.swal2-container.swal2-center.swal2-fade.swal2-shown > span > span {
	height: 100px !important;
}

.swal2-select {
	color: black;
}

.swal2-select {
	color: white !important;
}

.swal2-select option {
	color: black;
}

.swal2-select option[disabled] {
	color: gray;
}

::-webkit-scrollbar{
	width:10px
}

::-webkit-scrollbar-track{
	background:#f1f1f1;
}

::-webkit-scrollbar-thumb{
	background:rgb(214, 214, 214);
}

::-webkit-scrollbar-thumb:hover{
	background:rgb(77, 195, 235);
}

.select2-selection__rendered {
	text-align: left !important;
}

.select2-container--default .select2-selection--multiple {
	border-radius: 0.75rem !important;
	padding-left: 0.75rem !important;
	border-color: rgba(209, 213, 219, 1) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: rgba(220, 220, 220) !important;
}

li.select2-results__option {
	color: black !important;
}

[data-bs-theme="light"] .btn-outline-light {
	--bs-btn-color: var(--bs-dark);
	--bs-btn-border-color: var(--bs-dark);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: var(--bs-dark);
	--bs-btn-hover-border-color: var(--bs-dark);
	--bs-btn-active-color: var(--bs-white);
	--bs-btn-active-bg: var(--bs-dark);
	--bs-btn-active-border-color: var(--bs-dark);
}

#themeIcon {
	transition: color 0.3s ease, transform 0.5s ease;
}

[data-bs-theme="dark"] #themeIcon {
	color: var(--bs-white);
}

[data-bs-theme="light"] #themeIcon {
	color: var(--bs-dark);
	transform: rotate(180deg);
}