* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

:root {
  --primary-color: #AECA37;
  --secondry-color: #272727;
  --primary-white-color: #fff;
  --gray-color: #f3f3f3;
  --dark-gray-color: #c4c4c2;
  --gray-text-color: #8f8e8e;
  --rounded-sm: 0.5rem;
}
body {
  background-color: #f2f4f7;
  color: #000;
}

@font-face {
  font-family: "NeoSans";
  src: url("/fonts/NeoSansArabic.woff");
}
@font-face {
  font-family: "NeoSans-Light";
  src: url("/fonts/NeoSansArabicLight.ttf");
}
@font-face {
  font-family: "NeoSans-Regular";
  src: url("/fonts/Neo\ Sans\ Arabic\ Regular.ttf");
}
@font-face {
  font-family: "NeoSans-Medium";
  src: url("/fonts/NeoSansArabicMedium.ttf");
}
@font-face {
  font-family: "NeoSans-Bold";
  src: url("/fonts/NeoSansArabicBold.ttf");
}
@font-face {
  font-family: "NeoSans-Black";
  src: url("/fonts/NeoSansArabicBlack.ttf");
}
@font-face {
  font-family: "NeoSans-Ultra";
  src: url("/fonts/NeoSansArabicUltra.ttf");
}

a {
  text-decoration: none;
}

p,
label {
  font-family: NeoSans-Regular;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: NeoSans-Bold;
  color: var(--primary-color);
}
h1 {
  font-size: 3.5rem;
}
h2 {
  font-size: 3rem;
}
h3 {
  font-size: 1.75rem;
}
h4 {
  font-size: 1.375rem;
}
h5 {
  font-size: 1.25rem;
}

/* .arabic-version p {
  font-family: Sans-Regular;
}
.arabic-version h1,
.arabic-version h2,
.arabic-version h3,
.arabic-version h4,
.arabic-version h5 {
  font-family: Sans-Bold;
} */

@media (min-width: 1600px) {
  .container {
    max-width: 1520px;
  }
}
@media (min-width: 1800px) {
  .container {
    max-width: 1620px;
  }
}

input.empty {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

/* For IE10 */
/*select::-ms-expand {*/
/*  display: none;*/
/*}*/
.arabic-version {
  direction: rtl;
}
/* h1,h2,h3,h4,h5,h6{
  font-family: "NeoSans" !important;
} */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
.section-Topic-container h2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  text-align: center;
}
.section-Topic-container p {
  width: 45%;
  text-align: center;
  font-size: 0.9rem;
  font-family: NeoSans-Bold;
}
.pages-header {
  background-size: 100% 100%;
  background-position: center;
  height: 300px;
  color: white;
  background-color: #8f8e8e;
  display: flex;
  align-items: center;
}
.pages-header h3 {
  color: white;
}

.pages-header-content {
  /* margin: 0 auto;  */
  margin: 75px 80px auto;
}
.pages-header-content span {
  opacity: 0.7;
}
.pages-header-content a {
  color: white;
  text-decoration: none;
  font-family: NeoSans-Regular;
}
.pages-header-content p {
  font-family: NeoSans-Regular;
}
.pages-header-content h3 {
  font-size: 2rem;
}

.primary-paragraph {
  color: var(--primary-color);
  position: relative;
  font-family: NeoSans-Regular;
  font-size: 1.1rem;
  margin-left: 60px;
  text-align: center;
  display: inline-block;
}
.opacity-07 {
  opacity: 0.7;
}
.primary-paragraph::before {
  display: block;
  content: "";
  height: 4px;
  width: 50px;
  background-color: var(--secondry-color);
  position: absolute;
  top: 50%;
  translate: -60px;
}
.arabic-version .primary-paragraph {
  margin-left: unset;
  margin-right: 60px;
}
.arabic-version .primary-paragraph::before {
  translate: 60px;
}

.main-btn {
  padding: 0.8rem 2rem;
  border-radius: 5px;
  color: #fff;
  background-color: var(--primary-color);
  border: none;
  font-family: NeoSans-Regular;
  text-align: center;
  display: block;
  border: 1px solid transparent;
}
.main-btn svg {
  fill: #ffffff;
}
.main-btn:hover svg {
  fill: var(--primary-color);
}
.main-btn:hover {
  color: var(--primary-color);
  background-color: #ffffff;
  border: 1px solid var(--primary-color);
}
.secondary-btn {
  font-family: NeoSans-Regular;
  padding: 0.8rem 2rem;
  border-radius: 5px;
  color: var(--primary-color);
  background-color: transparent;
  border: 1px solid var(--primary-color);
  text-align: center;
  display: block;
}

.research-report-pagination  ul li a {
  border: none;
  outline: none;
  color: #000;
}
.research-report-pagination  ul li a:hover {
  background-color: transparent;
  color: var(--primary-color);
}
.research-report-pagination .page-item .page-link {
  border-radius: 100%;
  color: var(--main-color);
  padding: 0.4rem 1rem;
  background: transparent;
  border: solid var(--main-color) 1px;
  width: 50px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: NeoSans-Medium;
  font-size: 1rem;
}
.research-report-pagination .page-item.active .page-link {
  border-radius: 100%;
  width: 50px;
  aspect-ratio: 1;
  color: white;
  padding: 0.4rem 1rem;
  border: none;
  background: rgba(99, 166, 91, 1);
}
.research-report-pagination .page-link > span {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.research-report-pagination .page-link.next,
.research-report-pagination .page-link.prev {
  color: white;
  background-color: var(--main-color);
}
.research-report-pagination  ul {
  gap: 1rem;
  padding-top: 0.5rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.research-report-pagination .page-link.next i,
.research-report-pagination .page-link.prev i {
  transform: rotate(180deg);
}

.arabic-version .research-report-pagination .page-link.next i,
.arabic-version .research-report-pagination .page-link.prev i {
  transform: rotate(0deg);
}

@media (max-width: 767px) {
  .research-report-pagination {
    justify-content: center !important;
  }
  .research-report-pagination .page-item .page-link {
    width: 30px;
  }
  .research-report-pagination .page-item.active .page-link {
    width: 30px;
  }
}

.research-report-pagination .page-item .page-link {
  color: var(--primary-color) !important;
  background-color: #ffffff !important;
  border-radius: 4px !important;
  width: 35px !important;
}
.research-report-pagination .page-link.next,
.research-report-pagination .page-link.prev {
  color: #ffffff !important;
  background-color: var(--primary-color) !important;
}
.research-report-pagination .page-item.active .page-link {
  border: 1px solid var(--primary-color) !important;
}
.research-report-pagination .page-item {
  width: 30px;
  height: 30px;
}

/* side nav  */
.sidenav-logo-pic {
  width: 200px;
  margin-bottom: 2rem;
}
.sidenav-logo-pic img {
  width: 100%;
}
.nav-pills .nav-link {
  width: calc(100% + 40px);
  padding: 0.8rem;
  border-radius: 10px;
}
.nav-pills .nav-link.active {
  background-color: var(--primary-color);
}
.nav-pills .nav-link.active svg {
  fill: #fff;
}
.nav-pills .nav-link.active span {
  color: #fff;
}
.nav-pills .nav-item .nav-link img {
  filter: invert(1);
}
.nav-pills .nav-item .nav-link.active img {
  filter: invert(0);
}

.nav-pills .nav-link:hover {
  transition: all 0.3s ease-out;
  background-color: var(--primary-color);
}
.nav-pills .nav-link:hover span {
  transition: all 0.3s ease-out;
  color: #ffffff;
}
.nav-pills .nav-link:hover svg {
  transition: all 0.3s ease-out;
  fill: #ffffff;
}
.nav-pills .nav-link span {
  color: black;
  transition: all 0.3s ease-out;
  font-size: 1rem;
  font-family: NeoSans-Regular;
}
.nav-pills .nav-link svg {
  transition: all 0.3s ease-out;
  fill: black;
}
@media (max-width: 800px) {
  .nav-pills .nav-link {
  width: 100%;
  }
}
@media (max-width: 576px) {
  .nav-pills .nav-link {
    width: unset;
    padding: 0.4rem;
  }
  .sidenav-logo-pic {
    display: none;
  }
}

.custom-nav-link {
  margin-top: 10rem;
}
.custom-nav-link:hover span {
  color: #ffffff !important;
}
.custom-nav-link:hover svg {
  fill: #ffffff !important;
}
.custom-nav-link span {
  color: var(--primary-color) !important;
}
.custom-nav-link svg {
  fill: var(--primary-color) !important;
}

.header-container {
  background-color: #ffffff;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

/* modal  */
.modal-footer .btn-primary {
  background-color: #007934;
}
.modal-footer .btn-primary {
  background-color: #007934;
  border: transparent 1px solid;
  border-radius: 0.4375rem;
  font-family: "NeoSans-Regular";
}
.modal-footer .btn-secondary {
  background-color: var(--primary-color);
  border: transparent 1px solid;
  font-family: "NeoSans-Regular";
  border-radius: 0.4375rem;
}
/*.modal-dialog {*/
/*  max-width: 80%;*/
/*}*/
.modal-header {
  border-bottom: 0.3125rem solid var(--primary-color);
  padding: 1rem 2rem;
}
.modal-body {
  padding: 11px 1.5rem 5px 2rem;
}
.arabic-version .modal-body {
  padding: 0 2rem 0 .5rem;
}


.modal-footer {
  padding: 2rem;
}
.modal-header .btn-close {
  background: transparent url(/icons/Plus-main.svg) center / 1em auto
    no-repeat !important;
  opacity: 1;
}
.arabic-version .modal-header .btn-close {
  margin-left: 0;
}
.modal-title {
  color: #000000;
  font-family: NeoSans-Medium;
}
/*tbody td:last-child {*/
/*  display: flex !important;*/
/*  justify-content: center !important;*/
/*}*/
/*tbody td:last-child:hover img {*/
/*  transform: rotate(45deg);*/
/*}*/
/*tbody tr {*/
/*  border: 2px solid red;*/
/*}*/
thead th {
  text-align: center;
  font-size: 0.95rem;
  font-weight: 500;
  font-family: NeoSans-Medium;
}
tbody td {
  font-size: 0.95rem;
  font-weight: 500;
  /*font-family: NeoSans-Medium;*/
}
.arabic-version  th ,
.arabic-version tbody td {
font-size: 0.9rem;
}
.modal form label {
  font-size: 0.9375rem;
}
.installment-table thead tr:first-child th {
  font-size: 1.0625rem;
  font-family: NeoSans-Medium;
}

.breadcrumb-container {
  padding-inline-start: 2.1rem;
}
.breadcrumb-container .breadcrumb.custom {
  padding-top: 2rem;
  margin-bottom: 0;
}
.breadcrumb.custom a,
.breadcrumb.custom li {
  color: #000;
  font-family: "NeoSans-Regular";
}
.arabic-version .breadcrumb-item + .breadcrumb-item {
  padding-left: unset;
  padding-right: 0.5rem;
}
.arabic-version .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: .5rem;
  padding-right: unset;
}

.custom-file-styling input[type="file"]::file {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/*input[type="file"]{*/

/*  display: none;*/
/*}*/

.custom-input-file{
  position: static;
  transform: none;
}
.custom-input-file::after,
.custom-input-file::before
{
display: none;

}
.custom-input-file{
  min-width: max-content;
  background: #EFEFEF;
  border: 1px solid #767676;
  color:#000;
  transition: all 0.3s ease-out;
  border-radius: 7px;
}
.custom-input-file:hover{
background: #d6d6d6;
transition: all 0.3s ease-out;
}
.secondary-label{
  /* max-width: 5ch; */
  overflow: hidden;
  text-overflow: ellipsis;
  padding-inline-start: 0.5rem;
}
input[type="text"]{
  color: #5b6579;
}
.nav-pills .nav-link{
  width: 200px;
}

@media (max-width:575px) {
  .nav-pills .nav-link{
    width: auto;
  }
  .side-bar {
    position: relative;
    transition: position 0.3s ease;
    z-index: 1000;
  }
  
  /* Menu becomes fixed */
  .side-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    /* width: 100%; */
  }
  .arabic-version .side-bar.fixed{
    left: unset;
    right: 0;
  }
  .side-bar.fixed .nav-pills .nav-link{
    width: 200px;
  }

  .side-bar.fixed .nav-pills .nav-link span{
    display: inline !important;
  }
  .side-bar.fixed .sidenav-logo-pic{
    display: inline !important;
  }
  .nav-pills{
    align-items: flex-start !important;
  }
}


.arabic-version .float-end {
  float: left !important;
}

.fade.fade.in {
  opacity: 100 !important;
}


#player-form .field-clubplayers-players_court .checkbox{
  margin-top: 37px;
}

.modal.type-warning{
  z-index: 1075 !important;
}

.container.page{
  background-color: #ffffff;
  padding: 1rem;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin-top: 3rem;
}

.arabic-version .highcharts-tooltip{
  direction: ltr;
}


.main-btn.btn-success{

}

.permission-denied{
  margin: 0px -24px 0 0;
}

.print-modal-header{display: none;}