:root {
    --theme-primary-color: #005ced;
    /*dark blue*/
    --theme-secondary-color: #409ed5;
    /*light blue*/
    --theme-danger-color: #ff9204;
    /*orange */
    --theme-muted-color: #e2e2e0;
    /*gray-ish */
    --theme-bg-color: #ecf1fd;
    /*gray */
    --theme-dark-color: #2c2c2a;
    /*black shade */
    --theme-link-color: #409ED5;
}

body {
    background: var(--theme-bg-color);
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

a {
    color: var(--theme-link-color);
}

a:hover {
    color: #3584b2;
}

.banner {
    height: 324px;
}
.banner-ltr {
    background: url('../images/banner.webp') no-repeat top right var(--theme-primary-color);
}
.banner-rtl {
    background: url('../images/banner-he.webp') no-repeat top left var(--theme-primary-color);
}

/* -- bootstrap overrides - theme --*/

.navbar-toggler {
    --bs-navbar-toggler-font-size: 1rem;
    --bs-border-width: 0;
}

.navbar-toggler:focus {
    --bs-navbar-toggler-focus-width: none;
}

.card {
    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    border: 0;
    --bs-card-border-width: 0;
    --bs-card-cap-bg: transparent;
}

.card-header {
    background-color: transparent;
    border-bottom: 0;
    font-size: 1.5rem;
}

.card-footer {
    background-color: transparent;
    border-top: 0;
}

.dropdown-menu {
    --bs-dropdown-border-width: 0;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    box-shadow: var(--bs-dropdown-box-shadow);
}

.btn-primary,
.btn-light,
.btn-outline-primary,
.btn-warning {
    border-radius: var(--bs-border-radius-pill) !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    min-width: 85px;
}

.btn-primary {
    background-color: var(--theme-primary-color);
    border-color: var(--theme-primary-color);
}

.btn-outline-primary {
    border-color: var(--theme-primary-color);
    --bs-btn-hover-bg: var(--theme-primary-color);
    --bs-btn-hover-border-color: var(--theme-primary-color);
}

.btn-info {
    color: #fff;
    background-color: var(--theme-secondary-color);
    border-color: var(--theme-secondary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3788b8;
    --bs-btn-hover-border-color: #3788b8;
}

.btn-danger,
.btn-danger-no-alert {
    background-color: var(--theme-danger-color);
    border-color: var(--theme-danger-color);
    --bs-btn-hover-bg: #e18104;
    --bs-btn-hover-border-color: #e18104;
}

.btn-light {
    color: var(--theme-link-color);
    background-color: #0b57d00d;
    --bs-btn-hover-color: var(--theme-link-color);
    --bs-btn-hover-bg: #0b57d01c;
    --bs-btn-hover-border-color: #0b57d01c;
}

.btn-white {
    color: #000;
    background-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--theme-danger-color);
    --bs-btn-hover-border-color: var(--theme-danger-color);
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
    cursor: pointer
}

.close-btn {
    outline: none;
}

.modal {
    --bs-modal-border-width: 0;
    --bs-modal-box-shadow: var(--bs-box-shadow);
}

.modal-dialog {
    box-shadow: var(--bs-box-shadow);
}

.modal-header {
    border-bottom: 0;
}

.modal-footer {
    border-top: 0;
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: inherit !important;
}


.navbar-message {
}