@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700&family=Catamaran:wght@300;400;700&family=Dosis:wght@300;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: "Cairo", sans-serif;
	font-size: 15px;
	font-weight: 400;
}

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

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

.navbar-toggler {
	border: none;
}

ul.navbar-nav>li.nav-item>a.nav-link {
	text-align: center;
	border-top: 1px solid #444;
}

ul.navbar-nav>li.nav-item>a.nav-link>i {
	display: none;
}

.navbar input.form-control {
	background: transparent;
	border: 1px solid #444;
	color: #ccc;
}

@media (min-width: 768px) {
	ul.navbar-nav>li.nav-item>a.nav-link {
		text-align: center;
		border-top: none;
	}

	ul.navbar-nav>li.nav-item>a.nav-link>i {
		display: inline-block;
	}
}

a {
	text-decoration: none
}

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

.dir-ltr {
	direction: ltr;
}

.dir-rtl {
	direction: rtl;
}

.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;
}

.dropdown-menu .user-name {
	padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	white-space: nowrap;
	cursor: default;
	max-width: 150px;
	overflow: hidden;
}