body{
    font-family: "Droid Arabic Kufi",serif;
    font-size: 16px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
}

.text-menu-12 {
    font-size: 12px;
    font-weight: bold;
}

.text-menu-14 {
    font-size: 14px;
}

.text-ClientMenu14 {
    font-size: 14px;
    font-weight: bold;
}

.text-ClientMenu13 {
    font-size: 14px;
}

.text-12B {
    font-size: 12px;
    font-weight: bold;
}

.text-12 {
    font-size: 12px;
}

.text-price {
    font-size: 1.5rem;
    font-weight: bold;
    color:#7e3e01;
}

.text-table {
    font-size: 16px;
    color: #337ab7;
}

.color-fastB {
    color: #337ab7;
}

.color-fastR {
    color: #d9534f;
}

.color-fastW {
    color: #fff;
}

.color-fastG {
    color: #14c20d;
}

.bg-fast {
    background-color: #555 !important;
}

a.bg-fast:hover, a.bg-fast:focus,
button.bg-fast:hover,
button.bg-fast:focus {
    background-color: #17b2eb !important;
}

.border-fast {
    border-color: #343434 !important;
    border-width: 1px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.nav-item-left > a {
    padding: 0px 2px 0px 2px;
    color: white;
}

.nav-link-left {
    padding: 2px 4px 2px 4px;
    color: #204d74;
    background-color: white;
    font-size: 12px;
    font-weight: bold;
}

.dropdown-menu {
    width: auto;
    min-width: 5rem;
    color: white;
}
.navbar-dark .navbar-nav .active > .nav-link ,
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    /*font-weight: bold;*/
}

    .navbar-dark .navbar-nav .nav-link:hover {
        color: #fff000;
        background-color: #555;
        font-weight: bold;
    }

.mActive {
    background-color: #808080;
}

.mmActive {
    color: #ffffff !important;
}

#authorMenu ul {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.bg-menu {
    background-color: #adc8db;
}

.confActive {
    color: #ff0000;
}

.remark {
    color: lightslategrey;
    font-size: small;
}

.content-desktop {
    display: block;
}

.content-mobile {
    display: none;
}

#logo12 {
    width: 15%;
    height: auto;
}
#logo13 {
    width: 60%;
    height: auto;
}

@media screen and (max-width: 768px) {

    .content-desktop {
        display: none;
    }

    .content-mobile {
        display: block;
    }

    #logo12 {
        width: 50%;
        height: auto;
    }

    #logo13 {
        width: 70%;
        height: auto;
    }
}

.mBox {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: #f3f3f3;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-right-width: .25rem;
    border-radius: .5rem;
}

.mBox-primary {
    border-left-color: #337ab7;
    border-right-color: #337ab7;
}

.mBox-success {
    border-left-color: #5cb85c;
    border-right-color: #5cb85c;
}

.mBox-danger {
    border-left-color: #d9534f;
    border-right-color: #d9534f;
}

.mBoxtitle-primary {
    color: #337ab7;
}

.mBoxtitle-success {
    color: #5cb85c;
}

.mBoxtitle-danger {
    color: #d9534f;
}

.form-control{
    padding:0px;
}

.btn-fast {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-fast:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-fast:focus, .btn-fast.focus {
        box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
    }

    .btn-fast.disabled, .btn-fast:disabled {
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-fast:active, .btn-fast.active,
    .show > .btn-fast.dropdown-toggle {
        background-color: #138496;
        background-image: none;
        border-color: #117a8b;
    }

.bg-fast-light {
    background-color: #ebe9e9 !important;
}