@import url('https://fonts.googleapis.com/css?family=Figtree:300,400,700&display=swap');


body {
  font-family: Figtree;
  font-size: 15px!important;
}

.text-light {
  color: #FFFDF7;
}

.bg-optimal {
  background-color: #6CA4D0;
  
}
.bg-naeqi {
  //background-color: #E4E2DA;
  background-color: #545454;
}

.bg-naeqi-md {
  background-color: #40595A;
}

.btn-naeqi {
  background-color: #E4E2DA;
  color: #545454;
  border: 1px solid #545454!important;
  border-radius: 0px;
}

.btn-naeqi:hover {
  background-color: #545454 ;
  color: #FFFDF7;
}

.btn-naeqi-md {
  background-color: #40595A;
  color: #ffffff;
}

.link-naeqi{
  color: #696868;
}

.link-naeqi-md{
  color: #696868;
}

.text-naeqi {
  color: #696868;
}

.menu-title .menu-link {
  color: #E4E2DA;
}

.menu-link:hover {

  //text-underline-offset: 4px;
  //text-decoration-line: underline;
  //text-decoration-style: solid;
  //text-decoration-color: #E4E2DA;
  //text-decoration-thickness: 3px;
}

.page-title .page-heading {
  color: 000000!important; */
  font-size: 1.85rem!important;
}

[data-kt-app-layout=overlay] .app-header {
  background-color: #f8f6f2;
}

.card .card-header {
  padding: 0p 0rem!important;
}

[data-kt-app-layout=light-header] .app-header .app-header-primary {
  background-color: #545454;
  border-bottom: none;
}

[data-kt-app-layout=light-header] .app-header .app-header-secondary {
  background-color: #545454;

}


.naeqi-active {
    transition: color .2s ease;
    //color: #FDF9F4!important;
    border: 1px solid FFFDF7;
}


@media (max-width: 991.98px){
.app-container-fit-mobile {
    padding-left: 0!important;
    padding-right: 0!important;
    background-color: white!important;
}

.app-header-secondary .app-header-mobile-drawer .drawer .drawer-start .drawer-on{
    background-color: white!important;
}

[data-kt-app-layout=light-header] .app-header-mobile-drawer .header-menu .menu>.menu-item>.menu-link {
    border: 0px;
}


}


.menu-link {

    color: #FFFDF7;

}

[data-kt-app-layout=light-header] .header-menu .menu>.menu-item {
  padding-left:10px;
}

[data-kt-app-layout=light-header] .header-menu .menu>.menu-item>.menu-link {
    background-color: transparent;
    border: 1px solid currentColor;

    border-color: #545454;
    border-radius: 0px;

}


[data-kt-app-layout=light-header] .header-menu .menu>.menu-item.here>.menu-link {
    background-color: transparent;
    border: 1px solid #FFFDF7;
    color: #FFFDF7;
    border-radius: 0px;

}
[data-kt-app-layout=light-header] .header-menu .menu>.menu-item>.menu-link:hover {
    background-color: transparent;
    border: 1px solid #FFFDF7;
    color: #FFFDF7;
    border-radius: 0px;
}



.header-menu .menu-active-bg .menu-item .menu-link.active {
    background-color: #E4E2DA;
    border-radius: 0px;
}

.header-menu .menu-active-bg .menu-item .menu-link:hover {
    border-radius: 0px;
}

.scrolltop {
background-color: #545454;
}
.scrolltop:hover {
background-color: #545454;
}


.nav-tabs .nav-link {
border: 0px;
}
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    color: #40595A;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #40595A;
    transition: color .2s ease;
}

.btn .btn-xs{
    padding: 0 0 0 0;
    font-size:12px;
    border-radius:0.75rem
}

.btn {
border-radius: 0px!important;
}

.pagination .paginate_button {
border-radius: 0px!important;
}

.form-control {
border-radius: 0px!important;
}

.form-select {
border-radius: 0px!important;
}

.badge {
border-radius: 0px!important;
}
.alert {
border-radius: 0px!important;

}
.form-check-input:checked 
{

background-color: #40595A!important;
border-color: #40595A!important;
}

.paginate_button .page-item .active{
background-color: #40595A;

}

.nav-link:active {
color: #40595A;
}






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

  table .dt {
    border: 0;
  }


  table caption {
    font-size: 1.3em;
  }

.table td:first-child, .table th:first-child, .table tr:first-child {
    padding-left: inherit;
}
  table thead .dt {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr.dt {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
    word-wrap:break-word;
  }

  table td.dt {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 12px;
    text-align: right;
    word-break:break-all;
  }

  table td::before{
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
  }

  table td:last-child {
    border-bottom: 0;
  }

  .table-bordered {
    border: 0px solid #e3e6f0;
  }

  .navbar-nav {
  display: hidden;
  }

}
/* end of mobile */

.modal-body-ajax {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
}

input[type="range"] {
width: 80%;
}


.apexcharts-svg {
    overflow: visible;
}

.chart {
    //padding: 1rem;
    //padding-right: 1.7rem;
}

 .apexcharts-tooltip {
    
    //background: white;
    background: #f3f3f3;
    color: black;
  }