/*html {
    background: url(../Images/bg.jpeg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
*/
/*the Arabic font-face form company*/


@font-face {
    font-family: 'Tajawal-Bold';
    src: url('../fonts/Tajawal/Tajawal-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Tajawal-Regular';
    src: url('../fonts/Tajawal/Tajawal-Regular.ttf') format('truetype');
}
/*---------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Cairo-Bold';
    src: url('../fonts/CairoArabic/Cairo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo-Regular';
    src: url('../fonts/CairoArabic/Cairo-Regular.ttf') format('truetype');
}
/*---------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Kufi-Black';
    src: url('../fonts/KuifiArabic/NotoKufiArabic-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Kufi-Bold';
    src: url('../fonts/KuifiArabic/NotoKufiArabic-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Kufi-SemiBold';
    src: url('../fonts/KuifiArabic/NotoKufiArabic-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Kufi-Regular';
    src: url('../fonts/KuifiArabic/NotoKufiArabic-Regular.ttf') format('truetype');
}
/*---------------------------------------------------------------------------------------*/
/*the English font-face form company*/
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/PoppinsEnglish/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/PoppinsEnglish/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Black';
    src: url('../fonts/PoppinsEnglish/Poppins-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'PTSans-Regular';
    src: url('../fonts/PT_Sans/PTSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PTSans-Bold';
    src: url('../fonts/PT_Sans/PTSans-Bold.ttf') format('truetype');
}
/*---------------------------------------------------------------------------------------*/
body {
    background-color: rgb(0 0 0 / 0%);
}
/* Buttons For All The Site 
--------------------------------*/
.item-fast {
    color: #555555;
    background-color: #fff;
}

    .item-fast:hover {
        color: #fff;
        background-color: #f47522;
        border-color: #f47522;
        text-decoration: none;
        border-radius: 1.5rem;
    }

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


.btn-fast {
    color: #fff;
    background-color: #f47522;
    border-color: #f47522;
    border-radius: 1rem;
    border-width: 1px;
}

    .btn-fast:hover {
        color: #fff;
        background-color:#f29e67 ;
        border-color: #f47522;
    }

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

    .btn-fast.disabled, .btn-fast:disabled {
        color: #ccc;
        background-color: #555555;
        border-color: #555555
    }

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


/* --------------------- End Button ------------------------------- */

/* Text Size 
--------------------------------*/
.text-fast-8 {
    font-size: 8px;
}

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

.text-fast-9 {
    font-size: 9px;
}

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

.text-fast-10 {
    font-size: 10px;
}

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

.text-fast-11 {
    font-size: 11px;
}

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

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

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

.text-fast-13 {
    font-size: 13px;
}

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

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

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

.text-fast-15 {
    font-size: 15px;
}

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

.text-fast-16 {
    font-size: 16px;
}

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

.text-fast-17 {
    font-size: 17px;
}

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

.text-fast-18 {
    font-size: 18px;
}

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

.text-fast-19 {
    font-size: 19px;
}

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

.text-fast-20 {
    font-size: 20px;
}

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

.text-fast-21 {
    font-size: 21px;
}

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

.text-fast-22 {
    font-size: 22px;
}

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

.text-fast-23 {
    font-size: 23px;
}

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

.text-fast-24 {
    font-size: 24px;
}

.text-fast-24B {
    font-size: 24px;
    font-weight: bold;
}
/* --------------------- End Text Size ------------------------------- */

/* Text Color 
--------------------------------*/
.text-fast-Blue {
    color: #337ab7;
}

.text-fast-Red {
    color: #d9534f;
}

.text-fast-Orange {
    color: #f47522;
}

.text-fast-Grey {
    color: #a1b7b9;
}

.text-fast-GreyLight {
    color: #e2e3e4;
}

.text-fast-White {
    color: #fff;
}

.text-fast-Green {
    color: #14c20d;
}
/* --------------------- End Text Color ------------------------------- */

/* BackGround Color 
--------------------------------*/
.bg-fast-Blue {
    background-color: #337ab7 !important;
}

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

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

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

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

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

.bg-fast-Green {
    background-color: #14c20d !important;
}
/* --------------------- End BackGround Color ------------------------------- */

/* Border Color 
--------------------------------*/

.border-fast-Blue {
    border-color: #337ab7 !important;
    border-width: 1px;
}

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

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

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

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

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

.border-fast-Green {
    border-color: #14c20d !important;
    border-width: 1px;
}

.border-fast {
    border-radius: 1.25rem;
    border-width: 1px;
}

.border-fast-image {
    border-radius: 0.75rem;
    border-width: 1px;
    border-color: #f47522;
}

.card-header:first-child {
    border-radius: 1.25rem 1.25rem 0rem 0rem;
}

.card-footer:last-child {
    border-radius: 0rem 0rem 1.25rem 1.25rem;
}

/*.card-meals {
    border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
}
*/ /* --------------------- End Border Color ------------------------------- */
/* Set width on the form input elements since they're 100% wide by default */

.table {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    /*.table-responsive {
    display: table;
}
    tbody {
    width: 100%;
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

*/

    .table th, .table td {
        padding: 0.5rem;
        vertical-align: middle;
        border-top: 0px;
    }
/* Tabel 
--------------------------------*/

/* --------------------- End Tabel ------------------------------- */
/* 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: #3cbded;
    background-color: white;
    font-size: 12px;
    font-weight: bold;
}

.dropdown-menu {
    width: auto;
    min-width: 7rem;
    color: white;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #754eb9;
}

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

.confActive {
    color: #ff0000;
}

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

.content-desktop {
    display: block;
}

.content-mobile {
    display: none;
}

#myLogo {
    width: 50%;
}

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

    .content-desktop {
        display: none;
    }

    .content-mobile {
        display: block;
    }

    #myLogo {
        width: 70%;
    }
}

.box-fast {
    padding: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-right-width: .25rem;
    border-radius: 2.5rem;
    text-align: center;
}

    .box-fast a {
        color: #444444;
        text-decoration: none;
        margin: 0px;
        font-weight: 600;
    }

    .box-fast:hover a {
        text-align: center;
        box-shadow: 4px 4px #6da0b5;
        background-color: #000;
        color: #f47522;
    }

.box-fastImage {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.box-fastTitle {
    font-size: large;
    font-weight: 800;
    margin-bottom: 5px;
}

.box-fastSubTitle {
    font-size: medium;
    font-weight: 500;
    margin-bottom: 5px;
}

.box-fastMore {
    margin: 30px 10px;
    padding: 5px;
    background-color: #17b2eb;
    color: #fff;
    width: auto;
}

.boxBorder-fast-Blue {
    border-left-color: #337ab7;
    border-right-color: #337ab7;
}

.boxBorder-fast-Green {
    border-left-color: #5cb85c;
    border-right-color: #5cb85c;
}

.boxBorder-fast-Red {
    border-left-color: #d9534f;
    border-right-color: #d9534f;
}

.boxBorder-fast-Orange {
    border-color: #f47522;
    /*border-right-color: #f47522;*/
}

.boxBorder-fast-Grey {
    border-left-color: #a1b7b9;
    border-right-color: #a1b7b9;
}

.boxBorder-fast-GreyLight {
    border-left-color: #e2e3e4;
    border-right-color: #e2e3e4;
}

.boxBorder-fast-White {
    border-left-color: #f2f2f2;
    border-right-color: #f2f2f2;
}

.use-hand {
    cursor: pointer;
}

.ar-font {
    font-family: 'Cairo-Regular';
}

.eng-font {
    font-family: 'Poppins-Regular';
}
/*----------------------------------------------Make the label inside textbox---------------------------------------------------------------*/
.form-label-group {
    position: relative;
}
    .form-label-group > input {
        height: calc(2em + 0.75rem + 2px);
    }

        .form-label-group > label {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        margin-bottom: 0;
        color: #f47522;
        border: 1px solid transparent;
        transition: all 0.1s ease-in-out;
        font-size: 0.75rem;
        text-align: left;
        padding: 0.6rem 0.6rem;
        pointer-events: none;
        font-weight: bold;
    }

    .form-label-group .form-control:-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group .form-control::-moz-placeholder {
        color: transparent;
    }

    .form-label-group .form-control::placeholder {
        color: transparent !important;
    }

    .form-label-group .form-control:not(:-moz-placeholder-shown) {
        padding-top: calc(0.6rem + 0.6rem * (2 / 3));
        padding-bottom: calc(0.6rem / 3);
    }

    .form-label-group .form-control:not(:-ms-input-placeholder) {
        padding-top: calc(0.6rem + 0.6rem * (2 / 3));
        padding-bottom: calc(0.6rem / 3);
    }

    .form-label-group .form-control:not(:placeholder-shown) {
        padding-top: calc(0.6rem + 0.6rem * (2 / 3));
        padding-bottom: calc(0.6rem / 3);
    }

    .form-label-group .form-control:not(:-moz-placeholder-shown) ~ label {
        padding-top: calc(0.6rem / 3);
        padding-bottom: calc(0.6rem / 3);
        font-size: 0.6rem;
    }

    .form-label-group .form-control:not(:-ms-input-placeholder) ~ label {
        padding-top: calc(0.6rem / 3);
        padding-bottom: calc(0.6rem / 3);
        font-size: 0.6rem;
    }

    .form-label-group .form-control:not(:placeholder-shown) ~ label {
        padding-top: calc(0.6rem / 3);
        padding-bottom: calc(0.6rem / 3);
        font-size: 0.6rem;
    }

/*.form-control {
    display: block;
    width: 100%;
    padding: 0.6rem 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.7;
    color: #60697b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(8, 60, 130, 0.06);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0rem;
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
*/
/*-------------------------------------------------------------------------------------------------------------*/