/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "GESSTextLight-Light";
  src: url("../fonts/ar/light/GESSTextLight.eot"); /* IE9 Compat Modes */
  src: url("../fonts/ar/light/GESSTextLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/ar/light/GESSTextLight.otf") format("opentype"), /* Open Type Font */
    url("../fonts/ar/light/GESSTextLight.svg") format("svg"), /* Legacy iOS */
    url("../fonts/ar/light/GESSTextLight.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/ar/light/GESSTextLight.woff") format("woff"), /* Modern Browsers */
    url("../fonts/ar/light/GESSTextLight.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GESSTextMedium-Medium";
  src: url("../fonts/ar/bold/GESSTextMedium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/ar/bold/GESSTextMedium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/ar/bold/GESSTextMedium.otf") format("opentype"), /* Open Type Font */
    url("../fonts/ar/bold/GESSTextMedium.svg") format("svg"), /* Legacy iOS */
    url("../fonts/ar/bold/GESSTextMedium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/ar/bold/GESSTextMedium.woff") format("woff"), /* Modern Browsers */
    url("../fonts/ar/bold/GESSTextMedium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

	* {
  /* font-family: 'GESSTextLight-Light'; */
  
  font-family: 'Tajawal', sans-serif;

	font-size: 16px;


	}

    /* autocompleted instead of dropdown  */

  /*
  * IMPORTANT: Set the parent container to position: relative;
  * This allows the dropdown (absolute) to position itself correctly below the input field.
  */
  .form-group {
    position: relative; 
  }

  /* * Styles for the main autocomplete results list (ul.autocomplete-list) */
  .autocomplete-list {
    /* Positioning to ensure it appears above other content */
    position: absolute; 
    z-index: 1000; 
    /* Control the width to match the input field */
    width: 100%; 
    /* Reset default list styles */
    list-style: none;
    padding: 0;
    margin: 0;
    /* Border and background styling */
    border: 1px solid #ccc; 
    border-top: none; /* Remove top border to visually connect with the input */
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
    /* Height and overflow control */
    max-height: 200px; 
    overflow-y: auto; /* Add scrollbar if results exceed max-height */
    border-radius: .4375rem;
  }

  /* * Styles for individual result items (li) */
  .autocomplete-list li {
    padding: .5rem 0;
    cursor: pointer;
    border-bottom: none !important;
    font-size: 1rem;
    padding-left: .5rem;
    text-align: left; /* Ensure text alignment is correct for RTL interfaces */
  }

  /* * Hover effect for better user experience */
  .autocomplete-list li:hover {
    background-color: #f6f9fc !important;
    color: #16181b;
  }

 label.float-right {
    float: left !important;
}
  .filter-option-inner{
    float:left;
  }

  .form-control:focus {
    color: #8898aa;
    border-color: #9daab9;
    outline: 0;
    background-color: #fff;
    box-shadow: none, none;
}

  .filter-option *{
    font-size: 12px !important;
}

  .mt--7, .my--7 {
    margin-top: 0rem !important;
  }
  
@media (min-width: 768px){
  .main-content .container-fluid {
      padding-right: 30px !important; 
      padding-left: 50px !important;
  }
}
  body,.container-fluid .mt--7 {
    background-color: #fff !important;
  }

  .footer {
    padding: 2.5rem 0;
    background: #ffffff;
}

/* .navbar-vertical {
  box-shadow: none !important;
} */


/* .navbar .navbar-vertical .fixed-right .navbar-expand-md .navbar-light .bg-white{


  background: linear-gradient(1deg, #fff 0, #fff 100%) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


} */

nav#sidenav-main{
 margin-right: 0;
 background:#fff !important;
 /* box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; */

}

div#navbar-drop1 ul,
div#navbar-drop2 ul,
div#navbar-drop3 ul,
div#navbar-drop4 ul,
div#navbar-drop5 ul,
div#navbar-drop6 ul,
div#navbar-drop7 ul
{
  margin-top: -6px;
}

/* div#navbar-examples {
  margin-top: -110px;
} */
  /***************/

@media (min-width: 768px){

  .main-content .navbar-top {
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0;
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding: 0rem 0rem;
    /* background-color: transparent; */
    background: linear-gradient(1deg, #fff 0, #fff 100%) !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  }

  #header-img{
    position: absolute;
    width: 19%;
    left: 0;
    bottom: 0;
    top: 0;
    /* max-height: 8rem; */
    margin-top: auto;
  }

 img.nasal-logo{

    position: inherit;
    width: 19%;
    right: 0;
    bottom: 0;
    top: 0;
    /* max-height: 8rem; */
    margin-top: auto;

  }
  }

  @media (max-width: 768px){

    img.nasal-logo{
    visibility: hidden;

    }
  }
  




  @media (min-width: 768px){
  .navbar-vertical.navbar-expand-md {
      display: block;
      position: fixed;
      top: 0;
      bottom: 0;
      width: 100%;
      max-width: 250px;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      overflow-y: auto;
  }
}
/*   
  .navbar-vertical.navbar-expand-md.fixed-left {
    left: 0;
    border-width: 0 1px 0 0;
    border: 1px solid rgba(197, 197, 197, 0.73);
  } */
  
  #card-img{
   position: absolute;
  }
  .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid rgba(197, 197, 197, 0.73);
    border-radius: 0;
    background-color: #fff;
    background-clip: border-box;
    
    width: 99%;
  }
  
  .card-header{

    margin-bottom: -30px;
  }
  /* .card.shadow.text-right{
    margin-top: 2.5rem;
  } */

  /* .card.bg-gradient-default.shadow {
    margin-top: 2rem;
  } */

  .bg-default {
    background-color: #9e2223 !important;
}

@media (min-width: 992px){
.mt--300 {
    margin-top: 0px !important;
}
}



 
thead input {
  width: 100%;
  padding: 3px;
  box-sizing: border-box;
}

.fill-default {
  fill: #9e2223;
}
  .custom-file-input ~ .custom-file-label::after {
    content: "اضغط هنا";
}

  canvas {
    background-color: #fff;
  }
  
  .bg-gradient-default {
    background: #fff !important;
  }
  /**************/
	.font-bold {
	font-family: 'GESSTextMedium-Medium';
	font-size: 24px;

	} 
 .checkbox_txt{
    right: 40px;
    top: 19px;
    position: absolute;
}

/* input[type="text"]:focus, input[type="search"]:focus{
  border:2px solid #5e72e4;
} */


button.btn.dropdown-toggle.btn-light{
  box-shadow: none;
}

.card-footer{

  padding: 1.25rem 1.2rem;

}

table{
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  /* table-layout: fixed; */
  word-wrap:break-word;

}

/* .table th, .table td {
  padding: 0.4rem !important;

} */
:focus {
  outline: 0;

}

input[type='text']{
text-align:left;

    padding: 0.25rem .5rem;
    border-radius: 0.75rem;
    background-color: white;
   
    /* width: 10px !important; */
   font-size: 16px;

}

input[type='email']{
text-align:left;
font-size: 16px;
}

input[type='password']{
text-align:left;
font-size: 16px;
}

input[type='number']{
text-align:left;
font-size: 16px;
}

::placeholder {
  color: #dadada !important;
  opacity: 1; /* Firefox */
  font-size: 16px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #dadada !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #dadada !important;
}

.media{
  direction: rtl ;
}

/* .navbar-nav.nav-item{
  direction: ltr;

margin-right: auto;
margin-left: 50px;

} */
.navbar-nav{
  direction: ltr;

margin-right: auto;
margin-left: 50px;

/*  ar style  */
  /* direction: rtl;

margin-right: auto;
margin-left: 50px; */
  
}

@media(min-width: 768px){
#alert{

  font-size: xx-large;color:#fff;
 
 -webkit-text-fill-color: white; /* Will override color (regardless of order) */
 -webkit-text-stroke-width: 1px;
 -webkit-text-stroke-color: #5fbcc7;
 padding-top: 8px;
}

#alert:hover {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #0095a5;
}

.notification {
   
  color: white;
  text-decoration: none;
  padding: 15px 26px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}



.notification .badge {
  position: absolute;
  top: 17px;
  right: 19px;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: #f5365c;
  color: white;
}

}

.nav-link i.ni {
  position: relative;
  top: -2px;
  margin-left: 3rem; 
}

.fa{
      margin: 0.2rem;
    margin-top: 0rem;
    color: rgba(0, 0, 0, .5) !important;
}

@media (min-width: 768px){
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before {
  top: .25rem;
  /* right: 0; */
  bottom: 0.25rem;
  left: 14.8rem;
  border-bottom: 0;
  border-left: 2px solid #5e72e4 !important;
}
}
@media (min-width: 768px){
.navbar:not(.navbar-nav-hover) .dropdown-menu.show {
   
    margin-right: -31px !important;
}

.dropdown-menu{

  min-width: 5rem;
}
}
.navbar-vertical.navbar-expand-md .navbar-nav{

  margin-top: 110px;
  text-align: left !important;
} 


  @media (min-width: 768px){

 /* Hide scrollbar for Chrome, Safari and Opera */
.navbar.navbar-vertical.navbar-expand-md::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
.navbar.navbar-vertical.navbar-expand-md {
  -ms-overflow-style: none;
} 

  }

.nav-link{
  padding: .65rem 1.5rem;
  /* padding-left: 36px; */
  margin: 11px;
  margin-right: -33px;
}
@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link {
    /* padding-right: 16rem; */
     padding-left: 10rem;
}

.ml-3, .mx-3 {
  margin-left: -30rem !important;
}
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(8, 8, 8, 0.95);
}

.bg-gradient-primary{
   background: #fff !important;

}

.btn-primary {
    color: #fff;
    border-color: #607d8b;
    background-color: #22556d;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn-primary:hover {
    color: #fff;
    border-color: #607d8b75;
    background-color: #607d8bb0;
}



.navbar-search-dark .form-control {
    color: #607D8B;
}

.page-item .page-link, .page-item span {

  color: #fff;
  background-color: #5e72e4;
}


.table td, .table th {
  font-size: 16px;
  text-align: center;
  white-space: pre-line;
  white-space: nowrap;
  margin: 1rem;
  width:10px !important;
}

.card .table td, .card .table th {
  /* padding-right: 2rem;
  padding-left: 2rem; */
  /* padding-right: 7rem;
  padding-left: 0rem; */
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

i.fas.fa-plus-circle.fa-3x {
  padding-left: 3rem;

  margin-bottom: -2.4rem;

}

.create-icon{
  margin-top: 2.6rem;
  position: absolute;
}

.fa-3x {
  font-size: 2.6em;
}

.table thead th{
  font-size: 14px;
  text-align: center;
}

input.form-control.form-control-sm{
    width: 15rem;
}
.form-control-sm{

  height: calc(1.8125rem + 11px);
  padding: 0.25rem 2.5rem;
  border-radius: 0.75rem;
  background-color: white;
  border-color: #5e72e4;
  /* width: 11rem; */
  text-align: center;
}

.custom-select.custom-select-sm.form-control.form-control-sm>option{
 color:#000;
 text-align: center !important;
 
}

.btn-light {
  color: #212529;
  background-color: #fff;
  border-color: #f8f9fa;
}

.bootstrap-select .dropdown-toggle .filter-option:hover {
 
 
  text-align: right!important;
}

.bootstrap-select .dropdown-toggle .filter-option {
  color: #9daab9;
  background-color: #fff;
  border-color: #f8f9fa;
  text-align: right!important;
}
.dropdown-item{
  text-align: left!important;
}

.bootstrap-select>.dropdown-toggle{
  color: #000;
  background-color: #fff;
  border-color: #f8f9fa;
}

label{
  font-size: 16px;
  font-weight: bold;
}

.show > .btn-light.dropdown-toggle {
  color:#9daab9;
  background-color: #fff;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active{
  color: #9daab9;
  background-color:#fff;
  border-color: #f8f9fa; 
}

.dropdown-item.active, .dropdown-item:active {
  text-decoration: none;
  color: #fff;
  background-color: #22556d;
}

.navbar-vertical .navbar-nav .nav-link[data-toggle='collapse']:after {
  display: none;
}

.navbar-vertical .navbar-nav .nav-link{

  font-size: 16px;
}
/*
* RTL support
*/
.table-responsive{
  direction: ltr;
  min-height: 400px;
  }
 
 /* table  *{
    direction: rtl;
    } */

  .dataTables_length {

    padding-left: 22px;
    margin-right: 17px;
    float: left;
    text-align: left;

    /* direction: ltr;
    text-align: right;
    position: absolute; */

  }

  /* .dataTables_length > .custom-select .custom-select-sm .form-control .form-control-sm{
    position: fixed;
  } */


  .dataTables_filter {

    float: left;
    text-align: left;

    /* text-align: right;
    position: absolute; */
    

  
  }


  #DataTables_Table_0_last {
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -khtml-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  -khtml-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -khtml-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  -khtml-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  }
  #DataTables_Table_0_first {
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -khtml-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  -khtml-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -khtml-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  
  -moz-border-radius-topleft: 0px; 
  -webkit-border-top-left-radius: 0px;
  -khtml-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  }
  .dataTables_info {
  float: left;
  }
  .dataTables_paginate {

  float: right;
  text-align: left;

  /* float: right;
  text-align: left; */
  }

  .sub-nav{
    
    font-weight: bold;
  }