﻿:root {
    --button-background-color-Golden: #dfab00;
    --button-background-color-Golden-hover-0: #fffdf6;
    --button-background-color-Golden-hover: #a9881d;
    --button-background-color-Eggplant: #492a47;
    --button-background-color-Eggplant-hover: #910988;
}

head, body {
    direction: rtl;
    text-align: right;
    background: #eee;
}

.navbar-nav {
    padding-right: 0;
}

.topbar {
    direction: ltr;
}

.fa, a {
    color: var( --button-background-color-Eggplant);
}

span {
    font-size: 15px;
}

a {
    text-decoration: none;
}

.box-part {
    background: #FFF;
    border-radius: 16px;
    padding: 60px 10px;
    margin: 30px 0px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}

    .box-part:hover {
        background: var(--button-background-color-Golden-hover-0);
        pointer-events:
    }

.text {
    margin: 20px 0px;
}

.BoxLink {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    padding: 1.9rem 2.14rem;
    border-radius: 10px;
    background-color: var( --button-background-color-Eggplant);
    color: white;
}

a.BoxLink:hover {
    text-decoration: none;
    color: white;
    background-color: var( --button-background-color-Eggplant-hover);
}

.modal-xxl {
    max-width: 75% !important;
}

.btn-u {
    background: var( --button-background-color-Eggplant);
}

.header-login-area {
    width: 100%;
    padding: 0px;
    background-color: var( --button-background-color-Eggplant);
    color: white;
    padding-top: 8px;
    padding: 8px;
    margin-top: 2px;
    border-radius: 5px 5px 0 0 !important;
}

    .header-login-area h3 {
        color: white;
        text-align: center;
    }

.sidebar {
    background-image: radial-gradient(circle at 10% 20%, #492a47 0%, #910988 90%);
}

.innerbox:hover {
    background-color: var(--button-background-color-Golden-hover);
    text-decoration: none;
}

a:hover {
    text-decoration: none
}

.btn-success {
    background-color: var(--button-background-color-Golden)
}

.scroll-to-top {
    background-color: var(--button-background-color-Golden)
}

.btn-success:hover {
    background-color: var(--button-background-color-Golden-hover);
    border-color: var(--button-background-color-Golden-hover);
}

.btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u {
    background: #039047;
}

.iti--separate-dial-code .iti__selected-flag {
    direction: ltr;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    direction: ltr;
}

.bootbox-body {
    font-weight: normal;
}

.modal-footer {
    padding: 15px;
    text-align: left;
    border-top: 1px solid #e5e5e5;
}

.btn_confirm {
    margin-bottom: 0;
    margin-right: 5px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 6px 13px;
    position: relative;
    background: #72c02c;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}

.modal-content {
    direction: rtl;
    border-radius: 10px !important;
    width: 70% !important;
    margin: auto;
}

.modal-footer {
    direction: ltr;
}

.btn-Cancel {
    background-color: #fff;
    border-color: #ccc;
    margin-bottom: 0;
    margin-right: 5px;
    cursor: pointer;
    font-weight: bold;
    padding: 6px 13px;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}

.MsgTitle {
    color: white;
}

.modal-header {
    background-color: #444d58;
}

.close {
    float: left;
}

.modal-dialog {
    z-index: 50000;
}

.ph {
    direction: ltr;
}

.RegBtn {
    float: left;
}

.text-danger {
    color: #e74c3c;
    font-size: 12;
}

.modal-header {
    background-color: #444d58;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

* {
    font-family: "DroidKufi-regular";
}

.modal-backdrop.in {
    filter: alpha(opacity = 50);
    opacity: .5;
}