﻿@font-face {
    font-family: 'NotoKufiArabic-Regular';
    src: url('../../../fonts/Noto_Kufi_Arabic/NotoKufiArabic-Regular.ttf') format('truetype');
}

body {
    background: #f1f3f6;
    color: #4c4d4d;
    font-family: 'NotoKufiArabic-Regular' !important;
    text-align: right;
}

.offset-2 {
    margin-right: 16.66667% !important;
}

@media (min-width: 768px) {
    .offset-md-2 {
        margin-right: 16.66667%;
    }
}

.text-md-right {
    text-align: left !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #a98560 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fbfbfb !important;
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
    cursor: not-allowed !important;
}

.table-bordered thead th, .table-bordered thead td {
    background-color: #f1f1f1 !important;
}

.table-bordered tbody td {
    font-size: 12px !important;
}

.bg-c-red {
    background: linear-gradient(45deg, #c85f5f, #991c1c) !important;
}

.bg-c-yellow {
    background: linear-gradient(45deg, #ffb64d, #875814) !important;
}

.bg-c-blue {
    background: linear-gradient(45deg, #1c588f, #2e89cb) !important;
}

.bg-c-green {
    background: linear-gradient(45deg, #5fa58e, #33a36b ) !important;
}

.bg-primary {
    background: linear-gradient(45deg, #c1c1c1, #57769b) !important;
}

a {
    cursor: pointer !important;
}

.card .card-header {
    border-bottom: 0px solid #e2e5e8 !important;
    background-color: #f6f3ef !important;
    border-bottom: 2px solid #f1f1f1 !important;
    border-top: 2px solid #a98560 !important;
    padding: 20px 25px 0 25px !important;
}

label {
    font-weight: bold;
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

    .btn-check:active + .btn, .btn-check:checked + .btn, .btn.active, .btn.show, .btn:active {
        color: #ffffff;
        background-color: #a78562;
        border-color: #a78563;
    }

.btn-group {
    float: left;
}

.table td, .table th {
    padding: 0.5rem 0.5rem !important;
}

.ui-widget-header {
    border: 1px solid #a98560 !important;
    background: #a98560 !important;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'NotoKufiArabic-Regular' !important;
    font-size: 1em;
}

#Confirm {
    border: none !important;
    background: #a98560 !important;
    font-weight: normal;
    color: #ffffff !important;
}

#Cancel {
    border: 1px solid #000000 !important;
    background: #000000 !important;
    font-weight: normal;
    color: #ffffff !important;
}

.ui-dialog-title {
    color: white !important;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #ff5370 !important;
}

.jquery-validation-error {
    display: none !important;
}

@media (min-width: 576px) {
    .modal-dialog {
        min-width: 800px !important;
        margin: 1.75rem auto;
        margin-top: 5%;
    }
}

.modal-header {
    background-color: #a98560 !important;
}

    .modal-header h5 {
        color: white !important;
    }

    .modal-header .close {
        color: white !important;
    }
