/* cairo-regular - arabic */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    src: url('../../cairo-v14-arabic/cairo-v14-arabic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../cairo-v14-arabic/cairo-v14-arabic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../cairo-v14-arabic/cairo-v14-arabic-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../cairo-v14-arabic/cairo-v14-arabic-regular.woff') format('woff'), /* Modern Browsers */
         url('../../cairo-v14-arabic/cairo-v14-arabic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../cairo-v14-arabic/cairo-v14-arabic-regular.svg#Cairo') format('svg'); /* Legacy iOS */
  }

  html,body,a,p,h1,h2,h3,h4,h5,h6,label,td,th,button,div,span,pre {
    font-family: 'Cairo', sans-serif !important;
  }

:root {
    /*--BG1_1: #fafdff;*/
    /*
    --BG1_1: #eff8ff;
    --Color1_1: #00a2ff;
    --Color1_2: #008bdb;
    --Color1_3: #40b9ff;
    --Color1_4: #80d0ff;
    --Color1_5: #92cff1;
    --Color1_6: #e4f5ff;
    --Color1_7: #f2f9ff;
    */
    --BG1_1: #ebf0ff;
    --Color1_1: #263b80;
    --Color1_2: #1c2b5e;
    --Color1_3: #3f59af;
    --Color1_4: #819eff;
    --Color1_5: #96abf0;
    --Color1_6: #e3e9ff;
    --Color1_7: #f1f4ff;

    /*
    --BG1_1: #fdfbff;
    --Color1_1: var(--indigo);
    --Color1_2: #4400b3;
    --Color1_3: #914dff;
    --Color1_4: #b080ff;
    --Color1_5: #ad9ec5;
    --Color1_6: #f0e5ff;
    --Color1_7: #f8f5ff;
    */
    --Color1_8: #ffffff;
    --Color1_9: #000000;
    --Color1_10: #aaaaaa;
    --Color1_11: transparent;
    

    /* Body */
    --BodyBG: var(--BG1_1);
    --Bodynavbar1Back_1_1: var(--Color1_3); --Bodynavbar1Back_1_2: var(--Color1_1); --Bodynavbar1Back_1_3: var(--Color1_3);
    /* Login */
    --LoginBodyBG: var(--Color1_3);
    --LoginBodyFC: var(--Color1_1);
    --LoginMainBG: var(--Color1_8);
    --LoginTitleFC: var(--Color1_1);
    /* Scroll */
    --ScrollbarTrack: var(--BG1_1);
    --ScrollbarThumbBG: var(--Color1_1);
    --ScrollbarThumbBorder: var(--Color1_6);
    --ScrollbarThumbHover: var(--Color1_3);
    /* Navbar */
    --Navbar1BG: var(--Color1_8);
    --Navbar1FC: var(--Color1_1);

    --Navbar2BG: var(--Color1_1);
    --Navbar2FC: var(--Color1_8);
    --Navbar2CollapseBorderTop: var(--Color1_8);

        /* Notification */
        --Nav1NotiBG: var(--Color1_8);
        --Nav1NotiFC: var(--Color1_1);
        --Nav1NotiShadow: var(--Color1_1);
        --Nav1NotiWave: var(--Color1_5);

        --Nav2NotiBG: var(--Color1_8);
        --Nav2NotiFC: var(--Color1_1);
        --Nav2NotiShadow: var(--Color1_8);
        --Nav2NotiWave: var(--Color1_4);

    --NavbarDropdownContent1: var(--Color1_8);
    --NavbarDropdownHeaderBG: var(--Color1_1);
    --NavbarDropdownHeaderFC: var(--Color1_8);
    --NavbarDropdownColumn1BG: var(--Color1_8);
    --NavbarDropdownColumn1BorderR: var(--Color1_8);
    --NavbarDropdownColumn1FC: var(--Color1_9);
    --NavbarDropdownColumnABorder: var(--Color1_6);
    --NavbarDropdownColumnAHover: var(--Color1_7);
    /* Sidebar */
    --SidebarBG_1_1: var(--Color1_3); --SidebarBG_1_2: var(--Color1_1);
    --SidebarFC: var(--Color1_8);
    --SidebarBGIcon: var(--Color1_8);
    --SidebarFCIcon: var(--Color1_1);
    --SidebarBorder: var(--Color1_4);
    --SidebarBGFirstCh: var(--Color1_8);
    --SidebarFCFirstCh: var(--Color1_1);

    --ToolTip1BG: var(--Color1_1);
    --ToolTip1FC: var(--Color1_8);
    --ToolTip1Border: var(--Color1_2);
    /* Sidebar2 */
    --Sidebar2BG: var(--Color1_8);
    --Sidebar2FC: var(--Color1_3);

    --Sidebar2BGActive: var(--Color1_3);
    --Sidebar2FCActive: var(--Color1_8);

    --Sidebar2BGSubMenu: var(--Color1_7);

    --Sidebar2BGSubMenuActive: var(--Color1_6);
    --Sidebar2FCSubMenuActive: var(--Color1_3);
    
    --Sidebar2Border: var(--Color1_5);
    --Sidebar2Tab1Border: var(--Color1_6);
    --Sidebar2Tab1BtnFC: var(--Color1_1);
    --Sidebar2Tab1BtnActiveBG_1_1: var(--Color1_3); --Sidebar2Tab1BtnActiveBG_1_2: var(--Color1_3);
    --Sidebar2Tab1BtnActiveFC: var(--Color1_8);
    /* Card */
    --CardHeader1BG: var(--Color1_8);
    --CardHeader1FC: var(--Color1_1);
    --CardHeader1Border: var(--Color1_5);

    --Card2BG: var(--Color1_8);
    --Card2Border: var(--Color1_6);

    --CardHeader2BG: var(--Color1_11);
    --CardHeader2FC: var(--Color1_5);
    --CardHeader2Border: var(--Color1_6);

    --CardBody2BG: var(--Color1_11);
    --CardBody2FC: var(--Color1_2);
    /* Tab2 */
    --Tab2BtnFC: var(--Color1_5);
    --Tab2BtnBorder: var(--Color1_6);
    --Tab2BtnFCHover: var(--Color1_3);
    --Tab2BtnBGActive_1_1: var(--Color1_4); --Tab2BtnBGActive_1_2: var(--Color1_1);
    --Tab2BtnFCActive: var(--Color1_8);
    /* Btn */
    --BtnLight: var(--Color1_6);

    --BtnGradient_1_1: var(--Color1_2); --BtnGradient_1_2: var(--Color1_1); --BtnGradient_1_3: var(--Color1_2);
    /* Table */
    --TBtn1BG: var(--Color1_7);
    --TBtn1FC: var(--Color1_3);
    --TBtn1Border: var(--Color1_5);
    --TBtn1BGHover: var(--Color1_4);
    --TBtn1FCHover: var(--Color1_8);
    --TBtn1BorderHover: var(--Color1_4);

    --THeadBorder: var(--Color1_5);
    --TBodyBG: var(--Color1_7);
    --TBodyTrBGHover: var(--Color1_6);
    --TBodyTrFCHover: var(--Color1_2);

    --TPageLinkBGActive: var(--Color1_4);
    --TPageLinkBorderActive: var(--Color1_4);
    /* Input */
    --Wrapper1InputBG: var(--Color1_6);
    --Wrapper1InputBorder: var(--Color1_6);

    --Wrapper1labelBG: var(--Color1_8);
    --Wrapper1labelFC: var(--Color1_2);
    --Wrapper1labelBorder: var(--Color1_6);
    /* Date */
    --Date1Border: var(--Color1_5);
    --Date1HeaderBG: var(--Color1_3);
    --Date1HeaderBorder: var(--Color1_4);
    --Date1ArrowBG: var(--Color1_4);
    --Date1ArrowFC: var(--Color1_8);
    --Date1ArrowBorder: var(--Color1_4);
    --Date1MYFC: var(--Color1_1);
    --Date1MYBorder: var(--Color1_5);
    --Date1WeekFC: var(--Color1_1);

    --Date1DayBGDefault: var(--Color1_4);
    --Date1DayBoderDefault: var(--Color1_3);

    --Date1TodayBG: var(--Color1_1);
    --Date1TodayBoder: var(--Color1_2);

    --Date1DayBGActive: var(--Color1_7);
    --Date1DayBoderActive: var(--Color1_5);
}
.BG_1 { background-color: var(--Color1_1) !important; }
.BG_2 { background-color: var(--Color1_2) !important; }
.BG_3 { background-color: var(--Color1_3) !important; }
.BG_4 { background-color: var(--Color1_4) !important; }
.BG_5 { background-color: var(--Color1_5) !important; }
.BG_6 { background-color: var(--Color1_6) !important; }
.BG_7 { background-color: var(--Color1_7) !important; }

.FC_1 { color: var(--Color1_1) !important; }
.FC_2 { color: var(--Color1_2) !important; }
.FC_3 { color: var(--Color1_3) !important; }
.FC_4 { color: var(--Color1_4) !important; }
.FC_5 { color: var(--Color1_5) !important; }
.FC_6 { color: var(--Color1_6) !important; }
.FC_7 { color: var(--Color1_7) !important; }

.FS_Point6 {
    font-size: .6rem !important;
}
.FS_Point7 {
    font-size: .7rem !important;
}
.FS_Point8 {
    font-size: .8rem !important;
}
.FS_Point9 {
    font-size: .9rem !important;
}

.Gradient1 {
    background: linear-gradient(90deg, var(--Color1_3),var(--Color1_1)) !important;
    color: var(--Color1_8);
}
/* Start ScrollBar */
/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--ScrollbarTrack);
    border-radius: 10px;
}
/* Handle*/
::-webkit-scrollbar-thumb {
    background: var(--ScrollbarThumbBG);
    border-radius: 10px;
    border: 2px solid var(--ScrollbarThumbBorder);
}
/* Handle on hover*/
::-webkit-scrollbar-thumb:hover {
    background: var(--ScrollbarThumbHover);
}
/* End ScrollBar */
/* Start Spinner1 */
.spinner1 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 200px;
    border: 5px solid rgba(0, 0, 0, .1);
    border-left: 5px solid #f00;
    border-right: 5px solid #f00;
    animation: spinner1 1.5s linear infinite;
}

@keyframes spinner1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* Start Section Loading */
.loading-overlay {
    background-color: var(--Color1_1);
    color: var(--Color1_8);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999999;
    display: flex;
    align-items: center;
}
.spinner {
    /*margin: 100px auto 0;*/
    /*width: 70px;*/
    margin: auto;
    width: 100%;
    text-align: center;
}
.spinner > div {
    /*width: 18px;
    height: 18px;*/
    width: 35px;
    height: 35px;
    /*background-color: #333;*/
    background-color: var(--Color1_8);

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}
@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { 
        -webkit-transform: scale(0);
        transform: scale(0); 
    }
    40% { 
        -webkit-transform: scale(1.0);
        transform: scale(1.0); 
    }
}
/* End Section Loading */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0 !important;
}
*:focus {
    outline: none !important;
}
ul {
    list-style-type: none;
}
a {
    text-decoration: none !important;
    cursor: pointer !important;
}
button:focus {
    outline: 0 !important;
}
button:active {
    outline: none !important;
    border: none !important;
}
.Pointer {
    cursor: pointer !important;
}
.btn:focus {
    outline: 0 !important;
}
body {
    margin: 0;
    background-color: var(--BodyBG);
    overflow: hidden;
}
.dashboard1 {
    margin: 12px;
}
.container-fluid {
    float: left;
    width: calc(100% - 107px);
    height: calc(100% - 62px);
    margin-top: 74px;
}
.row {
    padding: 0;
    margin: auto -27px;
}
@media screen and (max-width: 992px) {
    .container-fluid {
    width: 100%;
    /*margin-top: 62px;*/
    margin-top: 50px;
    }
    .Padding0 {
        padding: 0 !important;
    }
}
/* Start Print */
.dvContainer1 {
    display: none;
}
@media print {
   .dvContainer1 {
    display: block;
   }
   .table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid var(--Color1_9) !important;
    border-collapse:collapse !important;
    border-spacing: 0 !important;
   }
   .table-bordered.dataTable {
    border-collapse:collapse !important;
   }
   .table-bordered thead th {
    border-bottom: 2px solid var(--Color1_9) !important;
    border-collapse:collapse !important;
    border-spacing: 0 !important;
}
   @page {
    margin:20mm auto
    }

}
/* End Print */