.nav-link.text-primary{
    color: #fff !important;
    background: #00a79d !important;
}

ul.navbar-nav .btn.bg-transparent{
    border: 1px solid #00a79d;
    color: #00a79d !important;
    margin-inline-end: 8px;
    padding: 4px 20px;
}
ul.navbar-nav .btn.btn-primary{
    background: #00a79d !important;
    border-color: #00a79d !important;
    padding: 4px 16px;
}

.nav-pills .nav-item .nav-link.bg-warning{
    background: #e7a731 !important;
}

.nav-pills .nav-item .nav-link.bg-warning:hover{
    background: #ffc04c !important;
}

span.text-sm.text-black.text-center.w-60{
    text-align: start !important;
}

form .form-control{
    border: 1px solid #00a79d !important;
}

form .btn{
    border: 1px solid #00a79d;
    color: #00a79d;
}
form .btn:hover{
    border: 1px solid #00a79d;
    color: #fff;
    background: #00a79d;
}

.input-switch input:checked+label .switch { 
    background: #212529 !important;
}

.input-switch input:checked+label .switch:before {  
    background: #00a79d !important;
    border: 1px solid #00a79d;
}

.h-full .btn-outline-primary{
    border-color: #e7a731 ;
    color: #e7a731 ;
}
.h-full .btn-outline-primary:hover{
    border-color: #e7a731 ;
    background: #e7a731 ;
    color: white;
}

form .btn.btn-primary{
    border: 1px solid #00a79d;
    background: #00a79d;
    color: white;
}
form .btn.btn-primary:hover{  
    background: #037c74;
} 

[data-bs-theme=dark] body{
    background: #171717 !important;
}

[data-bs-theme=dark] .bg-white, [data-bs-theme=dark] .card {
    background-color: #262626 !important;
}

[data-bs-theme=dark] .form-control, [data-bs-theme=dark] .form-select {
    background-color: #171717 !important;
    border-color: #727272 !important;
}

[data-bs-theme=dark] form .btn {
    border: 1px solid #727272;
    color: #727272;
}

[data-bs-theme=dark] .hover-grey:hover {
    background-color: #4a4a4a !important;
}

[data-bs-theme=dark] .text-black {
    color: #949494 !important;
}

[data-bs-theme=dark] .bg-light {
    background-color: #262626 !important;
}

.rtl-mode{
    direction: rtl;
  font-family: 'IBMPlexSansArabic', sans-serif;
  text-align: right;
}
.rtl-mode form[role="search"] .form-control{
    border-radius: 0 2rem 2rem 0 !important;
}

.rtl-mode form[role="search"] .btn{
    border-radius: 2rem 0 0 2rem !important;
}

.rtl-mode .offcanvas.offcanvas-start{
    right: 0;
    left: auto !important;
}

.rtl-mode #main-container {
    margin-right: 260px;
    margin-left: 0;
}

.rtl-mode .input-switch input:checked+label .switch:before {
    transform: translate(-31px) !important; 
}