@media screen and (min-height: 901px) and (max-height: 1000px) {
  :root {
    --tbl-content-hight: 400px !important;
    --tbl-content-hight-with-footer:415px !important;
  }
 }

@media screen and (min-height: 751px) and (max-height: 900px) {
  :root {
    --tbl-content-hight: 400px !important;
    --tbl-content-hight-with-footer:395px !important;
  }
 }


@media screen and (min-height: 651px) and (max-height: 750px) {
  :root {
    --tbl-content-hight: 400px !important;
    --tbl-content-hight-with-footer:365px !important;
  }
 }

@media screen and (min-height: 551px) and (max-height: 650px) {
  :root {
    --tbl-content-hight: 300px !important;
    --tbl-content-hight-with-footer:335px !important;
  }
 }

 @media screen and (min-height: 451px) and (max-height: 550px) {
  :root {
    --tbl-content-hight: 300px !important;
    --tbl-content-hight-with-footer:265px !important;
  }
 }

 @media screen and (min-height: 301px) and (max-height: 450px) {
  :root {
    --tbl-content-hight: 200px !important;
    --tbl-content-hight-with-footer:215px !important;
  }
 }

/*


HEADER SECTION
*/

.navbar-custom {
  left: 0 !important;
}

.navbar-custom .button-menu-mobile1 {
  width: 50px !important;
  border: none;
    color: #fff;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    background-color: transparent;
  cursor: pointer;
}

.navbar-custom .topnav-menu .nav-link{

  line-height: 60px;
  max-height: 60px !important;
}

/*
SUB-HEADER SECTION
*/


.sub-widget{
  border: 1px solid;
  border-radius: 0.1em;
  min-height: 65px;
 
  display: flex;
  justify-content: center;
}

.sub-widget-h{
  min-height: 65px;
}

.sub-widget-1{
  border: 2px solid;
  border-radius: 0.8em;
  padding: 0.7rem;
  min-height: 65px !important;

}

.bg-sub-widget{
  padding: 0rem 1rem;
  border-radius: 0.1em;
  height: 65px;
  border: 1px solid;
  background-color: white;
}


.card.sub-widget p,
.card.sub-widget-1 p{
margin-bottom: 0;
}

.widgetIcon{
width: 1rem;
}

.md-sub-nav{
  display: flex;
gap: 10px;
font-size: 12px;

}


.md-sub-nav li{
display:inline-block;
padding:0px 5px 5px 5px;
}

.md-sub-nav li:hover{

border-bottom: 3px solid;
}

.md-sub-nav-active{
border-bottom: 3px solid;
}


/*
CONTENT
*/

/*
APP-FOTTER
*/



/*
BANNER
*/

/*
RIGHT PANNEL
*/

/*
LEFT PANNEL
*/

/*
TABLE HEADER CONTENT FOOTER
*/

.s-table{
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  max-height: 100%;
}

.s-table thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  font-weight: 600;
}


.t-fixed-header>thead>th { 
  position: sticky !important; 
  top: 0 !important; 
  z-index: 1 !important; 
}


.fp-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.fp-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.fp-scrollbar::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}

.fp-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #919191;
}

 .scrollbar-thumb-x{
  transform: translate3d(0px, 0px, 0px) !important;
 }

/*
POPUP SECTION
*/

/*
APP BUTTONS
*/

/*
RADIO BUTTON & CHECK BOXE
*/
.form-check-input[type="checkbox"] {
  width: 20px;
  height: 20px;
  padding: 0px !important;
}

.content-page {
    margin-left: 0;
  }

  .default-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }
  .default-nav li {

    padding: 1rem 0 0;
    text-align: center;
    align-items: center;
    display: flex;
  }

  .metismenu li {
    margin-right: 2rem;
 
  }


  /*
  TOOLTIPS
  */

  .fp-tooltiptext {
    visibility: hidden;
    font-size: 11px;
    width: 100%;
    min-width: 90px;
    max-width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 8000;
    bottom: 150%;
    left: 50%;
    margin-left: -45px;
  }
  
  .fp-tooltip .fp-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
  }
  
  .fp-tooltip:hover .fp-tooltiptext {
    visibility: visible;
  }

/*
BUTTON
*/
.btn{
 
  border: 1px solid;
}



.btn-outline-secondary{
  border-color: #ced4da !important;
  background-color: #f1f5f7 !important;
  border:0px;
}


/*
modal
*/

.modal-body{
  background-color: white;
  border-radius: 15px;
}











#sidebar-menu .menuitem-active > a{

  font-weight: bolder;
  border-bottom: 2px solid;
}

#sidebar-menu > ul > li > a:hover{
  font-weight: bolder;
}

.default-nav {
 /* border-bottom: 1px solid #cecccc; */
}
.default-nav li {
 
  padding: 1rem 0 0;
  text-align: center;
  align-items: center;
  display: flex;
}

#sidebar-menu > ul > li > a {
  font-size: 0.9rem;
}
#sidebar-menu>ul>li>a{
  padding: 0px;
  font-size: 14px;
}
.right-border{
  border-right: 2px solid;
}

.widget-card-1{
  padding: 0 0.7rem;
  height: 110px;

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

input, .input-bg{
  background-color: #f1f5f7 !important;
  padding: 0.45rem 0.9rem;

  color: #6c757d;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  border-radius: 0.2rem;
}

/* select, .input-bg{
  background-color: #f1f5f7 !important;
  border: 1px solid #ced4da !important;
} */



.upload-box{
  border: 2px dotted;
    /* height: 80px; */
    border-radius: 15px;

}

.file-upload-content {
  display: none;
  text-align: center;
}

.modal-content{
  background-color: transparent !important;
}

.icon-size{
  font-size: 1.2rem;
    opacity: 0.8;
}



.icon-bg{
  background: white;
  border-radius: 20px;
  padding: 5px;
  margin-right: 10px;
}

.pdf-view {
  margin: 0px 10px;
  border: 4px solid gray;
}

.filterBox{

  position: absolute;
  top: 20px;
  border: 1px solid gray;
  background-color: white;
  z-index: 1002;
  overflow: auto;
  /* max-width: 500px;
  min-width: 250px; */
  width: 250px !important;
  margin-left: -9px;
  margin-top: 19px;
}

.filterBoxSeller{

  position: absolute;
  top: 35px;
  background-color: white;
  z-index: 1002;
  overflow: auto;
  /* max-width: 500px;
  min-width: 250px; */
  width: 250px !important;
  margin-left: 3px;
  margin-top: 5px;
  box-shadow:rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.text-color-white{
  color: #fff !important;
}

.filterOverlay {
 
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);

}


.h-300{
  height: 300px !important;
}
.scroll-content{
  width: 100% !important;
  
}

 .mx-height{
  max-height: 405px !important;
 }

 .i-s-20{
  width: 20px !important;
  height: auto;
 }
 .i-s-30{
  width: 30px !important;
  height: auto;
 }

 .i-s-40{
  width: 40px !important;
  height: auto;
 }
 .i-s-45{
  width: 45px;
  height: auto
 }
 .i-s-50{
  width: 50px;
  height: auto
 }

 .i-s-36{
  width: 36px;
  height: auto
 }

 .i-s-45{
  width: 45px;
  height: auto;
 }

 .f-s{
   font-size: 0.75rem;
   padding-left: 25%;
 }



.fp-tooltip {
  position: relative;
  display: inline-block;
  z-index: 9999;
}

.iconBtn{
  z-index: 0 !important;
}


.tbl-head-bg{
  height: 55px !important;
}

.tb-z-i{
  z-index: 99;
}

.tb-z-i-1{
  z-index: 100;
}

.cursor-pointer{
  cursor: pointer;
}

.badge-notification{
  margin-left: -6px;
  margin-top: -10px;
  z-index: 22;
  background-color: red !important;
}

.filterOptionsScroll{
  overflow: auto !important;
  height: 85px !important;
  width: 235px !important;
}

.filterHeaderTbody{
  background-color: rgb(221, 220, 220) !important;
  color: rgb(95, 93, 93) !important;
  width: 250px !important;
  margin-left: -8px !important;
  margin-top: -20px !important;
}



.mx-height-adjusted{
 max-height: 405px !important;
}

.scrollableTableHeight{
  height: 405px !important;
  margin-top: -2px !important;
}

.scrollableTableMaxHeight{
  height: 405px !important;
  margin-top: -2px !important;
}

.configDefaultStl{
  min-width: 120px;
}
.configActionStl{
  min-width: 70px;
}
.configPrimStl{
  min-width: 130px;
}
.configSeconStl{
  min-width: 145px;
}





/*
table
*/




/*

tbody {
  height: var(--tbl-content-hight) !important;
  overflow-y: auto !important;
} */


.tableFixHead {
  overflow: hidden scroll;
  height: var(--tbl-content-hight-with-footer) !important;
  margin-top: -5px !important;
  overflow-x: auto;
}

.s-tableHeight{
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  max-height: var(--tbl-content-hight-with-footer) !important;
}