@font-face {
  font-family: 'YekanBakhFaNum-Bold';
  src: url('../fonts/YekanBakhFaNum-Bold.ttf') format('truetype'),
  url("../fonts/YekanBakhFaNum-Bold.woff2") format("woff2"),
  url("../fonts/YekanBakhFaNum-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'YekanBakhFaNum-ExtraBlack';
  src: url('../fonts/YekanBakhFaNum-ExtraBlack.ttf') format('truetype'),
  url("../fonts/YekanBakhFaNum-ExtraBlack.woff2") format("woff2"),
  url("../fonts/YekanBakhFaNum-ExtraBlack.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'YekanBakhFaNum-Light';
  src: url('../fonts/YekanBakhFaNum-Light.ttf') format('truetype'),
  url("../fonts/YekanBakhFaNum-Light.woff2") format("woff2"),
  url("../fonts/YekanBakhFaNum-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'YekanBakhFaNum-Regular';
  src: url('../fonts/YekanBakhFaNum-Regular.ttf') format('truetype'),
  url("../fonts/Roboto-Regular.woff2") format("woff2"),
  url("../fonts/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'YekanBakhFaNum-SemiBold';
  src: url('../fonts/YekanBakhFaNum-SemiBold.ttf') format('truetype'),
  url("../fonts/YekanBakhFaNum-SemiBold.woff2") format("woff2"),
  url("../fonts/YekanBakhFaNum-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'YekanBakhFaNum-ExtraBold';
  src: url('../fonts/YekanBakhFaNum-ExtraBold.ttf.ttf') format('truetype'),
  url("../fonts/YekanBakhFaNum-ExtraBold.woff2") format("woff2"),
  url("../fonts/YekanBakhFaNum-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}




a{
  text-decoration: none;
}
.leaflet-container {
    height: 260px ;
  
    width: 100%;
    
  }
  
  .leaflet-div-icon {
    background: transparent;
    border: none;
    background-color: #2e41cd;
  }
  
  /* .leaflet-container{
    
  } */
  .S9gUrf-YoZ4jf{
    width:100% !important
  }

#googleOne{
  width:100% !important
}
.muirtl-p51h6s-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill{
  -webkit-box-shadow: 0 100px 100px 100px #1D1D41 inset !important;
}

/* 
.leaflet-sbs-range{
  background-image: url(/Client/src/assets/range.png) !important;
 
} */

/* .react-split{
  direction: ltr !important;
} */

#inputSearchRemote::placeholder{
  color:white;

}
.leaflet-control-zoom{
  margin-top: 1rem !important;
}


input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}





.leaflet-sbs-range::-moz-range-thumb{
  width: 100px !important;
  direction: rtl !important;
}


.rmdp-day rmdp-range start{
  background-color: red;
}

.rmdp-day .rmdp-today{
  background-color: red;

}




.fc-scroller::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

.fc-scroller::-webkit-scrollbar-track {
  background: #1d1e2c;        /* color of the tracking area */
}

.fc-scroller::-webkit-scrollbar-thumb {
  background-color: darkgrey;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid #1d1e2c;  /* creates padding around scroll thumb */
}

.fc-theme-standard .fc-scrollgrid {
  border: 1px solid #38385C !important
}
.fc-theme-standard, th{
  border: 0px solid #38385C!important
}
.fc-theme-standard, td{
  border: 1px solid #38385C!important
}

.fc .fc-timegrid-slot{
  height:50px !important
}

.fc-current-date {
  background-color: red;
}

.fc .fc-highlight{
  background: none;
}

.fc-today-highlight {
  background-color: #ffdd00 !important; /* replace with your desired color */
}
.css-1eozwht{
  padding-right: 0 !important;
}

.marker-transition{
  animation-name: scaleAnimation;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes scaleAnimation {
  0% {
   opacity: 0.5;
  
  }
  100% {
   opacity: 1;
  
  }
}