@import url("https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap");

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	overflow-x: hidden;
	direction: rtl;
	text-align: right;
	background-color: #fff;
	font-family: "Noto Kufi Arabic", sans-serif;
	max-width: 1024px !important;
	margin: 0 auto;
}

@media (min-width: 1024px) {
	body {
		border: 1px solid #ccc;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
}

.col-item {
	margin-bottom: 25px;
}

.btn-logger {
	color: #fff;
	background-color: #278268;
	border-color: #278268;
	position: relative;
}

.btn-logger:hover,
.btn-logger-waiting {
	color: #278268;
	background-color: #fff;
	border-color: #278268;
}

.spinner-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.spinner-border {
	opacity: 0;
}

.btn:hover {
	color: #278268;
}

thead {
	color: #278268;
}

.table thead th {
	border-bottom: 2px solid #278268;
}

.table td,
.table th {
	border-top: 1px solid #278268;
}

.section-container {
	padding-top: 25px;
}

.text-green {
	color: #278268;
}

.underline {
	text-decoration: underline;
}

.fab {
	font-size: 24px;
}

.navbar {
	flex-direction: row-reverse;
}

footer {
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.footer {
	max-width: 1024px;
	padding: 15px;
	background-color: #f8f9fa !important;
	color: black !important;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}

.text-black {
	color: black;
}

.bg-green {
	background-color: #278268;
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-brand {
	color: white;
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.6);
}

.navbar-light .navbar-toggler {
	color: white;
	border-color: white;
}

.navbar-light .navbar-toggler-icon {
	background-image: none;
	font-size: 30px;
	width: 30px;
	height: 30px;
}

.navbar-toggler {
	padding: 4px 9px;
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
	left: 0 !important;
	transform: translateX(0%) !important;
	width: 100% !important;
}

.icon-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: 0px;
}

label.error {
	color: red;
	font-size: 12px;
}

.btn-icon-logger {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #278268;
	border: 1px solid #278268;
	border-radius: 50%;
	padding: 5px;
}

.btn-icon-logger:hover {
	color: #278268;
	background-color: #fff;
	border: 1px solid #278268;
	text-decoration: none;
}

.delete-logger {
	color: #fff;
	background-color: #d84520;
	border-color: #d84520;
	position: relative;
}

.delete-logger:hover {
	color: #d84520;
	background-color: #fff;
	border-color: #d84520;
}

.swal2-styled.swal2-confirm {
	background-color: #278268;
	border: 1px solid #278268;
}

.table-desktop {
    display:block;
}
.table-mobile {
    display:none;
}