html,
body {
    direction: rtl !important;
}

html,
body,
a {
    font-family: 'Cairo', sans-serif !important;
    letter-spacing: 0.5px;
}




h2 {
    letter-spacing: 0.5px;
}


.logo-nav h2 {
    margin-right: auto;
    margin-left: unset;
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 25px;
}


.login-form-con {
    direction: rtl;
}


.main-nav .dropdown-menu {
    text-align: right;
}

.main-nav .navbar-nav-snd {
    margin-left: unset;
    margin-right: auto;
}

.main-section {
    direction: rtl;
}



.add-form label {
    letter-spacing: -.5px;
}


.delete-form-btn {
    left: -21px;
    right: unset;

}

/* .form-error {
    position: relative;
    left: 39px;
    top: 3px;
} */

/* ============  Login Page ================ */

.main-section .welcome-text {
    font-family: 'Cairo', sans-serif;
}

.main-section .welcome-text p:last-child {
    margin-top: 14px;
}

.login-form-con label {
    font-weight: 500;
}

.login-form-con .input-group-addon {
    border-left-color: #b1b3b3;
    border-left-style: solid;
    border-left-width: 1px;

    border-right-color: rgb(177, 179, 179);
    border-right-style: solid;
    border-right-width: 1px;
    border-right: 0;
    border-radius: 0;
}

.login-form-con .input-group input[type=email],
.login-form-con .input-group input[type=password] {
    padding-right: 10px;
}



/* ============= First Nav =============== */
.first-nav .navbar-nav {
    margin-right: auto;
    margin-left: unset;
}

.first-nav .navbar-nav .custom-dropdown .dropdown-menu {
    right: 0 !important;
    left: unset !important;
}

.first-nav .navbar-nav .custom-dropdown .dropdown-item {
    text-align: right;
}


/* =============== Second Nav =============== */
.second-nav .navbar-nav .nav-link {
    margin-left: 56px;
    margin-right: unset;
}

.second-nav .navbar-nav .dropdown-menu {
    right: 0 !important;
    left: unset !important;
}

.second-nav .navbar-nav .dropdown-menu a {
    text-align: right;
}

/* =============== Add Member =============== */
.new-member-card label.form-label {
    border-left: 2px solid #6f666661;
    border-right: unset;
    text-align: right;
}

.new-member-card input[type=text],
.new-member-card input[type=email],
.new-member-card select {
    margin-right: -4px;
    margin-left: unset;
}

.terms-link {
    letter-spacing: 0.4px;
}


/* ====================== Tables ================== */
.my-table {
    text-align: right;
}

.my-table .my-btn {
    padding: 0px 25px;
}

.activate-table thead th,
.activate-table tbody td {
    font-family: 'Cairo';
    text-align: right;
}

.activate-table thead th {
    font-size: 14px;
}

.activate-table thead td {
    font-size: 15px;
}


/*  */

/* ===================== Headers ================== */
.header-title i {
    margin-left: 1px;
}

.header-title .btn-con>span:first-child {
    letter-spacing: 0.5px;
}


/* =================== Forms ======================= */
.tabs-container .tab-content .asterisk {
    right: 4px;
    left: unset;
}


.tabs-container .tab-content table td.input .next-text {
    right: unset;
    left: 0;
}

/* =================== Modal ======================== */
.modal .modal-header .btn-close {
    margin: -.5rem auto -.5rem -.5rem;
}


/* ===================== Alerts ====================== */
.my-alert {
    letter-spacing: .5px;
}


.member-info-alert,
.main-alert {
    left: 137px;
    right: unset;
}

/* .member-info-alert .alert,
.main-alert .alert {
    left: 23px;
    right: unset;
} */


/* ===================== Text ======================== */
.my-text-start {
    text-align: right !important;
}



/* ===================== Pagination =================== */
.page-item:first-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


/* ======================= Forms ========================== */
.tabs-container .tab-content table th {
    font-size: 12px;
}

.my-form .input-con span {
    border: 1px solid #858585;
    border-right: unset;
}

.my-form .label {
    margin-bottom: 7px;
}



/* ======================= Home =========================== */

.main-section .home .card .card-body .title {
    text-align: right;
}

.home-table tbody,
.home-table thead {
    text-align: right;
}



/* ============== Form Back Btn ==================== */

.form-back-btn {
    padding: 2.3px 12px !important;
    font-size: 14px !important;
}

/* ================================================= */


/* ==================== Search Form ================= */
.search-form button {
    border-right: unset;
    border-left: 1px solid #8f8f9d !important;
}