@font-face {
  font-family: "iransans";
  src: url(../../fonts/iransans/IRANSansWeb_FaNum.woff);
  font-display: swap;
  font-weight: normal;
}


@font-face {
  font-family: "iransans";
  src: url(../../fonts/iransans/IRANSansWeb_Bold_FaNum.woff) format("woff");
  font-display: swap;
  font-weight: bold;
}



* {
  box-sizing: border-box;
  line-height: normal !important;
  color: inherit;

}

body {
  font-size: 14px !important;
  width: 100vw;
  height: 100vh;
  margin: 0 auto !important;
  overflow-x: hidden !important;
  font-family: iransans !important;
  background-color: #f8f9fa;
  position: relative;
}

body>main.content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.cursor-pointer {
  cursor: pointer;
}

.min-w-max {
  min-width: max-content !important;
}

.min-w-min {
  min-width: min-content !important;
}

.w-fit {
  width: fit-content !important;
}
 
td hr.spliter {
  width: 0px;
  height: 0;
}


.btn.custom-hover:hover{
  filter: brightness(.8);
}


.splash {
  transition: all .3s;
  transition-delay: 100ms;
  opacity: 1;
  visibility: visible;
}

.visibility-hidden {
  visibility: hidden !important;
}

.visibility-visible {
  visibility: visible !important;
}


.animated-show {
  opacity: 1 !important;
  visibility: visible !important;
  transition: all .2s;
}


.animated-hide {
  opacity: 0 ;
  visibility: hidden;
  transition: all .2s;
}



.backdrop-blur {
  backdrop-filter: blur(10px); /* Adjust the blur amount as needed */
  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
  z-index: 1000; /* Make sure it's above other content */
}

.select2-results__option--selected:after {
  right: unset !important;
  left: 1.25rem !important;
}

.select2-selection__choice__remove {
  left: 6px !important;
}

.h-0 {
  height: 0px;
}


/* .ignore-bootstrap {
    all: unset;
    all: initial;
}
.ignore-bootstrap * {
    all: unset;
    all: initial;
} */


/* @media screen and (max-width: 768px) {

  table.responsive-table thead {
    display: none;
  }

  table.responsive-table tbody {
    gap: 10px;
  }

  table.responsive-table tr {
    border-bottom: 2px solid #00000019;
    display: block;
  }

  table.responsive-table td {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
  }

  table.responsive-table td hr.spliter {
    width: 100% !important;
    height: 1px;
  }

  table.responsive-table td::before {
    content: attr(data-label);
    font-size: 13px;
    font-weight: 600;
    color: var(--txt1-col);
    position: relative;
  }

  table.responsive-table td:last-child {
    border-bottom: none;
  }

  table.responsive-table td {
    padding: 10px 15px;
  }
} */