@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/earlyaccess/lateef.css);
:root {
	--bs-blue: #007bff;
	--bs-indigo: #6610f2;
	--bs-purple: #696cff;
	--bs-pink: #e83e8c;
	--bs-red: #ff3e1d;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffab00;
	--bs-green: #71dd37;
	--bs-teal: #20c997;
	--bs-cyan: #03c3ec;
	--bs-white: #fff;
	--bs-gray: rgba(67, 89, 113, 0.6);
	--bs-gray-dark: rgba(67, 89, 113, 0.8);
	--bs-gray-25: rgba(67, 89, 113, 0.025);
	--bs-gray-50: rgba(67, 89, 113, 0.05);
	/* --primary: #000; */
	/* --secondary: #c30f2a; */
	--primary: #2b3487;
	--secondary: #4cc9f5;
	--bs-secondary: #8592a3;
	--bs-success: #71dd37;
	--bs-info: #03c3ec;
	--bs-warning: #ffab00;
	--bs-danger: #ff3e1d;
	--bs-light: #fcfdfd;
	--bs-dark: #233446;
	--bs-gray: rgba(67, 89, 113, 0.1);
	--bs-primary-rgb: 105, 108, 255;
	--bs-secondary-rgb: 133, 146, 163;
	--bs-success-rgb: 113, 221, 55;
	--bs-info-rgb: 3, 195, 236;
	--bs-warning-rgb: 255, 171, 0;
	--bs-danger-rgb: 255, 62, 29;
	--bs-light-rgb: 252, 253, 253;
	--bs-dark-rgb: 35, 52, 70;
	--bs-gray-rgb: 67, 89, 113;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 67, 89, 113;
	--bs-body-color-rgb: 105, 122, 141;
	--bs-body-bg-rgb: 245, 245, 249;
	--bs-font-sans-serif: "Public Sans", -apple-system, BlinkMacSystemFont,
	  "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
	  "Helvetica Neue", sans-serif;
	--bs-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas,
	  "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(
	  180deg,
	  rgba(255, 255, 255, 0.15),
	  rgba(255, 255, 255, 0)
	);
	--bs-root-font-size: 16px;
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 0.9375rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.53;
	--bs-body-color: #697a8d;
	--bs-body-bg: #f5f5f9;
  }
.FAB {
	position: fixed;
	bottom: 50px;
	right: 60px;
	left: auto;
	width: 56px;
	z-index: 4;
}
[dir="rtl"] .FAB {
	position: fixed;
	bottom: 50px;
	left: 60px;
	right: auto;
	width: 56px;
	z-index: 4;
}
.FAB__action-button2 {
	bottom: 70px;
	right: 0;
	left: auto;
	cursor: pointer;
	position: absolute;
}
[dir="rtl"] .FAB__action-button2 {
	bottom: 70px;
	left: 0;
	right: auto;
	cursor: pointer;
	position: absolute;
}
.FAB__action-button {
	bottom: 0;
	right: 0;
	left: auto;
	cursor: pointer;
	position: absolute;
}
[dir="rtl"] .FAB__action-button {
	bottom: 0;
	left: 0;
	right: auto;
	cursor: pointer;
	position: absolute;
}
.FAB__action-button > .btn-link:hover {
	background-color: transparent;
}
.FAB__action-button:hover .action-button__icon {
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.14),
		0 8px 16px rgba(0, 0, 0, 0.28);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.14), 0 8px 16px rgba(0, 0, 0, 0.28);
}
.action-button__icon {
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
	background-color: #17244c;
	border-radius: 25%;
	color: #fff;
	padding: 22px;
}
.action-button__text--hide {
	display: none;
}
.action-button__text--show {
	background-color: #17244c;
	border-radius: 3px;
	color: #fff;
	right: 55px;
	font-size: 16px;
	font-family: Helvetica Neue;
	opacity: 0.8;
	padding: 5px 9px;
	position: absolute;
	top: -5px;
	white-space: nowrap;
}
* {
	outline: none;
}
:focus,
button:focus {
	outline: none;
}
label {
	/* font-weight: 800; */
	font-size: 14px;
}
.chosen-container,
.icon-form {
	text-align: left;
	font-family: FontAwesome, "sans-serif";
}
section.sidebar {
	padding-bottom: 0;
}
.filled-info-boxes {
	line-height: 1.5;
}
.products-list .product-img {
	height: 50px;
	overflow: hidden;
}
.products-list .product-img img {
	height: auto;
}
@media (min-width: 768px) {
	.navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice {
	background-color: #00e765 !important;
}
.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice
	.select2-selection__choice__remove {
	color: #fff;
}
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
	padding: 3px 6px !important;
}
.select2-container--default[dir="rtl"] .select2-selection__clear {
	float: left !important;
}
div.dt-buttons {
	margin: 0 30px;
}
#errors-list li {
	background: none;
	border: none;
}
.form-inputs .link-input,
.form-links .link-input {
	margin-bottom: 5px;
}
.form-inputs .fa,
.form-links .fa {
	width: 20px;
}
.form-inputs .input-group-addon,
.form-links .input-group-addon {
	border: none;
}
.form-inputs .help-block,
.form-links .help-block {
	margin-left: 50px;
}

.form-control.has-error {
	background-color: #ffeee7;
}
.form-control.has-error,
.form-control.has-error:focus {
	-webkit-box-shadow: inset 0 -2px 0 red;
	box-shadow: inset 0 -2px 0 red;
}
table.dataTable.display tbody tr:hover,
table.dataTable.hover tbody tr:hover {
	cursor: pointer;
}
table.dataTable.display tbody td .label,
table.dataTable.display tbody td a.btn {
	font-size: 11px;
	display: inline-block;
	margin: 2px;
}
table.dataTable.display tbody td .btn-group-lg a.btn,
table.dataTable.display tbody td .btn-group-sm a.btn,
table.dataTable.display tbody td .btn-group-xs a.btn,
table.dataTable.display tbody td .btn-group a.btn {
	margin: 0;
}
.dataTables_wrapper {
	/* margin-bottom: 100px; */
	margin: 20px 20px 50px 20px;
}
.card .table {
	margin-bottom: 30px;
}
.dataTables_filter,
.dataTables_length {
	display: inline-block;
}
.dataTables_filter {
	float: right;
}
.model-icon {
	text-align: center;
}
.model-icon i.fa {
	font-size: 50px;
	display: inline-block;
	margin: 2px;
}
table.dataTable.display.small tbody td,
table.dataTable.display.small th {
	font-size: 12px;
}
table.dataTable.display.smaller tbody td,
table.dataTable.display.smaller th {
	font-size: 11px;
}
table.dataTable.display.smallest tbody td,
table.dataTable.display.smallest th {
	font-size: 10px;
}
.action-modal .modal-body .modal-field {
	margin: 7px 0;
}
.action-modal .modal-body .modal-field .label,
.action-modal .modal-body .modal-field a.btn {
	margin: 2px;
}
.action-modal .modal-body .modal-field .fa {
	font-size: 2em;
}
.action-modal .modal-body span,
.action-modal .modal-body span div {
	font-size: 12px;
	display: inline;
}
div.link-icons i.fa {
	margin: 3px;
	font-size: 15px;
}
div.media {
	margin: 20px 0;
}
.dz-image-preview {
	width: 95%;
	height: 200px;
}
.dz-image-preview .dz-image {
	width: 100% !important;
	height: 200px !important;
}
.mb-50 {
	margin-bottom: 50px;
}
.edit-contents textarea {
	width: 100%;
}
.image-preview {
	margin: auto;
}
.image-info {
	overflow: hidden;
	border-left: 3px solid var(--primary);
	padding: 20px 0 20px 20px;
}
.range-form-group > .form-control {
	width: 70px;
	padding: 2px 6px;
	display: inline-block;
}
.options-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 10px;
}
.options-column > * {
	margin: 0 10px;
}
.options-column button {
	font-size: 10px;
	padding: 3px 8px;
}
.options-column .caret {
	margin-right: 5px;
}
.box-body .form-group > p {
	display: inline-block;
	margin: 10px;
}
.login-box-body .form-control-feedback {
	right: auto;
	left: 0;
}
.rtl,
.rtl-right {
	/* direction: rtl; */
}
.rtl-right {
	text-align: right;
}
.rtl-body,
.rtl-body * {
	direction: rtl;
}
.rtl-right-body,
.rtl-right-body * {
	direction: rtl;
	text-align: right;
}
.text-body-center {
	direction: rtl;
	text-align: center;
}
.text-body-center * {
	text-align: center;
}
.ltr,
.ltr-left {
	direction: ltr;
}
.ltr-left {
	text-align: left;
}
.ltr-body,
.ltr-body * {
	direction: ltr;
}
.ltr-body-left,
.ltr-body-left * {
	direction: ltr;
	text-align: left;
}
table.rtl th {
	text-align: right;
}
.col-rtl [class*="col"] {
	float: right;
}
.rtl-list {
	direction: rtl;
	text-align: right;
}
.rtl-list .product-info {
	margin-right: 60px;
	margin-left: 0;
}
.rtl-list .product-img {
	float: right;
}
.rtl-list .label-timestamp {
	float: left;
	margin-right: 5px;
}
.rtl-list .list-action-button {
	cursor: pointer;
}
.login-wrapper {
	max-width: 500px;
	width: fit-content;
	height: 480px;
	border-radius: 10px;
	margin: 50px auto 50px auto;
	padding: 30px 40px;
	background-color: #fff;
	box-shadow: 20px 20px 80px rgb(22, 61, 128);
}
.reset-wrapper {
	max-width: 500px;
	height: 330px;
	border-radius: 10px;
	margin: 100px auto 50px auto;
	padding: 30px 40px;
	background-color: #fff;
	box-shadow: 20px 20px 80px rgb(22, 61, 128);
}
.otp-wrapper {
	max-width: 500px;
	height: 400px;
	border-radius: 10px;
	margin: 100px auto 50px auto;
	padding: 30px 40px;
	background-color: #fff;
	box-shadow: 20px 20px 80px rgb(22, 61, 128);
}
.otp-wrapper .log-submit-btn {
	float: none !important;
}
.otp-wrapper .resend_code button {
	color: var(--primary) !important;
	font-size: 18px;
	margin-top: 18px;
	border: none !important;
	background: none !important;
	cursor: pointer;
}
.login-wrapper h1,
.reset-wrapper h2 {
	font-size: 18px !important;
	font-weight: 500;
}

.reset-wrapper .log-submit-btn,
.login-wrapper .log-submit-btn,
.login-wrapper .lost_password {
	float: none !important;
}
.login-logo {
	display: inline-block !important;
}
.doctor_schedule .modal-content {
	width: fit-content !important;
}
.login-wrapper .filter-tags {
	margin-top: 0 !important;
}
.login-wrapper .log-submit-btn {
	width: 230px !important;
}
/* Doctor schedule */
.custom-form-schedule {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.custom-form-schedule .checkbox-ul {
	width: fit-content;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	margin: 10px;
	background-color: #f7f9fb;
	padding: 10px 20px;
	border-radius: 6px;
	display: inline-block;
}
.custom-form-schedule.checkbox-ul > label {
	float: right;
	display: block;
	font-weight: 700;
	gap: 10px;
}
.custom-form-schedule.checkbox-ul ul,
.custom-form-schedule .checkbox-ul ul li {
	display: flex !important;
	gap: 10px;
}

/*  */

/* .customer-card {
	display: none;
} */

/* no reservation found */
.page-not-found {
	margin: auto;
	height: 100vh;
	width: 100%;
	margin-bottom: 50px;
}

.page-not-found h3 {
	font-size: 42px;
	text-align: center !important;
	margin-top: 20px;
}
.page-not-found span {
	color: var(--secondary);
}
.page-not-found .bg-light {
	width: 100%;
	padding: 50px;
	text-align: center !important;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
	.page-not-found {
		margin-bottom: 0;
	}
	.page-not-found h3 {
		font-size: 28px;
	}
	.page-not-found img {
		width: 350px;
		margin-left: -20%;
	}

	.page-not-found .bg-light {
		width: 100%;
		top: 30%;
	}
}

/* Review for patients form */
/* add by ahmed */
.iziToast.iziToast-balloon:after {
	background-color: #fff !important;
}
.iziToast-buttons-child {
	background-color: var(--secondary) !important;
	color: #fff !important;
	padding: 10px 32px !important;
	border-radius: 8px !important;
	font-size: 18px !important;
}

.logo-style span {
    font-weight: 900;
    font-size: 23px;
    text-transform: uppercase;
    /*font-family: Droid Arabic Kufi, Roboto, Helvetica, Arial, sans-serif;*/
    color: var(--primary);
}

.logo-style span strong {
    color: var(--secondary);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0.1em 0.5em !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	border:1px solid var(--secondary) !important;
	margin: 0 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	background: var(--primary) !important;
	color: #fff !important;
}
.paginate_button.previous {
	background: var(--primary) !important;
	color: #fff !important;
}
.paginate_button.next {
	background: var(--primary) !important;
	color: #fff !important;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	left: 8px !important;
}
.booking-procedure {
	border-radius: .375rem !important;
}
.light-style .select2-container--default .select2-selection--single .select2-selection__clear {
    color: rgba(67,89,113,.6);
    position: absolute;
    left: 14px;
    top: -1px;
}
.progress-group {
	padding-bottom: 13px;
}
.rmv-input-p > input{
	padding: 10px 20px 10px 10px !important;
}
.swal2-bottom-right{
	right: 10px;
	left: auto;
	inset: 0 ;
}
[dir="rtl"] .swal2-bottom-right{
	left: 10px !important;
	right: auto !important;
	inset: 0;
}
input[type="radio"] {
    display: block;
}
[dir="rtl"] .radio-booking input[type="radio"] {
	right: 45px;
	left: auto;
}
.radio-booking input[type="radio"] {
	left: 45px;
	right: auto;
}
.radio {
    /* color: #999; */
    font-size: 13px;
    position: relative;
    top: 2px;
}
.radio label{
	display: flex;
}
.w-100px{
	width: 100px;
}
.menu-header-text{
	color: var(--secondary);
	font-weight: bold;
}