#targetTable > tbody > tr > td {
  white-space: nowrap;
  /*text-align: center;*/
}
#nav-home3 {
  overflow: scroll;
}
#nav-home6 {
  overflow: scroll;
}
#nav-ramadan-2 {
  overflow: scroll;
}

#targetTable > thead > tr > th {
  white-space: nowrap;
  /*text-align: center;*/
}
.space{
  margin-top: 0.3rem;
}
.customDatePicker{
  width: 109px !important;
  height: 30px !important;
  font-size: 16px !important;
  padding: 3px !important;
  margin: 0 !important;
}

.iti_flag-container {margin-inline-start:10px} .iti_country-list{direction:ltr;}
.customSelect {
  font-size: 16px;
  width: 109px;
  margin-left: 4px;
  /*margin-right: 586px*/
}
.customSelectRtl {
  font-size: 16px;
  width: 112px;
  margin-right: 15px;
  /*margin-left: 586px*/
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link{
  border: 1px solid #e8e5e1;
}
.national-Small{
  width: 40% !important;
  /*font-size: 1rem;*/
  font-weight: 500;
}
#nav-home1 {
  overflow: scroll;
}
#nav-home1Addon {
  overflow-x: hidden;
}
#nav-ramadan-1 {
  overflow: scroll;
}

.fs-15 {
  font-size: 15px;
}

#firstNextFromAR {
  padding: 10px;
}

@media (max-width: 600px) {
  #firstNextFromAR td select {
    width: 50% !important;
  }
  .smallSize{
    font-size: 11px;
  }
  .changeWidth{
  /*padding-top: 0.4rem;*/
    width: 70%;
  }
  .change1{
    width: 30%;
  }
  .follow-txt{
    padding-top: 0.75rem;
    margin: 0px;
  }
  #nav-home1 {
  }
  #nav-ramadan-1 {
  }
  #nav-home3 {
  }

  #nav-ramadan-2 {
  }
  #nav-home {
    width: 90%;
  }
  .arrow,
  .rtlArrow {
    display: block !important;
  }
}

.rtlArrow,
.arrow {
  position: absolute;
  width: 50px;
  top: 50%;
  display: none;
  cursor: pointer;
}

.rtlArrow {
  left: -30px;
}
.arrow {
  right: -40px;
}

adan-arrow {
  right: -17px;
}

.social-icons > div {
  display: flex;
  gap: 18px;
  /*margin-top: 5px;*/
  margin-bottom: 5px;
}

.social-icons a {
  font-size: 22px !important;
}

.iti__selected-flag {
  padding: 0 16px 0 16px !important;
}

.custom-phone-input {
  width: 100%;
  color: #000000;
  height: 37px;
  display: inline-block;
  border: solid 1px #b8b8b8;
  background: white;
}


*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  /*font-size: 18px;*/
}
.home-page{
  height: 100vh;
  display: flex;
  /*padding: 0px 0px 30px 0px;*/
  /*flex-direction: column;*/
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-family: greta;
}
.content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  text-align: center;
}
.links{
  text-decoration: none;
  color: #E57200;
}
.colored-text{
  color:#9e7d36 ;
}
.links:hover{
  color: rgb(89, 60, 184);
}
.navbar{
  /*background-color: rgb(29,36,82);*/
  color: white;
}
[dir="rtl"]  .right-class{
  direction: ltr;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border: 1px solid #fca659;
  color: black;
}
.new-border{
  border-radius: var(--bs-nav-tabs-border-radius);
}
.nav-link{}
  /*color: white;*/

@media only screen and (min-width: 300px) and (max-width: 980px) {
  .national-Small{
    width: 40% !important;
    /*font-size: 0.7rem;*/
    font-weight: 400
  }
  [dir="rtl"] .national-Small{
    width: 40% !important;
    /*font-size: 0.9rem;*/
    font-weight: 400
  }
  #nav-home1Addon {
    overflow-x: scroll;
  }

  .new-border{
    padding: 0!important;
  }

}


.tooltipp {
  position: relative;
  top: -17px;


}

.tooltipp .tooltiptext {
  display: none;
  width: 250px;
  background-color: white;
  border: black 1px solid;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 10px 10px;
  /*height: 52px ;*/
  font-size: 14px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: -20%;
  margin-left: -60px;

}
.tooltipp .tooltiptext::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: solid 15px transparent;
  border-top: solid 15px white;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
  top: 100%; /* At the bottom of the tooltip */
  left: 25%;

}
.tooltipp .tooltiptext::before{
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  transform: rotate(90deg);
  width: 0;
  height: 0;
  border-style: solid;
  left: 24.6%;
  border-color: transparent transparent transparent black;
  border-width: 16px;
}

.information_message{
  margin-bottom: 3px;
  cursor: pointer
}