ul {
    list-style-type: none;
  }
  .HeaderStyle {
    font-weight: bold;
    color: #fe854c;
    text-align: center;
    font-size: 15px;
    font-family: 'IRANSansFaNum';
    margin-bottom:20px;
  }
  .res-daily-vertical-check {
    border-radius: 10px;
    border-right: none;
    transform: translateX(-20px);
    text-align: center !important;
    border: 2px solid #ff5c0f !important;
    background-color: #4060a2 !important;
    opacity: 1 !important;
  }
  
  .navbar {
    padding: 5px 10px 0px 10px !important;
  }
  
  .filterParent {
    padding: 15px;
    background-color: white;
    border-radius: 10px;
  }
  
  .filterTitle {
    font-size: 13px;
    margin-bottom: 8px;
    font-weight: bold;
    cursor: pointer;
  }
  
  .rahdaruploadedphoto {
    padding: 10px 10px;
  }
  
  #showpoint {
    font-size: 12px;
    font-family: "IRANSansFaNum";
  }
  
  .tablemodal {
    font-size: 12px;
    font-family: "IRANSansFaNum";
  }
  
  .js-loading-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  body {
    font-family: "IRANSansFaNum";
  }
  
  #map {
    width: 100%;
    z-index: 10;
  }
  
  .popup-fastreact-redesign {
    text-align: center;
  }
  
  .popupContent {
    margin-left: auto;
    margin-right: auto;
  }
  
  .popupheader-fastreact-redesign {
    display: block;
    font-size: 14px;
    font-weight: 600;
    font-family: IRANSansFaNum, sans-serif;
  }
  
  .popup-header-fast {
    padding: 7.5px;
  }
  
  .popup-header-fast1 {
    border-left: 2px solid #ff5c0f;
    border-bottom: 2px solid #ff5c0f;
  }
  
  .popup-header-fast2 {
    border-bottom: 2px solid #ff5c0f;
  }
  
  .popUpBoxContent {
    font-size: 10px;
    font-weight: bold;
    font-family: IRANSansFaNum, sans-serif;
  }
  
  .popupheader-fastreact-style {
    color: #007bff;
    text-align: center;
    font-weight: 700;
    font-family: IRANSansFaNum, sans-serif;
    border-bottom: 1px solid #ff5c0f;
  }
  
  .beacon {
    position: absolute;
    top: 50%;
    left: 38%;
    background-color: #007bff;
    height: 0.6em;
    width: 0.6em;
    border-radius: 50%;
    z-index: 1010;
  }
  
  .beacon-red {
    background-color: #dc3545;
  }
  
  .beacon-redd {
    -webkit-print-color-adjust: exact !important; 
    background-color: #dc3545;
  }
  
  .beacon-purple {
    -webkit-print-color-adjust: exact !important; 
    background-color: rgb(89, 0, 255);
  }
  
  .beacon-pink {
    -webkit-print-color-adjust: exact !important; 
    background-color: rgb(255, 13, 255);
  }
  
  .beacon-sBlueIcon {
    -webkit-print-color-adjust: exact !important; 
    background-color: rgb(0, 153, 255);
  }
  
  .customPopupStyle .leaflet-popup-content-wrapper {
    width: 315px !important;
  }
  
  .customPopupStyle .popup {
    width: 276px;
  }
  
  .starter-project-page .popup .popupTitle {
    border-bottom: 1px solid #afafaf;
    margin: 5px 0;
    display: flex;
    direction: rtl;
    /* flex-wrap: nowrap; */
  }
  
  .popupHeaderContent {
    text-align: justify;
    display: inline;
  }
  
  .guid-custom-box {
    top: 89px;
    right: 20px;
    opacity: 0.9;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 430px;
    max-height: 80%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: ltr;
    animation: animate__bounceInRight;
    overflow-y: scroll;
    background-color: #dee2e6;
    width: 371px;
  }
  .guid-winter-camp {
    top: 120px;
    left: 20px;
    opacity: 0.9;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 500px;
    transition-duration: 0.5s;
    transition-property: left;
    direction: ltr;
    animation: animate__bounceInRight;
    background-color: #dee2e6;
    width: 100%;
  }
  .coridor{
    height: 50px;
background-color: #ffffff;
cursor: pointer;
font-size: 12px;
padding: 10px;
  }
  .borderclass{
    border:2px solid #ff5c0f
  }
  .nonborderclass{
    border: none;
  }
  .guid-custom-box-item {
    top: 89px;
    right: 20px;
    opacity: 0.9;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 430px;
    max-height: 80%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: ltr;
    animation: animate__bounceInRight;
    overflow-y: scroll;
    background-color: #dee2e6;
    width: 284px;
  }
  .guid-custom-box-allpoint {
    top: 89px;
    right: 20px;
    opacity: 0.9;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 430px;
    max-height: 80%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: ltr;
    animation: animate__bounceInRight;
    background-color: #dee2e6;
    width: 284px;
  }
  .guid-custom-box-251points {
    top: 89px;
    right: 20px;
    opacity: 0.9;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 430px;
    max-height: 80%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: ltr;
    animation: animate__bounceInRight;
    background-color: #dee2e6;
    width: 284px;
  }
  .guid-custom-box-rahdar {
    top: 89px;
    right: 20px;
    opacity: 0.9;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 430px;
    max-height: 80%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: ltr;
    animation: animate__bounceInRight;
    overflow-y: scroll;
    background-color: #dee2e6;
    width: 284px;
  }
  .guid-custom-box-fast {
    top: 89px;
    right: 20px;
    opacity: 0.9;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 430px;
    max-height: 80%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: ltr;
    animation: animate__bounceInRight;
    overflow-y: scroll;
    background-color: #dee2e6;
    width: 284px;
  }

  .guid-custom-box-safety {
    top: 89px;
    right: 20px;
    opacity: 0.9;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 430px;
    max-height: 80%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: ltr;
    animation: animate__bounceInRight;
    overflow-y: scroll;
    background-color: #dee2e6;
    width: 284px;
  }
  
  .guid-custom-boxcamp {
    top: 89px;
    right: 20px;
    opacity: 0.9;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    transition-duration: 0.5s;
    transition-property: left;
    direction: ltr;
    animation: animate__bounceInRight;
    overflow-y: scroll;
    background-color: #dee2e6;
    width: 284px;
  }
  
  .guid-custom-box2 {
    top: 267px;
    right: 190px;
    opacity: 0.9;
    background-color: #fff;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 430px;
    max-height: 80%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: rtl;
  }
  
  .guid-custom-box3 {
    top: 417px;
    right: 20px;
    opacity: 0.9;
    background-color: #fff;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 430px;
    max-height: 80%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: rtl;
  }
  
  .guid-custom-box4 {
    top: 267px;
    right: 20px;
    opacity: 0.9;
    background-color: #fff;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 430px;
    max-height: 80%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: rtl;
  }
  
  .map-footer-style {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 11;
    background-color: #fff;
  }
  
  .havig {
    text-align: center;
    margin-bottom: 3px;
  }
  
  .contactUsPart {
    padding-left: 30px;
  }
  
  .contactUsPart .time {
    color: #ff5c0f;
    unicode-bidi: embed;
  }
  
  .zoom {
    height: 100px;
    width: 100px;
    margin-right: 3%;
    transition: transform 0.2s;
  }
  
  .zoom:hover {
    -ms-transform: scale(3);
    /* IE 9 */
    -webkit-transform: scale(3);
    /* Safari 3-8 */
    transform: scale(3);
  }
  
  .danger-points-block {
    margin-top: 10px;
    display: none;
    background-color: #f9f9f9;
    position: relative;
    border-radius: 0;
    font-size: 12px;
    font-weight: 400;
    color: #404040;
  }
  
  .danger-points-block-item {
    border-radius: 0 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #404040 !important;
  }
  
  .danger-points-block-item:hover {
    background-color: #cecece;
  }
  
  .show-danger-points {
    float: none;
    padding: 12px 16px;
    display: block;
    text-align: right;
    font-size: 12px;
  }
  
  .show-danger-points:hover > .danger-points-block {
    display: block;
  }
  
  .blink_me_imageupload {
    animation: blinker 1s linear infinite;
  }
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }
  
  .icheck-primary label {
    font-weight: 400 !important;
    font-size: 11px;
  }
  
  .projecttypemodal {
    font-size: 11px;
  }
  
  .left-menu-map {
    display: none;
  }
  
  .left-menu-141 {
    display: none;
  }
  
  .user-box {
    top: 32px !important;
    display: none;
    /* right: 100px; */
    opacity: 0.9;
    background-color: #ffffff;
    z-index: 13;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 230px;
    max-height: 50%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: rtl;
    left: 0;
    font-size: 12px;
  }
  
  .toll-box {
    right: 100px;
    opacity: 0.9;
    background-color: rgba(255, 255, 255, 0);
    z-index: 10;
    padding: 15px;
    border-radius: 7px;
    position: absolute;
    bottom: 120px;
    max-width: 230px;
    max-height: 50%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: rtl;
    display: none;
  }
  
  .update-box {
    right: 100px;
    opacity: 0.9;
    background-color: rgba(255, 255, 255, 0);
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    position: absolute;
    bottom: 60px;
    max-width: 230px;
    max-height: 50%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: rtl;
  }
  
  .navbar-sp {
    font-size: 12px;
    color: #000000 !important;
  }
  
  .profile {
    margin-left: 60px;
    border: 2px solid #ff5c0f;
    padding: 10px 15px;
    border-radius: 5px;
  }
  
  .line {
    align-items: flex-end;
  }
  
  .toll-box {
    right: 100px;
    opacity: 0.9;
    background-color: rgba(255, 255, 255, 0);
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    position: absolute;
    bottom: 100px;
    max-width: 230px;
    max-height: 50%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: rtl;
  }
  
  .barchart {
    width: 25px;
    height: 25px;
  }
  
  .update-button {
    width: 100%;
    height: 33px;
    padding: 0 7px;
    /* border: 1px solid rgba(22, 67, 88, 0.75);s */
    border-radius: 4px;
    background-color: white;
    float: right;
    cursor: pointer;
    color: rgba(22, 67, 88, 0.75);
    font-size: 12px;
  }
  
  .toll-button {
    width: 100%;
    height: 33px;
    padding: 0 1rem;
    /* border: 1px solid rgba(22, 67, 88, 0.75);s */
    border-radius: 4px;
    background-color: white;
    float: right;
    cursor: pointer;
    color: rgba(22, 67, 88, 0.75);
    font-size: 12px;
  }
  
  .menu-stat-close {
    position: absolute;
    top: 20px;
    left: 5px;
    width: 36px;
    height: 36px;
    z-index: 18;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.5);
  }
  
  .menu-stat-title {
    margin-bottom: 30px;
    font-weight: 500;
  }
  
  #showTitle {
    text-align: start;
    margin-right: 1%;
  }
  
  .popUpBoxContent {
    font-size: 10px;
    font-weight: bold;
    font-family: IRANSansFaNum, sans-serif;
    margin-top: 10px;
  }
  
  .click-popup_ {
    cursor: pointer;
  }
  
  .click-popup_:hover {
    background-color: rgb(226, 226, 226);
  }
  
  .showAnnouncement {
    width: 100%;
    height: 33px;
    padding: 0 1rem;
    border: 1px solid rgba(22, 67, 88, 0.75);
    border-radius: 4px;
    background-color: white;
    float: right;
    cursor: pointer;
    color: rgba(22, 67, 88, 0.75);
    font-size: 12px;
    margin-top: 10px;
  }
  
  .responsiveTopMenuname {
    float: left;
    display: flex;
    flex-direction: column;
    color: #ffffff;
    text-align: center;
    padding: 8px !important;
    text-decoration: none;
    border: 1px solid;
    border-radius: 50%;
    top: 9px;
    position: absolute;
    font-size: 15px;
    left: 22px;
    cursor: pointer;
  }
  
  .content-wrapper {
    min-height: 0px !important;
  }
  
  .navbar-private-style {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 11;
    box-shadow: 0px 4px 5px #000000;
  }
  
  .logoPart {
    padding: 10px 40px;
    display: inline-block;
  }
  
  .navbar-sp {
    color: #ffffff !important;
    font-size: 10px;
  }
  
  @media only screen and (min-width: 1700px) {
    .logoPart {
      font-size: 14px;
    }
    .contactUsPart {
      font-size: 14px;
    }
  }
  
  @media only screen and (max-width: 799px) {
    .footer-new-style {
      background-color: #fff;
      position: fixed;
      bottom: 0px;
      right: 0px;
      left: 0px;
      font-family: "IRANSansFaNum";
      font-size: 10px;
      font-weight: 700;
      justify-content: center;
    }
    .contactUsPart {
      padding-left: 0px;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .logoPart {
      padding: 10px 40px;
      display: inline-block;
    }
  }
  
  .loader {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    border: 4px solid #ff5c0f;
    top: 0;
    animation: loader 2s infinite ease;
  }
  
  .loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    animation: loader-inner 2s infinite ease-in;
  }
  
  .navbar-nav .dropdown-menu {
    position: absolute !important;
  }
  
  @keyframes loader {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(180deg);
    }
    50% {
      transform: rotate(180deg);
    }
    75% {
      transform: rotate(360deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes loader-inner {
    0% {
      height: 0%;
    }
    25% {
      height: 0%;
    }
    50% {
      height: 100%;
    }
    75% {
      height: 100%;
    }
    100% {
      height: 0%;
    }
  }
  
  .divloader {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 20;
  }
  
  .popupTitle img {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 6px;
  }
  
  .popupTitle {
    display: flex;
    flex-direction: column;
  }
  
  .popupHeader {
    text-align: center;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
  }
  
  .popup {
    font-family: "IRANSansFaNum";
  }
  
  .popUpBanner {
    text-align: center;
    margin-bottom: 5px;
    font-size: 12px;
  }
  
  .popUpfirst {
    border-left: 1px solid #ff5c0f;
  }
  
  .popUpfirst span {
    color: #4962ac;
  }
  
  .popUpBox span {
    color: #4962ac;
  }
  
  .popUpBox {
    text-align: center;
  }
  
  .leaflet-container a.leaflet-popup-close-button {
    left: 0 !important;
  }
  
  .header-popupcontent-allpoints {
    font-weight: 700;
    color: #4962ac;
  }
  
  .popupFooter {
    text-align: center;
  }
  
  .popupFooter {
    border-bottom: 2px solid #ff5c0f;
    padding-bottom: 5px;
  }
  
  .beacon-green-fix {
    -webkit-print-color-adjust: exact !important;
    background-color: #28a745;
  }
  .beacon-yellow-fix {
    -webkit-print-color-adjust: exact !important;
    background-color: rgb(191, 163, 10);
  }
  
  .beacon-green {
    -webkit-print-color-adjust: exact !important;
    background-color: #28a745;
  }
  
  .beacon-greenn {
    -webkit-print-color-adjust: exact !important;
    background-color: #28a745;
  }
  
  .beacon-red {
    -webkit-print-color-adjust: exact !important;
    background-color: #dc3545;
  }
  
  .beacon-red-fix {
    -webkit-print-color-adjust: exact !important;
    background-color: #dc3545;
  }
  
  .beacon-red:before {
    position: absolute;
    content: "";
    height: 0.3rem;
    width: 0.3rem;
    left: 0;
    top: 0;
    background-color: transparent;
    border-radius: 50%;
    box-shadow: 0px 0px 2px 2px #dc3545;
    -webkit-animation: active 2s infinite linear;
    animation: active 2s infinite linear;
  }
  
  .beacon-green:before {
    position: absolute;
    content: "";
    height: 0.3rem;
    width: 0.3rem;
    left: 0;
    top: 0;
    background-color: transparent;
    border-radius: 50%;
    box-shadow: 0px 0px 2px 2px #28a745;
    -webkit-animation: active 2s infinite linear;
    animation: active 2s infinite linear;
  }
  
  .popupContent-button {
    text-align: start;
  }
  
  .popup-btn-edit-point {
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
  }
  
  .label-allpoint-style {
    font-size: 12px;
    font-weight: 500 !important;
  }
  
  .uploadfile {
    top: 88px !important;
    opacity: 0.9;
    background-color: #ffffff;
    z-index: 10;
    position: absolute;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    max-width: 230px;
    max-height: 50%;
    transition-duration: 0.5s;
    transition-property: left;
    direction: rtl;
  }
  
  .leftHole {
    z-index: 10;
    content: "";
    position: absolute;
    left: -20px;
    top: -9px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    background: #2e7d32;
    /* box-shadow: 0px 0px 0px 2000px #ffffff; */
  }
  
  .slider-horizontal {
    width: 100% !important;
  }
  
  .form-control {
    font-size: 13px;
    font-family: "IRANSansFaNum";
    /* background-color: #ebebeb; */
    /* border-color: #ff5c0f; */
  }
  
  .starter-project-page {
    font-size: 15px;
  }
  
  .file-input-modal {
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #e7e7e7;
    border-radius: 0.25rem;
    margin-top: 20px;
  }
  
  .slider-handle {
    background-color: #ff5c0f;
    background-image: linear-gradient(to bottom, #ff5c0f 0, #ff5c0f 100%);
  }
  
  .modal-header-allpoint-style {
    margin-bottom: 0px !important;
  }
  
  .project-slider {
    margin-bottom: 0px !important;
  }
  
  .file-input-modal-container {
    width: 100%;
  }
  
  #basic-log {
    font-size: 12px;
  }
  
  .abrar-map-title {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000;
    padding: 4px 7px;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    border-radius: 0.25rem;
    background-color: rgba(255, 193, 7, 0.8);
  }
  
  .map-latlng-input {
    background-color: rgba(255, 255, 255, 0.8);
  }
  
  .map-latlng-input-row {
    position: absolute;
    bottom: -11px;
    z-index: 1000;
    width: 240px;
    left: 5px;
  }
  
  .abrar-map-layout {
    position: relative;
    height: 300px;
    margin-bottom: 15px;
  }
  
  .abrar-map-layout > #abrar-map,
  #abrar-map-2 {
    height: 100%;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
  }
  
  .abrar-map-layout > #abrar-map-static {
    height: 100%;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
  }
  
  .abrar-map-layout > #abrarshow-map {
    height: 100%;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
  }
  
  .abrar-map-layout > .pin-container {
    position: absolute;
    top: 34%;
    right: 44%;
    z-index: 1009;
  }
  
  .pin-marker {
    position: relative;
    width: 45px;
    height: 71px;
    font-family: "IRANSans";
  }
  
  .pin-marker.pin-move > .map-pin-marker {
    transform: scale(0.75);
  }
  
  .pin-marker.pin-set > .map-pin-marker > .pin-title-circle {
    background-color: #009900;
  }
  
  .pin-marker.pin-move > .pin-main-shadow {
    transform: scale(1.35);
  }
  
  .map-pin-marker {
    position: relative;
    width: 45px;
    height: 65px;
    z-index: 10;
    transform-origin: 22.5px 0;
    transition: transform 0.2s;
  }
  
  .map-pin-marker > .pin-main-circle {
    position: absolute;
    width: 45px;
    height: 45px;
    left: 0;
    background-color: rgba(22, 67, 88, 1);
    border-radius: 50%;
    z-index: 12;
  }
  
  .map-pin-marker > .pin-white-circle {
    position: absolute;
    width: 39px;
    height: 39px;
    left: 3px;
    top: 3px;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 13;
  }
  
  .map-pin-marker > .pin-title-circle {
    position: absolute;
    width: 35px;
    height: 35px;
    left: 5px;
    top: 5px;
    background-color: rgba(22, 67, 88, 1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 14;
    transition: background-color 0.3s;
  }
  
  .map-pin-marker > .pin-title-circle > .title-circle-text {
    line-height: 1;
    font-size: 10px;
    color: #ffffff;
    font-weight: 600;
    z-index: 15;
  }
  
  .map-pin-marker > .pin-main-line {
    position: absolute;
    width: 5px;
    height: 25px;
    z-index: 11;
    background-color: #000000;
    top: 40px;
    left: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  
  .pin-marker > .pin-main-shadow {
    position: absolute;
    width: 11px;
    height: 11px;
    left: 17px;
    top: 58px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    transition: transform 0.2s;
  }
  
  .pin-marker > .pin-main-shadow > .shadow-dot {
    position: relative;
    width: 1px;
    height: 1px;
    left: 0;
    top: 0;
    background-color: #000000;
    border-radius: 50%;
    z-index: 10;
  }
  
  .map-latlng-label {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.25rem;
    padding: 3px 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #ced4da;
    color: #000000;
    border-bottom: 0;
    margin: 0;
    font-size: 12px;
  }
  
  .map-latlng-first-input {
    border-radius: 0;
    font-size: 12px;
    color: #009900;
    text-align: center;
  }
  
  .map-latlng-first-input::placeholder {
    font-size: 10px;
  }
  
  .map-latlng-form {
    margin-bottom: 0;
  }
  
  .sp-picker-container,
  .sp-palette-container {
    float: left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
  }
  
  .leaflet-div-icon {
    background: transparent !important;
    border: none !important;
  }
  
  .sp-replacer {
    /* border-color: #ff5c0f; */
  }
  
  .map-latlng-first-input {
    border-radius: 0;
    font-size: 12px;
    color: #009900;
    text-align: center;
  }
  
  .map-latlng-first-input::placeholder {
    font-size: 10px;
  }
  
  .map-latlng-sec-input {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    font-size: 12px;
    color: #009900;
    text-align: center;
  }
  
  .map-latlng-sec-input::placeholder {
    font-size: 10px;
  }
  
  .leaflet-layer {
    z-index: 1;
    opacity: 1;
  }
  
  .sp-preview {
    border-radius: 10%;
  }
  
  .sp-replacer {
    border-radius: 10%;
  }
  /* vertical menu style */
  
  /* .parent_menu_vertical {
    position: absolute;
    bottom: 70px;
    z-index: 11;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    visibility: hidden;
  } */
  
  .parent_menu_vertical-inner {
    width: 100%;
    background-color: white;
    margin: 0 500px;
    border-radius: 25px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  }
  
  .menu_vertical {
    display: flex;
    justify-content: center;
    direction: rtl;
    height: 45px;
    background-color: #ffffff;
    border-radius: 25px;
  }
  
  .menu_vertical > .menu-vertical-close {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
    z-index: 100;
  }
  
  .menu_vertical button {
    width: 45px;
    height: 45px;
    background-color: #fff;
    color: #0051cd;
    display: inline-block;
    border: none;
    padding: 3px 7px;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    outline: none;
    border-radius: 50%;
  }
  
  .tooltip-starter {
    font-family: "IRANSans";
    position: relative;
    display: inline-block;
    z-index: 12;
    vertical-align: middle;
    padding: 3px;
  }
  
  .tooltip-starter img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  
  .tooltip-starter .tooltiptext {
    visibility: hidden;
    width: max-content;
    background-color: rgba(22, 67, 88, 0.75);
    opacity: 0.8;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 6px 8px;
    position: absolute;
    z-index: 2;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    margin-bottom: 10px;
  }
  
  .verticalMenuText {
    display: none;
    color: #000000;
    font-size: 12px;
  }
  
  .modal-header .close,
  .modal-header .mailbox-attachment-close {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .second-top-menu {
    display: none;
    position: relative;
    background-color: #2c343f;
    height: 40px;
    width: 100%;
    transition: all 0.4s;
    box-shadow: 0px 2px 5px #000;
    z-index: 12;
  }
  
  .second-menu-img {
    display: none;
    position: absolute;
    margin-right: 12px;
    margin-top: -8px;
    width: 25px;
    height: 55px;
  }
  
  .queen-size-nav {
    display: none;
    background-color: #ffffff;
    box-shadow: -1px 1px 4px #212529;
    width: 20%;
    height: 90%;
    border-bottom-left-radius: 20px;
    margin-top: 40px;
    overflow: hidden;
    position: absolute;
    z-index: 11;
  }
  
  .datarahdari {
    text-align: center;
    margin-top: 27px;
    margin: 0px 17px 5px 5px;
    direction: rtl;
  }
  
  .queen-ul-style {
    display: none;
  }
  
  .changeColor {
    color: #ff5c0f;
  }
  
  .changeColor2 {
    border-color: #ff5c0f !important;
  }
  
  .left-menu-view-chartcoridor {
    left: 25px !important;
  }
  
  .change-text-daily {
    display: none;
    padding: 5px;
    border-radius: 10px;
    position: absolute;
  }
  
  .res-daily-vertical {
    cursor: pointer;
  }
  
  .left-menu-view-chartcoridor {
    position: fixed;
    width: 500px;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    top: 78px !important;
    left: -530px;
    z-index: 12;
    border-radius: 8px;
    padding: 20px 15px;
    transition: left 0.5s;
  }
  
  .chart-title {
    font-weight: bold;
    text-align: center;
  }
  
  .menu-chart-tools {
    display: flex;
    position: absolute;
    top: 15px;
    left: -26px;
    width: 108px;
    height: 36px;
    z-index: 18;
    cursor: pointer;
  }
  
  .chart-tools-item {
    position: relative;
    width: 36px;
    height: 36px;
    color: rgba(0, 0, 0, 0.5);
  }
  
  .chart-tools-item > i {
    top: 8px;
    right: 10px;
    position: relative;
  }
  
  .chart-tools-item:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: black;
  }
  
  .chart-tools-item:hover > .tools-item-tooltip {
    visibility: visible;
  }
  
  #showTitle {
    text-align: start;
    margin-right: 1%;
  }
  
  .ShowPieChart {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 5px 0;
  }
  
  .ShowEachPie {
    display: flex;
    justify-content: end;
    align-items: start;
    flex-wrap: wrap;
    width: 50%;
    /* height: 68px; */
    /* border: 1px solid #ddd; */
    border-radius: 5px;
    cursor: pointer;
    padding: 5px;
  }
  
  .projectnum {
    font-weight: bold;
  }
  
  .testcor {
    border-color: rgb(206, 206, 206);
    width: 100%;
    height: 46px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-bottom: 1rem;
    direction: rtl;
    font-size: 13px;
    color: #000;
    display: flex;
    flex-direction: row;
    padding-right: 3%;
    padding-left: 3%;
  }
  
  .testcor span {
    margin-top: 1rem;
    font-size: 10px;
    text-align: center;
  }
  
  .testcor img {
    width: 100%;
    height: auto;
    padding-left: 1%;
  }
  
  .colordot {
    color: #cecece;
    width: fit-content;
  }
  
  #gharargah-modal-roating {
    display: none;
  }
  
  .form-coridor {
    display: flex;
    flex-direction: column;
  }
  
  .box-coridor {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 1rem auto 1rem auto;
  }
  
  .span1 {
    width: 27%;
    text-align: start;
  }
  
  .span2 {
    width: 40%;
    text-align: start;
  }
  
  .span3 {
    width: 27%;
    text-align: start;
    color: #fff;
  }
  
  .span4 {
    width: 40%;
    text-align: start;
    color: #fff;
  }
  
  .mehvar-svg-margin {
    margin-top: 10px !important;
  }
  
  .details-gharargah {
    width: 30%;
    top: 86px;
    right: 10px;
    position: absolute;
    z-index: 10;
    background-color: #2c343f;
  }
  
  .gharargah-modal-button {
    display: none;
    z-index: 12;
    position: absolute;
    left: 0;
    top: 45px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    background-color: #2c343f;
  }
  
  @media only screen and (max-width: 800px) {
    .second-menu-img {
      display: block;
      position: absolute;
      margin-right: 12px;
      margin-top: -8px;
      width: 25px;
      height: 55px;
    }
    .second-top-menu {
      display: block !important;
      position: relative;
      background-color: #2c343f;
      height: 40px;
      width: 100%;
      transition: all 0.4s;
    }
    .king-size-nav {
      display: none;
    }
    .queen-ul-style {
      display: block;
    }
    .responsive-for-header-svg {
      display: none;
    }
    .parent_menu_vertical {
      display: none;
    }
    .res-daily-vertical {
      font-size: 13px;
      margin-bottom: 10px;
      text-align: start;
      font-weight: bold;
      padding: 3px;
      transition: all 0.5s;
      direction: rtl;
      border: 2px solid #4060a2;
      background-color: #ff5c0f;
      opacity: 0.8;
      border-radius: 25px !important;
    }
    .change-text-daily {
      /* display: block; */
      padding: 5px;
      border-radius: 10px;
      z-index: 11;
      background-color: #ff5c0f;
      position: absolute;
      left: 24px;
      top: 60px;
      box-shadow: 2px 2px 5px #000;
    }
    .title-daily {
      margin-bottom: 0px;
      color: #fff;
    }
  }
  
  @media only screen and (max-width: 550px) {
    .queen-size-nav {
      display: none;
      background-color: #ffffff;
      box-shadow: -1px 1px 4px #212529;
      width: 30%;
      height: 90%;
      border-bottom-left-radius: 20px;
      border-top-left-radius: 20px;
      margin-top: 40px;
      overflow: hidden;
      position: absolute;
      z-index: 11;
    }
  }
  
  @media only screen and (max-width: 450px) {
    .queen-size-nav {
      display: none;
      background-color: #ffffff;
      box-shadow: -1px 1px 4px #212529;
      width: 40%;
      height: 90%;
      border-bottom-left-radius: 20px;
      border-top-left-radius: 20px;
      margin-top: 40px;
      overflow: hidden;
      position: absolute;
      z-index: 11;
    }
    .left-menu-view-chartcoridor {
      top: 45px !important;
      left: 7px !important;
      width: 304px;
    }
    .box-coridor {
      width: 100%;
    }
    .span2 {
      width: 54% !important;
    }
    .mehvar-svg-margin {
      width: 50% !important;
      margin-top: 14px !important;
    }
    .span1 {
      width: 27% !important;
    }
    .chart-title {
      font-size: 14px !important;
    }
    .testcor {
      margin-bottom: 5px;
    }
  }
  
  .dropdown:hover .multi-level {
    display: block;
    margin-top: 0;
  }
  
  .multi-level {
    padding: 10px;
  }
  
  .dropdown-menu {
    background-image: linear-gradient(#212529, white);
  }
  
  .dropdown-item {
    color: black;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
  }
  
  .dropdown-item-bottom {
    color: black;
  }
  
  #dropdown1 {
    left: -113%;
  }
  
  #dropdown2 {
    left: -302%;
  }
  
  #dropdown3 {
    left: -160%;
  }
  
  .dropdown-toggle::after {
    display: none;
  }
  /* .dropdown-submenu>a:after {
  display:none;
  } */
  
  .dropdown-item:hover {
    background-color: #ff5c0f;
    color: white;
    border-radius: 8px;
  }
  
  .dropdown-item a {
    color: black;
  }
  
  .dropdown-item a:hover {
    color: white;
  }
  
  .dropdown-submenu {
    position: relative;
  }
  
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
  }
  
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
  /* .dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
  } */
  
  .dropdown-submenu:hover > a:after {
    border-left-color: #fff;
  }
  /* .dropdown-submenu.pull-left {
  float: none;
  } */
  
  .dropdown-submenu.pull-left > .dropdown-menu {
    left: -78%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
  }
  
  #subMenuRah {
    left: -69%;
    /* margin-right: 6%; */
  }
  
  #subuploadfile {
    left: -69%;
  }
  
  .showneachgharar {
    background-color: rgb(63, 71, 97);
    width: 70%;
    border-radius: 5px;
  }
  
  .topingfont {
    padding: 20px 10px 10px 10px;
  }
  
  .topingfont span {
    font-size: 9px;
    color: #ffffff;
  }
  
  .topingfont hr {
    background-color: #ff5c0f;
  }
  
  .showeachpart {
    margin-top: 10px;
    margin-bottom: 16px;
  }
  
  .showeachtext {
    margin-right: 5%;
  }
  /* .chartborderlook {
  margin-right: 5%;
  } */
  
  .navbar-it {
    align-items: flex-end;
    /* align-items: center;*/
    /* flex-direction: column;  */
  }
  
  .navbar-nav {
    padding-bottom: 0px !important;
  }
  
  .customPopupStyle .popup {
    width: 276px;
  }
  
  .popup .popupTitle {
    border-bottom: 1px solid #afafaf;
    margin: 5px 0;
    display: flex;
    direction: rtl;
    /* flex-wrap: nowrap; */
  }
  
  .popup .popupTitle {
    border-bottom: 1px solid #afafaf;
    margin: 5px 0;
    display: flex;
    direction: rtl;
    /* flex-wrap: nowrap; */
  }
  
  .popupHeaderContent {
    text-align: justify;
    display: inline;
  }
  
  .popup .popupTitle .popupHeader {
    font-size: 12px;
    color: #0051cd;
    /* vertical-align: super; */
    white-space: nowrap;
  }
  
  .popup .popupTitle {
    border-bottom: 1px solid #afafaf;
    margin: 5px 0;
    display: flex;
    direction: rtl;
    /* flex-wrap: nowrap; */
  }
  
  .popupHeaderContent > .popUpBanner {
    margin: 5px;
    font-size: 11px;
  }
  
  .popup .popupTitle img {
    height: 18px;
    margin: 0px 11px 5px 7px;
  }
  
  .popupHeaderContent {
    text-align: justify;
    display: inline;
  }
  
  .popupHeaderContent > .popUpBanner {
    margin: 5px;
    font-size: 11px;
  }
  
  .popupContent {
    display: flex;
    flex-wrap: wrap;
    direction: rtl;
    width: 100%;
    justify-content: center;
  }
  
  .popupContent .popUpBoxlevel {
    width: 33%;
    width: 50px;
    height: auto;
    margin: 5px;
    padding: 2%;
    text-align: center;
  }
  
  .customPopupStyle .popupContent .popUpBoxlevel {
    width: 82px !important;
  }
  
  .popupContent .popUpBoxlevel span {
    color: #0051cd;
    display: block;
    font-size: 7px;
  }
  
  .popUpBoxContent {
    font-size: 10px;
    font-weight: 500;
    margin-top: 8px;
  }
  
  .popUpBoxContent {
    font-family: "IRANSansFaNum", sans-serif;
  }
  
  .popupContent .popUpBoxlevel {
    width: 33%;
    width: 50px;
    height: auto;
    margin: 5px;
    padding: 2%;
    text-align: center;
  }
  
  .customPopupStyle .popupContent .popUpBoxlevel {
    width: 82px !important;
  }
  
  .navbar-nav {
    padding-bottom: 0px !important;
  }
  
  .popupContent-button {
    display: flex;
    flex-wrap: nowrap;
    direction: rtl;
    width: 100%;
    margin: 5px 0;
  }
  
  .popupContent-button > .popup-btn-edit-point {
    font-size: 11px;
    width: 100%;
    border: 0;
    padding: 8px 12px;
    margin: 0 5px;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    background-color: #0051cd;
    color: #fff;
    font-weight: 500;
  }
  
  .navbar-sp {
    color: #ffffff !important;
    font-size: 10px;
  }
  
  .popup .popupTitle {
    border-bottom: 1px solid #afafaf;
    margin: 5px 0;
    display: flex;
    direction: rtl;
    /* flex-wrap: nowrap; */
  }
  
  .popup .popupTitle {
    border-bottom: 1px solid #afafaf;
    margin: 5px 0;
    display: flex;
    direction: rtl;
    /* flex-wrap: nowrap; */
  }
  
  .popupHeaderContent {
    text-align: justify;
    display: inline;
  }
  
  .popup .popupTitle .popupHeader {
    font-size: 12px;
    color: #0051cd;
    /* vertical-align: super; */
    white-space: nowrap;
  }
  
  .popup .popupTitle {
    border-bottom: 1px solid #afafaf;
    margin: 5px 0;
    display: flex;
    direction: rtl;
    /* flex-wrap: nowrap; */
  }
  
  .popupHeaderContent > .popUpBanner {
    margin: 5px;
    font-size: 11px;
  }
  
  .popup .popupTitle {
    border-bottom: 1px solid #afafaf;
    margin: 5px 0;
    flex-flow: row;
    display: flex;
    direction: rtl;
    flex-direction: row !important;
    /* flex-wrap: nowrap; */
  }
  
  .popupContent .popUpBox {
    width: 33%;
    width: 50px;
    height: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 2%;
    text-align: center;
  }
  
  .customPopupStyle .popupContent .popUpBox {
    width: 128px !important;
  }
  
  .popupContent .popUpBox span {
    /* color: #0051cd; */
    display: block;
    /* font-size: 9px; */
  }
  
  .accordion_title {
    font-size: 12px;
    margin-right: 10px;
    padding: 10px;
  }
  
  [class*="icheck-"] > label {
    padding-right: 5px !important;
    padding-left: 0 !important;
  }
  
  .slideroverlay {
    display: none;
    text-align: right;
    direction: rtl;
    position: fixed;
    z-index: 1051;
    padding-top: 77px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
  }
  
  .slideroverlay > .upload-confirm {
    z-index: 50;
    display: block;
    position: absolute;
    background: transparent;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  
  .slideroverlay > .modal-content {
    background-color: #ffffff;
    border-radius: 7px;
    margin: auto;
    padding: 20px 1.5% 1px 1.5%;
    border: 1px solid #888;
    width: max-content;
    position: relative;
    z-index: 51;
  }
  
  .slideroverlay > .modal-content > .close {
    position: absolute;
    text-align: center;
    top: 3px;
    right: 5px;
    color: #979797;
  }
  
  .slideroverlay > .modal-content > .close::before {
    content: "\00d7";
    font-size: 22px;
    position: absolute;
  }
  
  .slideroverlay > .modal-content > .close:hover,
  .slideroverlay > .modal-content > .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  
  .slideroverlay > .modal-content > .slideshow .mySlides {
    display: none;
  }
  
  .slideroverlay > .modal-content > .slideshow img {
    /* vertical-align: middle;
  width: 100%;
  height: auto;
  opacity: 1;
  max-height: 500px;
  max-width: 100%; */
    vertical-align: middle;
    width: auto;
    height: auto;
    opacity: 1;
    max-height: 500px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
  }
  
  .slideroverlay > .modal-content > .slideshow .slideshow-container {
    max-width: 100%;
    position: relative;
    margin: auto;
  }
  
  .slideroverlay > .modal-content > .slideshow .prev,
  .slideroverlay > .modal-content > .slideshow .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background-color: rgba(0, 0, 0, 0.4);
  }
  
  .slideroverlay > .modal-content > .slideshow .next {
    right: 0;
    border-radius: 0px 3px 3px 0;
  }
  
  .slideroverlay > .modal-content > .slideshow .prev {
    left: 0;
    border-radius: 3px 0 0 3px;
  }
  
  .slideroverlay > .modal-content > .slideshow .prev:hover,
  .slideroverlay > .modal-content > .slideshow .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  
  .slideroverlay > .modal-content > .slideshow .text {
    color: #f2f2f2;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px 15px;
    position: absolute;
    bottom: -3px;
    width: 100%;
    text-align: center;
    font-family: "IRANSans";
    font-size: 12px;
  }
  
  .slideroverlay > .modal-content > .slideshow .numbertext {
    color: #f2f2f2;
    font-size: 14px;
    padding: 8px 12px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    border-radius: 3px;
  }
  
  .slideroverlay > .modal-content > .slideshow #slideshow-dot {
    margin-top: -9px;
    margin-bottom: 10px;
    direction: ltr;
  }
  
  .slideroverlay > .modal-content > .slideshow .dot {
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
  .slideroverlay > .modal-content > .slideshow .active,
  .slideroverlay > .modal-content > .slideshow .dot:hover {
    background-color: #717171;
  }
  
  .slideroverlay > .modal-content > .slideshow .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }
  
  .list-province {
    background-color: rgba(255, 255, 255, 0.548);
    border-radius: 5px;
    box-shadow: 0 0 7px;
    width: 20%;
    height: 450px;
    position: absolute;
    margin-top: 40px;
    z-index: 100;
    overflow-y: scroll;
    padding-right: 20px;
    overflow-x: hidden;
  }
  
  .list-province::-webkit-scrollbar {
    background-color: rgb(178, 178, 178);
    border-radius: 10px;
    border: 4px solid rgb(128, 128, 128);
  }
  
  .list-province::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(128, 128, 128);
  }
  
  .list-province .title {
    font-size: 12px;
  }
  
  .parent-progressBar-province {
    background-color: rgb(128, 128, 128);
    width: 90%;
    border-radius: 20px;
    height: 20px;
  }
  
  .stat-item-top-1 {
    border-radius: 10px;
    background-color: #a366ff;
    height: 100%;
    opacity: 0.7;
  }
  
  .stat-item-top-2 {
    height: 100%;
    background-color: #2e86ab;
    border-radius: 10px;
    opacity: 0.7;
  }
  
  .stat-item-top-3 {
    height: 100%;
    background-color: #66cc66;
    border-radius: 10px;
    opacity: 0.7;
  }
  
  .stat-item-top-4 {
    height: 100%;
    background-color: #ffeda0;
    border-radius: 10px;
    opacity: 0.7;
  }
  
  .stat-item-top-5 {
    height: 100%;
    background-color: #ff3f3f;
    border-radius: 10px;
    opacity: 0.7;
  }
  
  .parent-popup-enjoyment {
    font-family: IRANSans;
  }
  
  .parent-popup-enjoyment .line-popup {
    background-color: rgb(255, 159, 107);
    width: 100px;
    height: 1px;
    position: relative;
    right: -12px;
  }
  
  .leaflet-popup-content {
    width: 80px !important;
  }
  
  .parent-popup-enjoyment .btn-download {
    background-color: white;
    margin-top: 10px;
    border: 0;
  }
  
  .backstack {
    position: absolute;
    left: 10px;
    top: 200px;
    z-index: 99;
    font-size: 12px;
  }
  
  #modalTextChange {
    position: static;
  }
  
  #choosetime .close {
    position: absolute;
    left: 12px;
    top: 15px;
  }
  
  .modalTitleText {
    font-size: 16px;
  }
  
  #choosetime .modal-header {
    padding: 10px 10px 10px 9px;
  }
  
  @media screen and (max-width: 1700px) {
    .list-province {
      height: 550px;
      top: 45px;
    }
  }
  @media screen and (max-height: 800px) {
    .navigation {
      position: relative;
      height: 580px !important;
      width: 70px;
      background: #2c343f;
      box-shadow: -10px 0 0 #015688;
      overflow-x: hidden;
      transition: 0.5s;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
    }
  }
  
  .parent-filter::-webkit-scrollbar {
    background-color: rgb(178, 178, 178);
    border-radius: 10px;
    border: 4px solid rgb(128, 128, 128);
  }
  
  .parent-filter::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(128, 128, 128);
  }
  
  .stylescroll::-webkit-scrollbar {
    background-color: rgb(178, 178, 178);
    border-radius: 10px;
    border: 4px solid rgb(128, 128, 128);
  }
  
  .stylescroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(128, 128, 128);
  }
  
  .select2-results__options::-webkit-scrollbar {
    background-color: rgb(178, 178, 178);
    border-radius: 10px;
    border: 4px solid rgb(128, 128, 128);
  }
  
  .select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(128, 128, 128);
  }
  
  .showWhereThere {
    z-index: 10;
    top: 113px;
    position: absolute;
    background-color: #ff5c0f;
    border-radius: 50px;
    left: 23px;
    padding: 8px;
    font-size: 16px;
    border: none;
  }
  
  .showprintbutton {
    z-index: 10;
    /* top: 150px; */
    bottom: 78px;
    position: absolute;
    background-color: #015688;
    border-radius: 50px;
    left: 23px;
    padding: 8px;
    font-size: 16px;
    border: none;
    color: white;
  }
  /* ding ding */
  /* alan ezaf */
  
  .queen-size-nav-rahdari {
    display: none;
    position: absolute;
    z-index: 12;
    margin: 5px;
    display: block;
    height: 350px;
    width: 125px;
    overflow: overlay;
    margin-top: 50px;
    overscroll-behavior-x: none;
    direction: ltr;
  }
  
  .second-menu-img-rahdari {
    display: none;
    background-color: #4060a2;
    border: none;
    border-radius: 10px;
    padding: 6px;
    margin: 6px;
    color: #fff;
    box-shadow: 4px 4px 14px #212121;
  }
  
  .queen-size-nav-rahdari {
    display: none;
  }
  
  .btn-danger.disabled,
  .btn-danger:disabled {
    font-size: 12px;
    background-color: #007bff;
    border: none;
  }
  /* alan ezaf */
  /* new sidebar */
  
  .navigation {
    position: relative;
    height: 800px;
    width: 70px;
    background: #2c343f;
    box-shadow: -10px 0 0 #015688;
    overflow-x: hidden;
    transition: 0.5s;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  
  .navigation:hover {
    width: 250px;
  }
  
  .navigation ul {
    position: absolute;
    inset: 0;
    padding-right: 5px;
    padding-top: 10px;
  }
  
  .navigation ul li {
    position: relative;
    list-style: none;
    width: 100%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  
  .navigation ul li.active {
    background: #015688;
  }
  
  .navigation ul li a {
    position: relative;
    display: block;
    width: 100%;
    display: flex;
    text-decoration: none;
    color: #fff;
  }
  
  .navigation ul li.active a::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 25%;
    box-shadow: -15px 15px 0 #015688;
  }
  
  .navigation ul li.active a::after {
    direction: rtl;
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 25%;
    box-shadow: -15px -15px 0 #015688;
  }
  
  .navigation ul li a .icon {
    position: relative;
    display: block;
    min-width: 60px;
    height: 43px;
    text-align: center;
    line-height: 43px;
  }
  
  .navigation ul li a .icon img {
    position: relative;
    font-size: 1.5em;
    z-index: 1;
  }
  
  .navigation ul li a .title-type {
    position: relative;
    display: block;
    padding-right: 10px;
    height: 43px;
    line-height: 43px;
    white-space: nowrap;
    font-size: 13px;
  }
  
  .style-mod {
    width: 20px;
    line-height: 43px;
    height: 30px;
    padding: 2px;
  }
  
  .navigation {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
  }
  
  .navigation::-webkit-scrollbar {
    display: none;
  }
  
  .is-invalid-input {
    color: #dc3545 !important;
    border-color: #dc3545;
  }
  .title-type {
    font-size: 13px;
  }
  .datepicker-plot-area {
    font-family: 'IRANSansFaNum' !important;
}
.fastoption{
  width:100px;
  height:100px;
}
fieldset {
  border: 2px solid #ff5c0f;
border-radius: 10px;
}
.fieldsetstyle legend {
  width: auto;
  padding: 0px 10px;
  font-size:17px
}
.color-check {
  color: #dc3545;
}
input[data-mask] {
  direction: ltr;
  text-align: center;
}