/* ==========================================================
   Bootstrap Theme Override
   ArabicLab Inspired
   Load AFTER bootstrap.min.css
   ========================================================== */

:root {
    /* Brand Colors */
    --bs-primary: #0f766e;
    --bs-primary-rgb: 15,118,110;

    --bs-secondary: #5f6b73;
    --bs-secondary-rgb: 95,107,115;

    --bs-success: #1f9d74;
    --bs-success-rgb: 31,157,116;

    --bs-info: #3b82f6;
    --bs-info-rgb: 59,130,246;

    --bs-warning: #c8a14d;
    --bs-warning-rgb: 200,161,77;

    --bs-danger: #dc3545;
    --bs-danger-rgb: 220,53,69;

    --bs-light: #f8faf8;
    --bs-light-rgb: 248,250,248;

    --bs-dark: #18332f;
    --bs-dark-rgb: 24,51,47;

    /* Body */
    --bs-body-bg: #f8faf8;
    --bs-body-color: #24333a;

    /* Links */
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: #0b5f59;

    /* Borders */
    --bs-border-color: #dbe6df;

    /* Border Radius */
    --bs-border-radius: .75rem;
    --bs-border-radius-sm: .5rem;
    --bs-border-radius-lg: 1rem;

    /* Focus */
    --bs-focus-ring-color: rgba(15,118,110,.25);
	--bs-btn-active-bg: #0b5f59;
}

/* ==========================================================
   Buttons
   ========================================================== */

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

.btn-primary:hover,
.btn-primary:focus{
    background:#0b5f59;
    border-color:#0b5f59;
}

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

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

.btn-warning{
    color:#fff;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
	color: var(--bs-btn-active-color);
	background-color: #0b5f59;
	border-color: var(--bs-primary);
}

/* ==========================================================
   Cards
   ========================================================== */

.card{
    border:none;
    border-radius:1rem;
    box-shadow:0 6px 18px rgba(0,0,0,.06);
}

.card-header{
    background:#ffffff;
    border-bottom:1px solid var(--bs-border-color);
    font-weight:600;
}

/* ==========================================================
   Forms
   ========================================================== */

.form-control,
.form-select{
    border-radius:.75rem;
    border-color:#d7e2dc;
}

.form-control:focus,
.form-select:focus{
    border-color:var(--bs-primary);
    box-shadow:0 0 0 .25rem rgba(15,118,110,.15);
}

/* ==========================================================
   Tables
   ========================================================== */

.table{
    --bs-table-striped-bg:#f4f8f6;
}

.table thead{
    background:#eef7f4;
}

/* ==========================================================
   Alerts
   ========================================================== */

.alert-primary{
    background:#e8f5f2;
    color:#0b5f59;
    border-color:#b9dfd6;
}

/* ==========================================================
   Badges
   ========================================================== */

.badge.bg-primary{
    background:var(--bs-primary)!important;
}

/* ==========================================================
   Dropdown
   ========================================================== */

.dropdown-menu{
    border:none;
    border-radius:.8rem;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* ==========================================================
   Pagination
   ========================================================== */

.page-link{
    color:var(--bs-primary);
}

.page-item.active .page-link{
    background:var(--bs-primary);
    border-color:var(--bs-primary);
}

/* ==========================================================
   Progress
   ========================================================== */

.progress-bar{
    background:var(--bs-primary);
}

/* ==========================================================
   Accordion
   ========================================================== */

.accordion-button:not(.collapsed){
    background:#eef7f4;
    color:var(--bs-primary);
}

/* ==========================================================
   Navbar
   ========================================================== */

.navbar{
    background:#ffffff;
    box-shadow:0 2px 10px rgba(0,0,0,.04);
}

.navbar-brand{
    color:var(--bs-primary);
    font-weight:700;
}

.nav-link.active{
    color:var(--bs-primary)!important;
}

/* ==========================================================
   List Group
   ========================================================== */

.list-group-item.active{
    background:var(--bs-primary);
    border-color:var(--bs-primary);
}

/* ==========================================================
   Utilities
   ========================================================== */

.bg-primary{
    background-color:var(--bs-primary)!important;
}

.text-primary{
    color:var(--bs-primary)!important;
}

.border-primary{
    border-color:var(--bs-primary)!important;
}

.btn-primary i,
.btn-primary svg,
.btn-primary .bi,
i.text-primary {
    color: #fff !important;
    fill: currentColor;
}