*{
  font-family: "Vazirmatn", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
    
}

.font-vazirmatn {
font-family: "Vazirmatn", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}

::-webkit-scrollbar {
  width: 8px !important; /* Width of the scrollbar */
}

/* Track */
::-webkit-scrollbar-track {
  background: #111F30 !important; /* Color of the track */
  border-radius: 6px !important; /* Rounded corners for the track */
}

/* Handle (thumb) */
::-webkit-scrollbar-thumb {
  background-color: #1d3047 !important; /* Color of the thumb */
  border-radius: 6px !important; /* Rounded corners for the thumb */
  border: 3px solid #1d3047 !important; /*Padding around the thumb*/
}

/* Handle (thumb) on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #2f4969 !important; /* Color of the thumb on hover */
  border: 3px solid #2f4969 !important; /*Padding around the thumb*/
}




.header__nav-item{
margin-right: 25px !important;
}

.placeholder-none::placeholder {
  color: #979797 !important;
}

.error-text{
  color: #eb5757 !important;
}

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

.text-danger{
  color: #eb5757 !important;
}

.text-success{
  color: #29b474 !important;
}

.text-warning{
  color: #ffc312 !important;
}

.text-info{
  color: #2f80ed !important;
}


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



.bg-danger{
  background: #eb5757 !important;
}

.bg-success{
  background: #29b474 !important;
}

.bg-warning{
  background: #ffc312 !important;
}

.bg-info{
  background: #2f80ed !important;
}

.x-modal{
  position: fixed;
  z-index: 9999999;
  inset: 0;
  background-color: #121924;
  overflow-y: auto;
  max-height: 90vh;
  height: max-content;
}

/* Scrollbar track */
.scroll-div::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
}

/* Track */
.scroll-div::-webkit-scrollbar-track {
    background: #111F30; /* Color of the track */
    border-radius: 6px; /* Rounded corners for the track */
}

/* Handle (thumb) */
.scroll-div::-webkit-scrollbar-thumb {
    background-color: #1d3047; /* Color of the thumb */
    border-radius: 6px; /* Rounded corners for the thumb */
    border: 3px solid #1d3047; /*Padding around the thumb*/
}

/* Handle (thumb) on hover */
.scroll-div::-webkit-scrollbar-thumb:hover {
    background-color: #2f4969; /* Color of the thumb on hover */
    border: 3px solid #2f4969; /*Padding around the thumb*/
}




/* Scrollbar track to select 2*/
.select2-results__options::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
}

/* Track */
.select2-results__options::-webkit-scrollbar-track {
    background: #111F30; /* Color of the track */
    border-radius: 6px; /* Rounded corners for the track */
}

/* Handle (thumb) */
.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #1d3047; /* Color of the thumb */
    border-radius: 6px; /* Rounded corners for the thumb */
    border: 3px solid #1d3047; /*Padding around the thumb*/
}

/* Handle (thumb) on hover */
.select2-results__options::-webkit-scrollbar-thumb:hover {
    background-color: #2f4969; /* Color of the thumb on hover */
    border: 3px solid #2f4969; /*Padding around the thumb*/
}


/* User DropDown */


/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  left:0;
  top:55px;
  border-radius: 6px;
  background-color: #151f30;
  color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999999999999;
}

/* Links inside the dropdown */
.dropdown-content a:first-child {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.dropdown-content a:last-child {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.dropdown-content a {
  color: #fff;
  padding: 10px 8px;
  text-decoration: none;
  display: block;
  font-size: 14px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #1a2538;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* End User Dropdown */