.rtl
{
  direction: rtl!important;

}

.centralize
{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  text-align: center;
}

body
{
  font-family: 'Cairo'!important;
}


.dropdown_style {
    border-radius: 11px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    width: 215px;
    margin-left: 30px;
    border: none;
    padding-right: 5px;
}

 .button {
    border: none;
    background: white;
    border-radius: 11px;
    width: 60px;
    height:40px;
}


#big_div img
{
  height: 70px;
    width: 70px;
    margin-bottom: 16px;
}

#big_div h3
{
  text-align: center;
  margin: 20px 0;
  width:100%!important;
}


.sub_div
{
  border: 2px gray solid;
  border-radius: 13px;
  margin: 20px 40px;
 
  
}



/* ScrollBar */

        /* width */
    #sidebar  
    {
        overflow-y:auto!important;
    }
    ::-webkit-scrollbar {
          width: 3px;
        }

        /* Track */
        ::-webkit-scrollbar-track {
          background: #f1f1f1; 
        }
 
        /* Handle */
     ::-webkit-scrollbar-thumb {
          background: #888;
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
          background: #555; 
        }

/*sub_div div
{
 display:inline-block!important;
 width:100%!important;
 
}

.sub_div h3
{
     display:inline-block!important;
     width:100%!important;
}*/

/*.sub_div a
{
  
    display:flex;
  align-items:center;
  justify-content:center;
  
  text-align: center;
}*/

.header_div h4 {
    margin: 5px 0;
    text-align: right;
    color: white;
    font-weight: 600;
    font-size: 18px;
}


.navbar-toggler,.navbar
{
    display:none!important;
}

/*.mobile_disp
{
     display:none!important;
}*/

.dtHorizontalVerticalExampleWrapper {
max-width: 600px;
margin: 0 auto;
}
#dtHorizontalVerticalExample th, td {
white-space: nowrap;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}



@media screen and (max-width: 1199px) {
   
    .center_div
    {
        margin:0!important;
    }
       .last_div
    {
        display:block!important;
    }
    
    .last_div div
    {
        padding:0!important;
    }

    
     .desktop_icons{
        display:none!important;
    }
    .btn-primary
    {
        width:-webkit-fill-available!important;

    }

   

    .footer_div 
    {
        display: flex!important;
        align-items: center!important;
        justify-content: center!important;
        text-align: center!important;
    }

    .footer_div img
    {
        margin-left:0px!important;
    }

    .footer_divv h1 
    {
        text-align:center!important;
        color:#a72c18!important;
          margin: 10px 0px 45px 0px!important;
        font-size: 30px!important;
    }

    #desktop_view
    {
        display:none;
    }

}

@media screen and (min-width: 1199px) {
   
   .center_div
   {
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      text-align: center;
      
   }
     .mobile_icons
   {
       display:none!important;
   }

     #outlook_link_name
     {
         width:250px!important;
         height:250px!important;
     }

      #outlook_link
     {
         width:250px!important;
         height:250px!important;
     }

      #mobile_view
      {
          display:none;
      }
}

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

   
      .navbar-toggler
      {
        display:inline!important;
        height: 29px;
        margin-top: 12px;
        position: absolute;
        left: 29px;
        border: none;
        background: transparent;
        color:white;
      }

      .navbar-toggler:focus
      {
          border:none!important;
      }

      .navbar
      {
          display:contents!important;
      }
      .navbar-nav
      {
          margin:15px 0; 
          width: 100%;
         display: grid;
      }

      .navbar-nav li
      {
        margin:20px 0;
        text-align:center;
      }

      .navbar-nav a
      {
          color:white;
          font-size:20px;
      }
       #nat_Num {
        width: 200px;
    }

  }

@media screen and (max-width: 1199px) and (min-width: 767px) {


   .sub_div
   {
        margin:20px 15px!important;
        width:95%;
   }
}

@media screen and  (min-width: 767px)
{
    #nat_Num {
        width: 400px;
    }
}