input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px white inset !important;
  }

  #map {
      pointer-events: none;
  }

  .leaflet-marker-icon {
      pointer-events: none !important;
  }

  .leaflet-control {
      display: none;
  }

  .ui-selectmenu-disabled {
      background-color: #e8eaed !important;
  }

  .acceptedTermsShort {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* number of lines to show */
      line-clamp: 2;
      -webkit-box-orient: vertical;
  }

  .sticky-wrapper {
      display: none;
  }

  .full-w {
      width: 100% !important;
  }

  .basvur-stages-area {
      width: 100%;
      display: grid;
      /*grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
      grid-template-columns: 1fr 1fr 1fr 1fr;
      position: relative;
      z-index: 2;
  }

  .basvur-stages-area-yeni-sube {
      grid-template-columns: 1fr 1fr !important;
  }

  /*.basvur-stages-area {*/
  /*  width: 100%;*/
  /*  display: flex;*/
  /*  justify-content: space-between;*/
  /*  position: relative;*/
  /*  z-index: 2;*/
  /*}*/
  .step3-iban-info,
  .step3-name-info {
      margin-left: 10px;
  }

  .ui-selectmenu-button {
      background-color: #fff;
      box-shadow: none !important;
  }

  .form-control {
      background-color: white !important;
      box-shadow: none !important;
  }

  /*.gray-line-div{*/
  /*  display: flex;*/
  /*  justify-content: center;*/
  /*  align-items: center;*/
  /*  position: absolute;*/
  /*  width: 100%;*/
  /*  top: 16px;*/
  /*}*/
  .gray-line-div {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      width: 30%;
      top: 16px;
  }

  .gray-line-yeni-sube {
      width: 55% !important;
  }

  .line-1 {
      left: 10%;
  }

  .line-1-yeni-sube {
      left: 22%;
  }

  /*.line-2 {*/
  /*  left: 43%;*/
  /*}*/
  .line-3 {
      left: 35%;
  }

  .line-4 {
      left: 60%;
  }

  .line-done>.gray-line {
      background-color: #00a483 !important;
  }

  .gray-line {
      height: 8px;
      width: 90%;
      background-color: #d1d8de;
      z-index: -1;
  }

  .basvur-stages-selected {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
  }

  .basvur-stages {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
  }

  .stages-number-selected {
      border-radius: 50%;
      border: 1px solid #00a483;
      background-color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      color: #00a483;
      width: 40px;
      height: 40px;
      margin-bottom: 10px;
  }

  .stages-number-done {
      border-radius: 50%;
      border: 1px solid #00a483;
      background-color: #00a483;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      color: #00a483;
      width: 40px;
      height: 40px;
      margin-bottom: 10px;
  }

  .stages-number {
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #d1d8de;
      font-size: 20px;
      color: white;
      width: 40px;
      height: 40px;
      margin-bottom: 10px;
  }

  .stages-number~div,
  .stages-number-selected~div,
  .stages-number-done~div {
      text-align: center;
  }

  .stage-title-selected {
      color: #00a483;
      font-size: 14px;
  }

  .stage-title {
      color: #d1d8de;
      font-size: 14px;
  }

  #section-footer {
      display: none;
  }

  .add-new-pos-button-div {
      display: flex;
      width: 100%;
      justify-content: center;
      margin-top: 20px;
  }

  .add-new-pos-button-div>a {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #00a483;
      color: #ffffff;
      padding: 12px 32px;
      border: 1px solid #00a483;
      border-radius: 22px;
      cursor: pointer;
  }

  .add-new-pos-button-div>a>b {
      color: white;
  }

  .checkbox-div {
      padding: 10px 20px;
      margin-bottom: 0 !important;
  }

  .onBasvuru-form-div {
      background-color: #f1f3f5;
      border-radius: 0 0 12px 12px;
      padding: 20px;
      margin-bottom: 20px;
  }

  .form-area2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      row-gap: 10px;
      column-gap: 30px;
  }

  .form-area {
      display: grid;
      grid-template-columns: 1fr 1fr;
      row-gap: 10px;
      column-gap: 30px;
  }

  .form-control {
      background-color: white !important;
  }

  .form-title {
      background-color: #e6ebef;
      padding: 15px 20px;
      border-radius: 12px 12px 0 0;
  }

  .tail-select {
      width: 100%;
  }

  .move-container {
      margin-top: 7px;
      box-shadow: none;
  }

  #selected-categories {
      display: none;
  }

  .yazarkasa-pos-list-div {
      margin-top: 20px;
  }

  .yazarkasa-pos-element {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
  }

  .yazarkasa-pos-area {
      display: flex;
      gap: 8px;
      justify-content: center;
      align-items: center;
      margin-top: 15px;
  }

  .pos-number {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 20px;
  }

  .yazarkasa-pos-div {
      padding: 10px;
      background-color: #eaeef1;
      border: solid 0.5px #b6b6b6;
      border-radius: 3px;
      color: #162056;
      width: 100%;
      display: flex;
      justify-content: space-between;
  }

  .yazarkasa-pos-div>p {
      margin: 0;
  }

  .yazarkasa-pos-div>img {
      height: fit-content;
  }

  .yazarkasa-pos-div-not-match {
      padding: 10px;
      background-color: #fff1f1;
      border: solid 0.5px #f72717;
      border-radius: 3px;
      color: #162056;
      width: 100%;
      display: flex;
      justify-content: space-between;
  }

  .yazarkasa-pos-div-not-match>p {
      margin: 0;
  }

  .yazarkasa-pos-div-not-match>img {
      height: fit-content;
  }

  .yazarkasa-pos-info {
      display: flex;
      gap: 30px;
  }

  .agreement_footer {
      display: flex;
      justify-content: space-around;
      width: 100%;
      margin-top: 20px;
      padding: 30px;
  }

  .company-info-step-attention {
      width: 100%;
      background-color: #ffeaba;
      border-radius: 8px;
      padding: 15px;
      justify-content: center;
      align-items: center;
      gap: 15px;
      margin: 20px 0;
      display: flex;
  }

  .pos-step-attention {
      width: 100%;
      background-color: #ffeaba;
      border-radius: 8px;
      padding: 15px;
      justify-content: center;
      align-items: center;
      gap: 15px;
      margin: 20px 0;
      display: none;
  }

  .attention-text {
      width: 100%;
  }

  .attention-img>img {
      width: 50px;
  }

  .show-d-flex {
      display: flex !important;
  }

  .IBAN-tr {
      padding: 8px;
      border: 1px solid #b2b2b2;
      border-radius: 3px;
      display: flex;
      height: fit-content;
  }

  .IBAN-area {
      display: flex;
      gap: 10px;
  }

  .step-5-radio-button-div {
      display: flex;
      gap: 30px;
      margin: 25px 40px;
  }

  .step-5-radio-button-div>div {
      display: flex;
      gap: 15px;
  }

  .radio-button-input {
      opacity: 1 !important;
  }

  .action-button {
      display: none !important;
  }

  .upload-file-icon {
      width: 35px;
  }

  .upload-file-area,
  .upload-file-area2 {
      padding: 15px;
      border: dashed 1px #c9c9c9;
      background-color: #f8f9fa;
      width: 100%;
  }

  .upload-file-area-sub-div {
      display: flex;
      width: 100%;
      align-items: center;
      gap: 10px;
  }

  .upload-file-title,
  .upload-file-title-multiple {
      font-size: 14px !important;
      font-weight: 600;
      margin-bottom: 10px;
      word-break: break-all;
      // white-space: nowrap;
      // overflow: hidden;
      // text-overflow: ellipsis;
      // width: 100px;
  }

  .upload-file-desc,
  .upload-file-desc-multiple {
      font-size: 11px !important;
      font-weight: 500;
      margin-bottom: 10px;
  }

  .upload-file-button,
  .upload-file-button2 {
      border: solid 0.5px #8b8b8b;
      background-color: white;
      border-radius: 6px;
      text-decoration: none !important;
      padding: 10px 20px;
      font-size: 14px;
      font-weight: 600;
      color: darkslateblue;
      cursor: pointer;
  }

  .file-title-after-upload {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 10px;
      display: none;
  }

  .file-after-upload-buttons-div {
      display: flex;
      gap: 10px;
      width: 100%;
      justify-content: flex-end;
  }

  .file-preview-button {
      border-radius: 4px;
      background-color: #3f4957;
      padding: 5px 10px;
      text-decoration: none !important;
      color: white !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      cursor: pointer;
  }

  .file-delete-button {
      border-radius: 4px;
      background-color: #f72717;
      padding: 5px 10px;
      text-decoration: none !important;
      color: white !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      cursor: pointer;
  }

  .multiple-img-item {
      display: flex;
      background-color: #e2e6ea;
      border-radius: 4px;
      padding: 10px;
      justify-content: space-between;
      margin: 5px 0;
      width: 50%;
  }

  .multiple-img-item-left-content {
      display: flex;
      gap: 5px;
      width: fit-content;
      align-items: center;
  }

  .multiple-img-item-left-content>img {
      width: 40px;
  }

  .multiple-img-item-left-content>p {
      font-size: 13px;
      font-weight: 500;
      color: #3f4957;
      word-break: break-all;
  }

  .multiple-img-item-right-content {
      display: flex;
      align-items: center;
      width: fit-content;
      gap: 10px;
  }

  .multiple-img-item-right-content>p {
      font-size: 13px;
      font-weight: 600;
      color: #3f4957;
      margin: 0;
  }

  .multiple-img-item-right-content>img {
      cursor: pointer;
  }

  .required-text {
      align-items: center;
      display: flex;
      gap: 10px;
      margin-top: 10px;
  }

  .required-text>img {
  		max-width: fit-content;
      object-fit: contain;
  }

  .required-text>p {
      color: #d52b1e;
      font-size: 14px !important;
      font-weight: 500;
      line-height: 1 !important;
      margin: 0;
  }

  .franchiseSelectDiv {
      border: solid 0.5px #8b8b8b;
      border-radius: 4px;
      background-color: #fff;
      padding: 10px 20px;
  }

  .franchiseSelectDiv>input {
      border: solid 0.5px #8b8b8b;
      border-radius: 3px;
      background-color: #fff;
      padding: 5px 10px;
      margin-bottom: 10px;
      width: 100%;
  }

  select[name="franchiseName"] {
      border: none;
  }

  /*-----------  pos empty warning content ----------*/
  .basvur-page-otp-modal,
  .basvur-page-adres-modal-modal {
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.75);
      z-index: 9999;
      position: fixed;
      display: none;
      top: 0;
      left: 0;
      padding: 20px;
  }

  .basvur-page-otp-form,
  .basvur-page-adres-modal-form {
      height: 100%;
      width: 100%;
  }

  .adres-modal-radioButton {
      cursor: pointer;
      display: flex;
      gap: 10px;
      margin-bottom: 15px;
      border-bottom: 1px solid #bfbfbf;
      padding-bottom: 5px;
  }

  .adres-modal-radioButton>label {
      cursor: pointer;
  }

  .basvur-page-otp-content {
      position: absolute;
      margin: auto;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      max-width: 400px;
      max-height: fit-content;
      padding: 20px;
      border-radius: 14px;
      background-color: white;
  }

  .basvur-page-adres-modal-content {
      position: absolute;
      margin: auto;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      max-width: 850px;
      max-height: fit-content;
      padding: 20px;
      border-radius: 14px;
      background-color: white;
  }

  .otp-title,
  .adres-modal-title {
      display: flex;
      justify-content: center;
      margin-bottom: 15px;
      position: relative;
  }

  .modal-close-button {
      position: absolute;
      right: 0;
      cursor: pointer;
  }

  .otp-title>p,
  .adres-modal-title>p {
      font-size: 20px;
      font-weight: 600;
      color: #f72717;
      margin: 0;
  }

  .otp-desc>p,
  .adres-modal-desc>p {
      font-size: 15px;
      font-weight: 500;
      text-align: center;
      color: #162056;
  }

  .otp-desc,
  .adres-modal-desc {
      margin-bottom: 30px;
  }

  .otp-submit-button-div,
  .adres-modal-submit-button-div {
      display: flex;
      width: 100%;
      justify-content: center;
      margin-top: 25px;
      margin-bottom: 20px;
  }

  .otp-submit-button,
  .adres-modal-submit-button {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #00a483;
      color: #ffffff !important;
      padding: 12px 32px;
      border: 1px solid #00a483;
      border-radius: 22px;
      cursor: pointer;
      font-size: 18px;
      font-weight: bold;
      outline: none !important;
  }

  .otp-resend-button-div,
  .adres-modal-resend-button-div {
      display: flex;
      justify-content: center;
  }

  #otp-resend-button,
  #adres-modal-resend-button {
      color: #162056;
      text-decoration: underline;
      cursor: pointer;
  }

  form label.checkbox .custom-checkbox {
      box-shadow: unset;
      background-color: #fff;
  }


  .tail-select-container .select-handle {
      border-radius: 4px !important;
      border: solid 0.5px #bcbcbc;
      width: auto;
      color: #616060;
      cursor: pointer;
      margin: 1px;
      padding: 5px 8px 5px 33px;
      display: inline-block;
      position: relative;
      font-size: 12px;
      text-align: left;
      line-height: 16px;
      vertical-align: top;
      background-color: unset !important;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      transition: background 142ms linear;
      -moz-transition: background 142ms linear;
      -webkit-transition: background 142ms linear;
  }

  .tail-select-container .select-handle:before {
      left: 0;
      border-right: solid 0.5px #bcbcbc;
      top: 0;
      margin: 0 5px 0 5px;
      padding: 0;
      z-index: 21;
      display: inline-block;
      content: "";
      position: absolute;
      background-repeat: no-repeat;
      background-position: center center;
      width: 24px;
      height: 100%;
      opacity: 0.3;
      vertical-align: top;
      background-image: url("//cdn.edenred.com.tr/sites/default/files/vector/icn_sil.svg");
      transition: opacity 142ms linear;
      -moz-transition: opacity 142ms linear;
      -webkit-transition: opacity 142ms linear;
  }

  .tail-select-container .select-handle:after {
      display: none !important;
  }

  .button {
      line-height: 0 !important;
      padding: 20px 32px !important;
  }

  .ui-selectmenu-optgroup {
      font-weight: 700;
      padding: 0 10px !important;
  }

  .ui-selectmenu-menu ul li.ui-menu-item {
      padding: 0 25px !important;
  }

  .pos-suggestion-div {
      z-index: 9;
      display: none;
      position: absolute;
      background-color: white;
      width: 100%;
      border-radius: 0 0 10px 10px;
      padding: 20px;
  }

  .pos-suggestion-div>ul {
      max-height: 300px;
      overflow-y: auto;
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 20px;
      padding: 0 !important;
  }

  .pos-suggestion-div>ul>li {
      cursor: pointer;
  }

  .search-select-div {
      border: 1px solid;
      background-color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 5px 20px;
  }

  .search-select-input {
      margin: 10px;
      width: 100%;
      border-radius: 4px;
  }

  .form-group-title {
      margin-bottom: 0.2rem;
  }

  .form-control[readonly] {
      background-color: #e8eaed !important;
  }

  .step-4-avm-input {
      display: flex;
      gap: 10px
  }

  .step-3-efatura-div,
  .step-3-efatura-div>div {
      display: flex;
      gap: 10px;
      margin: 10px 0;
  }

  .step-4-dblclk-warning-div {
      color: #162056;
      border-radius: 5px;
      background-color: white;
      width: 100%;
      padding: 10px 15px;
      margin-bottom: 10px;
  }

  .step-4-dblclk-warning-div>p {
      font-weight: 500;
      font-size: 12px;
      line-height: normal;
  }

  input[type="checkbox"],
  input[type="radio"] {
      cursor: pointer;
  }

  .ui-state-active {
      background: #f4f5f7;
  }

  #block-sidetoolbox {
      display: none;
  }

  /*input[name="pos-seri-no"]:focus ~ .pos-suggestion-div{*/
  /*  display: block;*/
  /*}*/
  .yeni-sube-radio-button {
      display: flex;
      gap: 10px;
      align-items: center;
      padding: 16px 18px 16px 16px;
      border-radius: 10px;
      box-shadow: 0 2px 4px 0 rgba(217, 217, 217, 0.32);
      background-color: rgba(255, 255, 255, 0.69);
      margin-bottom: 10px;
  }

  .yeni-sube-radio-button input {
      opacity: 1 !important;
  }

  .IBAN-tr {
      padding: 8px;
      border: 1px solid #b2b2b2;
      border-radius: 3px;
      display: flex;
      height: fit-content;
  }

  .IBAN-area {
      display: flex;
      gap: 10px;
  }

  .iti {
      width: 100%;
  }

  .delete-pos-text {
      padding: 5px;
      background-color: white;
      z-index: 2;
      text-align: center;
      color: #162056;
      box-shadow: 0 3px 4px 0 rgb(0 0 0 / 21%);
      border: solid 1px rgba(63, 73, 87, 0.04);
      border-radius: 8px;
      position: absolute;
      width: 200px;
      left: 45px;
      top: -25px;
      display: none;
      height: 100px;
  }

  .delete-pos-text::after {
      border-bottom: solid transparent 10px;
      border-top: solid transparent 12px;
      border-right: solid #fff 30px;
      bottom: 50%;
      content: " ";
      height: 19px;
      left: -25px;
      margin-left: 0px;
      position: absolute;
  }

  @media screen and (max-width: 768px) {
      .delete-pos-text {
          left: -168px;
          top: 39px;
      }

      .delete-pos-text::after {
          border-left: solid transparent 10px;
          border-right: solid transparent 12px;
          border-bottom: solid #fff 30px;
          bottom: 100%;
          left: 164px;
      }
  }




  /*@media screen and (max-width: 420px) {*/
  /*  .basvur-page-otp-content, .basvur-page-adres-modal-content {*/
  /*    max-height: 475px;*/
  /*  }*/
  /*}*/
  /*------------------------------*/
  @media screen and (max-width: 600px) {
      .form-area {
          grid-template-columns: 1fr;
      }

      .yazarkasa-pos-element {
          grid-template-columns: 1fr;
      }

      .yazarkasa-pos-info {
          flex-direction: column;
          gap: 10px;
      }

      /*.yazarkasa-pos-area{*/
      /*  width: 100%;*/
      /*}*/
      .multiple-img-item {
          width: 100%;
      }

      .company-info-step-attention,
      .pos-step-attention {
          flex-direction: column;
      }

      .attention-text {
          text-align: center;
      }

      .upload-file-area-sub-div {
          flex-direction: column;
      }

      .file-after-upload-buttons-div {
          justify-content: center;
      }

      .agreement_footer {
          flex-direction: column;
          align-items: center;
          gap: 20px;
      }

      .step-5-radio-button-div {
          flex-direction: column;
      }

      .upload-file-icon~div {
          text-align: center;
      }
  }

  @media screen and (max-width:1250px) {
      .gray-line {
          width: 82%;
      }
  }