@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;600&display=swap");

*:focus {
	box-shadow: none !important;
}

html {
	height: 100% !important;
}

body {
	display: flex !important;
	height: 100% !important;
	flex-direction: column !important;
	font-family: "Quicksand", sans-serif;
	font-size: 15px;
	font-weight: 400;
}

body.swal2-height-auto {
	height: 100% !important;
}

#wrapper {
	flex-grow: 1 !important;
}

a {
	text-decoration: none;
}

header {
	padding: 150px 0;
}

label.error {
	font-size: 60%;
	color: #a00;
	position: absolute;
	bottom: -15px;
	right: 0;
}

.dir-ltr {
	direction: ltr;
}

.dir-rtl {
	direction: rtl;
}

.note-frame {
	font-family: inherit;
}

.bg-f2 {
	background-color: #f2f2f2 !important;
}

.bg-f8 {
	background-color: #f8f8f8 !important;
}

.btn-circle {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	line-height: 35px;
	padding: 0;
	font-size: 17px;
}

.input-group > button {
	border-color: #ced4da;
}

.input-group > .btn-outline-secondary:hover {
	background-color: #fff;
	color: #000;
}

td {
	vertical-align: middle;
}

.invalid {
	background-color: #ffe5e5;
	color: #900;
}

.col-fit {
	width: 1%;
	white-space: nowrap;
}

.select2-group {
	position: relative;
}

.select2-group label.error {
	bottom: -20px;
	right: 15px;
}

.select2-selection__rendered {
	margin-right: 15px;
	padding: 0 !important;
	line-height: 22px !important;
}

.select2-container {
	display: block !important;
}

.select2-container--default .select2-selection--single {
	background-color: #fff !important;
	border: 1px solid #ced4da !important;
	border-radius: 0.25rem;
	box-shadow: none !important;
	color: #565656 !important;
	height: 38px !important;
	max-width: 100% !important;
	padding: 7px 12px !important;
	transition: all 300ms linear 0s;
}

.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	height: 36px !important;
	right: 5px !important;
}

.select2-container--default[dir="rtl"]
	.select2-selection--single
	.select2-selection__arrow {
	right: auto !important;
	left: 5px !important;
}

.select2-container--default[dir="rtl"] .select2-selection__clear {
	float: left !important;
	margin-right: 0 !important;
}

.select2-container--default .select2-selection--multiple {
	border-color: #e4e7ea !important;
	border-radius: 0 !important;
	padding: 0 5px !important;
}

.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice {
	background-color: #f8f8f8 !important;
	border-color: #e4e7ea !important;
	border-radius: 0 !important;
}

.toast {
	opacity: 1 !important;
	box-shadow: 1px 1px 4px #222 !important;
}

.grecaptcha-badge {
	bottom: 60px !important;
}