* {
    color: var(--color-black);
    font-weight: 500 !important;
}

body * {
    font-family: "Rajdhani", "Almarai";
    transition: 0.3s all ease-in-out;
    letter-spacing: 0.2px;
}

body.ar * {
    font-family: "Almarai";
    transition: 0.3s all ease-in-out;
    letter-spacing: 0.2px;
}

.text-init {
    text-align: initial;
}

.tooltip {
    transition: unset !important;
}
/* override */
.text-danger {
    color: #ff3b42 !important;
}

label.error {
    display: none !important;
}
/* pagination */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination .page-link {
    color: var(--color-theme);
}

.pagination .page-item.active > .page-link,
.pagination .page-link.active {
    background-color: var(--color-theme);
    border-color: var(--color-theme);
    color: white;
}

.pagination .page-item .page-link {
    border-radius: 0px !important;
    padding: 7px 0px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* border */

.border-theme {
    border-color: var(--bg-theme);
}

/* spinner */
.spinner--float-right {
    position: absolute;
    right: 25px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.spinner--float-right-top {
    position: absolute;
    right: 25px;
    top: 25px;
}

.spinner--xs {
}

.btn {
    transition: 0.3s all ease-in-out !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn--input {
    height: var(--input-height);
}

.btn--action {
    height: var(--btn-height-action);
}

.btn--icon {
}
/* rounded */

.rounded-1 {
    border-radius: var(--radius) !important;
}

/* mb-input */

.mb-input {
    margin-bottom: 32px;
}

.font--cour {
    font-family: "Courgette";
}

body,
html {
    overflow-x: hidden;
}

.tooltip {
    font-size: 12px !important;
}

a:hover,
a:focus {
    color: var(--color-scheme-dark-1);
}

button,
a,
input,
select,
textarea,
checkbox,
radio {
    box-shadow: none !important;
}

.btn.disabled {
    color: black !important;
    pointer-events: none;
    background-color: whitesmoke;
    border-color: black;
    opacity: 0.5;
}
.form-control:focus {
    color: inherit;
    border-color: var(--color-theme);
}

.bg--main {
    background-color: #f8f8f8;
}

.regulate--link {
    color: inherit;
    text-decoration: none;
}

.regulate--link:hover,
.regulate--link:focus {
    color: inherit;
    text-decoration: none;
}

/* buttons */

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:hover i,
.btn-outline-warning:focus i {
    color: white;
}

/* btn / theme */

.btn--theme {
    background-color: var(--bg-theme);
    color: var(--bs-white);
    border-radius: var(--btn-radius);
    height: var(--btn-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
}

.btn--theme:hover,
.btn--theme:focus {
    background-color: transparent;
    color: var(--bg-theme);
    border: 2px solid var(--bg-theme);
}

.btn--theme svg,
.btn--theme svg {
    fill: var(--bs-white);
}

.btn--theme:hover svg,
.btn--theme:focus svg {
    fill: var(--color-theme);
}

.btn--outline-theme {
    background-color: transparent;
    color: var(--bg-theme);
    border-radius: var(--btn-radius);
    height: var(--btn-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--bg-theme);
}

.btn--outline-theme:hover,
.btn--outline-theme:focus {
    background-color: var(--bg-theme);
    color: var(--bs-white);
}

.btn--outline-theme svg,
.btn--outline-theme svg {
    fill: var(--color-theme);
}

.btn--outline-theme:hover svg,
.btn--outline-theme:focus svg {
    fill: var(--bs-white);
}

/* outline link */

.btn--outline-theme-link {
    background-color: transparent;
    color: var(--bg-theme);
    height: var(--btn-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.btn--outline-theme-link:hover,
.btn--outline-theme-link:focus {
    color: var(--bg-theme-dark);
    text-decoration: underline;
}

.btn--outline-login-link {
    background-color: transparent;
    color: var(--color-login);
    height: var(--btn-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.btn--outline-login-link:hover,
.btn--outline-login-link:focus {
    color: var(--color-login);
    text-decoration: underline;
}

/* btn - extra */

.btn--outline-danger {
    background-color: transparent;
    color: var(--delete-color) !important;
    border-color: var(--delete-color) !important;
}

.btn--outline-danger:hover,
.btn--outline-danger:focus {
    background-color: var(--delete-color) !important;
    color: white !important;
    border-color: var(--delete-color) !important;
}

/* btn icons */

.btn--raw-icon {
    width: 100%;
    padding: 0px;
    height: 100%;
    font-size: 20px;
    border: none !important;
}

.btn--raw-icon.edit svg {
    fill: var(--edit-color);
}

/* inputs / label */

input:read-only {
    background-color: var(--result-bg-odd);
    cursor: not-allowed;
}

textarea:read-only {
    background-color: var(--result-bg-odd);
    cursor: not-allowed;
}

.row--label {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: pre-wrap;
    padding: 0px;
}

.form--label {
    font-size: 13px;
    display: block;
    margin-bottom: 3px;
    margin-left: 4px;
    color: var(--color-black);
}

.form--input {
    width: 100%;
    height: var(--input-height);
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-radius);
    padding: var(--input-padding);
    font-size: var(--input-font);
    color: var(--color-theme);
}

.form--input:hover,
.form--input:focus {
    border: 1px solid var(--color-theme);
}

.form--input[type="date"],
.form--input[type="datetime-local"] {
    letter-spacing: 1px;
}

.form--input[type="date"]::-webkit-calendar-picker-indicator,
.form--input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

.form--table-input {
    width: 100%;
    /* text-align: center; */
    max-width: 300px;
    height: 34px;
}

.form--table-input-regular {
    width: 100%;
    max-width: 300px;
    /* text-align: center; */
    height: 34px;
}

.form--table-textarea {
    width: 100%;
    max-width: 300px;
    /* text-align: center; */
    padding: 8px 18px !important;
    height: 45px;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none !important;
}

.form--input.readonly {
    background-color: var(--bg-search);
}

.form--file-input {
    width: 100%;
    border: 1px solid var(--input-border-color);
    padding: 9px 10px;
    border-radius: var(--input-radius);
    font-size: var(--input-font);
}

/* icon in input */

.input--icon {
    position: relative;
}

.input--icon svg {
    position: absolute;
    height: 100%;
    right: 10px;
    width: 16px;
    /*fill: var(--bs-gray-600);*/
}

.input--icon span {
    position: absolute;
    right: 7px;
    font-size: 10px;
    top: 32%;
    padding: 0px 1px;
    border-radius: 3px;
    font-weight: 600 !important;
    background-color: var(--bg-search);
}

.input--icon input {
    padding-right: 36px;
}

/* textarea */

.form--textarea {
    height: 90px;
    padding: 15px;
}

.form--textarea.small {
    height: 60px;
    padding: 10px 15px;
}

/* hr label */

.hr--label {
    font-size: 12px;
    min-width: 110px;
    max-width: 150px;
}

.btn--sm {
    height: var(--btn-height-sm);
}

.btn--table {
    width: 65px;
    height: 26px;
}

/* badge */

.badge--blackshade {
    background-color: var(--color-blackshade);
}

.badge--outline-dashed-blackshade {
    border: 2px dashed var(--color-blackshade);
}

.badge-light {
    border: 2px solid #faf6f4;
}

.badge--scheme-2 {
    background-color: var(--color-scheme-2);
}

.badge--scheme-outline-2 {
    border: 2px solid var(--color-scheme-2);
    color: var(--color-scheme-2);
}

.badge--scheme-3 {
    background-color: var(--color-scheme-dark-3);
    color: white;
}

.badge--scheme-3:hover,
.badge--scheme-3:focus {
    color: white;
}

.badge--scheme-outline-3 {
    border: 2px solid var(--color-scheme-dark-3);
    color: var(--color-scheme-dark-3);
}

.badge--scheme-outline-3:hover,
.badge--scheme-outline-3:focus {
    background-color: var(--color-scheme-dark-3);
    color: white;
}

.badge--scheme-4 {
    background-color: var(--color-scheme-dark-4);
}

.badge--scheme-outline-4 {
    border: 2px solid var(--color-scheme-dark-4);
    color: var(--color-scheme-dark-4);
}

.badge--remove {
    background-color: var(--delete-color);
}

.badge--warning {
    background-color: #dba400;
}

.badge--theme {
    background-color: var(--bg-theme);
    color: white;
}

.badge--theme-light {
    background-color: var(--bg-search);
    border: 1px dashed var(--bg-theme);
}

/* modal bg */

.modal--shadow {
    background-color: rgba(208, 208, 208, 0.87);
}

.modal-content {
    border-radius: var(--card-radius);
}

.modal-body {
    box-shadow: var(--home-card-hover-shadow);
    border-radius: var(--card-radius);
}

.modal--header {
    background-color: var(--color-blackshade);
    height: 55px;
    border-radius: var(--card-radius) var(--card-radius) 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}

.modal--header svg {
    fill: white;
}

/* no card */

.no--card {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* no events */

.no-events {
    pointer-events: none !important;
}

.no-events-loading {
    pointer-events: none !important;
    opacity: 0.8 !important;
}

/* pointer */

.pointer {
    cursor: pointer;
}

.swal2-icon-content {
    color: unset;
}

.swal2-popup.swal2-toast .swal2-styled {
    padding: 6px 18px !important;
}

.folders--link:hover .document--holder,
.folders--link:focus .document--holder,
.folders--link.active .document--holder {
    border: 2px dashed var(--color-scheme-3);
}

.not--shown {
    height: 0px !important;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s all ease-in-out !important;
    margin-bottom: 0px !important;
}

.btn:disabled svg {
    fill: var(--bs-btn-disabled-color);
}

/* pagination */

.page-item-theme .page-link {
    background-color: white;
    border-color: var(--color-theme);
    color: var(--color-theme);
    padding: 6px 20px;
}

.page-item-theme.active .page-link,
.page-item-theme:hover .page-link,
.page-item-theme:focus .page-link {
    background-color: var(--color-theme);
    border-color: var(--color-theme);
    color: white;
}

.page-item-theme.disabled .page-link {
    pointer-events: none !important;
    background-color: rgb(224, 224, 224);
}

/* disable formElements  */
form.disabled input,
form.disabled .select2-container .select2-selection--single,
form.disabled textarea {
    background-color: var(--result-bg-odd) !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* disable formElements  */
.form--row.disabled input,
.form--row.disabled .select2-container .select2-selection--single {
    background-color: var(--result-bg-odd) !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.form-control:disabled {
    background-color: var(--result-bg-odd) !important;
}

.btn:disabled {
    background-color: var(--result-bg-odd) !important;
    border-color: var(--result-bg-odd) !important;
    opacity: 1 !important;
}

.child--wrapper.disabled .select2-container .select2-selection--single {
    background-color: var(--result-bg-odd) !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* ---- select2 dropdown issue */
.select2-container,
.select2-dropdown,
.select2-search,
.select2-results {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

/* submenu */
.submenu--group .btn {
    display: inline-flex;
    height: 41px;
    padding: 0px 20px;
    align-items: center;
    font-size: 15px;
    border: 1px solid var(--color-black) !important;
}

.submenu--group .btn.active {
    background-color: var(--color-black);
    color: white;
}

.submenu--group .btn:hover,
.submenu--group .btn:focus {
    background-color: var(--color-black);
    color: white;
    transform: scale(0.97);
}

.submenu--margin {
    margin-bottom: 40px;
}

.submenu--title {
    border-bottom: 1px solid whitesmoke;
    font-weight: 600 !important;
    padding-bottom: 7px;
    font-size: 24px;
    display: inline-flex;
}

.counter--badge {
    background-color: var(--bg-search);
    margin-bottom: 0px;
    display: inline-flex;
    align-items: center;
    width: 60px;
    height: 40px;
    justify-content: center;
    border: 1px dashed var(--bg-theme);
    padding: 2px 3px;
    border-radius: 6px;
    font-size: 21px;
}

/* skeleton */
.loading--skeleton {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff85;
    border-radius: 10px;
    display: flex;
    align-items: end;
    justify-content: center;
    padding-bottom: 30px;
}

.loading--skeleton .spinner-border {
    width: 14px;
    height: 14px;
    border-width: 3px;
}

.loading--skeleton small {
    font-size: 11px;
    margin-right: 9px;
    font-weight: 600 !important;
}