/* Add here all your CSS customizations */
@media (min-width: 992px) {
    html[dir="rtl"].chrome #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
        top: 100%;
    }
}

@media (min-width: 992px) {
    html[dir="rtl"].chrome #header .header-nav-main nav > ul > li.dropdown.dropdown-mega.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown.dropdown-mega:hover > .dropdown-menu {
        top: 101px;
    }

    .content-header {
        position: relative;
        padding: 15px;
        padding-bottom: 0px;
    }
    .client-dashboard-breadcrumb {
        border-bottom: 0px solid #eee;
        display: block;
        padding: 0;
    }
    .dashboard-breadcrumb {
        width: 100%;
        border-bottom: 1px solid #E5E5E5;
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .arabic .back-btn-wrapper {
        float: left;
    }
    .back-btn-wrapper {
        float: left;
    }

    .back-btn {
        cursor: pointer;
    }
    .back-btn {
        border: 1px solid #0485c2;
        background-color: #0485c2;
        padding: 2px 10px;
        border-radius: 4px;
        float: left;
        margin-left: 10px;
        margin-bottom: 3px;
    }

    .back-btn a {
        color: #ffffff;
        font-size: 12px;
    }
    .fw-500 {
        font-weight: 500;
    }
    a {
        outline: 0;
    }
    a {
        color: #3c8dbc;
    }
    
    a {
        color: #337ab7;
        text-decoration: none;
    }
    a {
        background-color: transparent;
    }
    th {
        text-align: right;
    }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: right;
    }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right;
    }

    .page-header h2 {
        float: right;
    }

    .header .logo {
        float: right;
    }
    .header-right {
        float: left;
    }
    .dropdown-menu {
        text-align: right;
    }
    .notification-menu .image {
        float: right;
    }
    .form-control {
       font-size: 12px;
    }
    .panel-actions {
        left: 15px;
    }
    .panel {
        direction: rtl;
    }
    .panel-title {
        left: 0;
    }

    .hidden_div{display: none;}

    .page {
        width: 21cm;
        min-height: 29.7cm;
        padding: 2cm;
        margin: 1cm auto;
        border: 1px #D3D3D3 solid;
        border-radius: 5px;
        background: white;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }
    .subpage {
        padding: 1cm;
        border: 5px red solid;
        height: 237mm;
        outline: 2cm #FFEAEA solid;
    }

    @page {
        size: A4;
        margin: 0;
    }
    @media print {
        .page {
            margin: 0;
            border: initial;
            border-radius: initial;
            width: initial;
            min-height: initial;
            box-shadow: initial;
            background: initial;
            page-break-after: always;
        }
    }
}