.ui-widget, #selectedGushimHelkot {
  font-family:var(--e-global-typography-primary-font-family);
}

.complotObjectsHeight {
  height: 44px;
}

  .selectBox {
    position: relative;
  }

  .selectBox select {
    width: 100%;
    font-weight: bold;
  }

  .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  #checkboxes {
    border: 1px #dadada solid;
    list-style: none;
    padding: 0px;
  }

  #checkboxes li{
    padding: 5px;
  }

  #checkboxes label {
    margin-right: 10px;
    vertical-align: text-top;
  }

  #checkboxes label:hover {
    background-color: #1e90ff;
  }

  .complotProductText {
    font-size: 14px;
    margin-bottom: 20px;
  }

/* The Modal (background) */
.paykal_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.paykal_modal_content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
  font-size: 18px;
  border-radius: 15px;
  height: auto;
}

.paykal_modalTitle{
  /* background-color: #A9C5F7; */
  padding: 10px;
  border-radius: 15px;
  text-align: center;
}

.paykal_modalContent{
  text-align: center;
  margin-bottom: 20px;
}

.paykal_modalContent a{
  text-decoration: underline;
}

.paykal_modal button{
  padding: .3rem 1rem;
  margin-top: 10px;
  width: 100%;
}

.image_width_sixteen {
  width: 16px;
}

.margin_top_right_ten {
  margin-top: 10px;
  margin-right: 10px;
}

.margin_top_less_ten {
  margin-top: -10px !important;
}

.createComplotPagesButton {
	background-color:#44c767;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:17px;
	padding:3px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}

.createComplotPagesButton:hover {
	background-color:#5cbf2a;
}

.createComplotPagesButton:active {
	position:relative;
	top:1px;
}

.image_width_sixteen {
  width: 16px;
}

.margin_top_right_ten {
  margin-top: 10px;
  margin-right: 10px;
}

.margin_top_less_ten {
  margin-top: -10px !important;
}

.delivery_types_table th, .delivery_types_table td{
  width: 120px;
  text-align: right;
}

.price_brackets_table th, .price_brackets_table td{
  width: 200px;
  text-align: right;
}

.woocommerce_options_panel .sale_price_hours_fields .short:first-of-type{
  margin-bottom:1em;
}

.woocommerce_options_panel .sale_price_hours_fields .short:nth-of-type(2){
  clear:right;
}

.logger_holder_wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #33333378;
    z-index: 99999;
    display: none;
}
.logger_holder_wrapper.active{
  display:block;
}


.logger_holder {
    position: absolute;
    width: 30%;
    min-height: 300px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    border-radius: 4px;
    box-shadow: -1px 2px 20px 1px;
}
span.logger_close {
    display: inline-block;
    padding: 0.1em 0.4em;
    font-weight: 500;
    font-size: 18px;
    border: 1px solid;
    margin: 0.4em 0.4em;
    border-radius: 2px;
    cursor: pointer;
}
h3.logger_title {
    display: block;
    text-align: center;
    font-size: min(20px,5vw);
    text-decoration: underline;
}
ul.logger_data {
    padding: 0 1em;
    direction: ltr;
    text-align: right;
    font-size: min(16px,5vw);
    font-weight: 600;
}
.logger_status{
  display: inline-block;
  text-align:center;
  font-size:min(18px,5vw);
  width: 100%;
}

.ui-dialog{
  max-width: 80% !important;
}

#dont_close_page_warning {
  font-size: 12px;
  font-weight: 500;
  color: red;
}

#content .page-header h1.entry-title{
  font-size: 20px;
}

@media only screen and (max-width: 600px) {
  #dont_close_page_warning {
    font-size: 12px;
    font-weight: 500;
    color: red;
  }

  #content .page-header h1.entry-title{
    font-size: 20px;
  }
}

.store_address div{
  float:right;
  width:50%;
  padding:10px;
}
.store_address:after{
  clear:both;
  content:"";
  display:block;
}
#generateOrdersReport{
  /* float:left; */
  margin:10px;
}
a:active,a:hover {
  color: #135e96
}

.wcfm-container.wcfm_marketplace_store_settings {
  width: 100% !important;
}

.custom-combobox {
  position: relative;
  display: inline-block;
}
.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
}
.custom-combobox-input {
  margin: 0;
  padding: 5px 10px;
  width: 100%;
}
div.complotProductText div.ui-widget{
  display: flex;
  justify-content: space-between;
  font-size: 17px !important;
}
div.complotProductText div.ui-widget div.trash-icon{
  width: 7%;
}
div.complotProductText div.ui-widget > div{
  display: flex;
  flex-direction: column;
  width: 45%;
}
div.complotProductText div.ui-widget div span{
  display: flex;
  flex-direction: row;
}
div.complotProductText div.ui-widget label {
  margin-bottom: 5px;
}
div.complotProductText div.ui-widget {
  margin-top: 15px;
}
ul.checkboxes {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #c5c5c5;

  li label {
    position: relative;
  }
}
div.multiselect {
  width: 100%;
  border: 1px solid #c5c5c5;
  display: none;
}
div#containerGushim button.addGushHelkotPair {
  margin-top: 20px;
}
div#selectedGushimHelkot {
  margin-top: 20px;
}
ul#selectedGushimHelkotList li a {
  color: blue;
  padding-right: 5px;
}
ul#selectedGushimHelkotList li {
  font-size: 18px;
}
div.ui-widget input.dropbtn{
  width: 99%;
}
div.ui-widget span.custom-combobox input, div.ui-widget a, div.ui-widget input.dropbtn{
  height: 44px;
}
ul.ui-widget-content.ui-autocomplete{
  max-height: 200px;
  overflow-y: auto;
}
div.ui-widget input.dropbtn, div.ui-widget a.custom-combobox-toggle, div.ui-widget input.custom-combobox-input {
  border: 1px solid rgb(204, 209, 230);
  background-color: white;
}
div.dropdown div.input_and_button_pair{
  display: flex;
  width: 100%;
}
div.dropdown div.dropdown-content{
  display: none;
}
div.dropdown input.dropbtn, div.dropdown a.ui-button{
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.helka_list_item, .field_list_item{
  padding: 5px;
}
.helka_list_item input, .field_list_item input {
  margin-left: 10px;
  width: 20px;
  height: 20px;
}
.helka_list_item label, .field_list_item label {
  margin-bottom: 10px;
}
div.ui-widget div.helkot_div{
  width: 40%;
}
div.ui-widget div.trash-icon i{
  font-size: 22px;
  margin-top: 11px;
  margin-right: 12px;
}

div.combobox_filter div.dropdown {
  width: 45%;
}

div#containerGushim div.combobox_filter {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 12px;
}

div#containerGushim div.combobox_filter a.custom-combobox-toggle {
  width: 42px;
  height: 42px;
}

div.trash-icon a.remove_gush_helka_pair i {
  color: red;
  font-size: 20px;
  margin-top: 10px;
}

div.combobox_filter li:hover {
  background-color: aliceblue;
  cursor: pointer;
}

.cart button.button-complot {
  width: 260px !important;
  height: 46px !important;
  border-radius: 40px !important;
  padding: 11px 60px 11px 60px !important;
  border-width: 2px !important;
  border-style: solid !important;
  background-color: white !important;
  color: black !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.cart button.button-complot:hover {
  border-color: rgb(204, 51, 102) !important;
}

.cart button.button-complot:disabled {
  border: 2px #A2A1A1 solid !important;
  background-color: #A2A1A1 !important;
  color: #D9D9D9 !important;
}

div.checkRequestDiv {
  display: flex;
  flex-direction: row-reverse;
}

div.complotRequestInformationResults {
  display: flex;
  flex-direction: column;
  align-items: center;
}

div.complotRequestInformationResults span.messagebox_title {
  font-size: 20px;
  font-weight: 600;
}

div.complotRequestInformationResults span.align_self_start {
  align-self: flex-start;
}

div.complotRequestInformationResults div#knasotWarningPassedDateListItem {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 24px;
}

div.complotRequestInformationResults div#knasotWarningPassedDateListItem span.bold_notice {
  font-weight: 700;
}

div.complotRequestInformationResults div#tableObjectContainer label {
  direction: ltr;
  font-size: 16px;
  font-weight: 500;
}

div.complotRequestInformationResults div#tableObjectContainer input[name=selectAllInTableObject] {
  display: inline-block;
  margin-left: 8px;
  vertical-align: top;
}

table.doReWriteTable {
  font-size: 16px;
  font-weight: 400;
  border: 0px !important;
}

table.doReWriteTable th, table.doReWriteTable td {
  text-align: start;
}

table.doReWriteTable tr th {
  font-weight: 600;
}

table.doReWriteTable tr.tableRowDisabled {
  background-color: #F5F5F5;
}

table.doReWriteTable tr.tableRowDisabled td {
  color: #A2A1A1;
}

table.doReWriteTable tr.tableRowDisabled td span.redDateCell {
  color: red;
}

table.doReWriteTable tr {
  border: 0px;
  border-bottom: 1px #A2A1A1 solid;
}

table.doReWriteTable thead tr:first-child {
  border-bottom: 2px #A2A1A1 solid;
}

div.complotProductText label.form-row {
  margin-bottom: 40px;
}

div.complotProductText label.form-row, div.complotProductText .onecity_dynamic_product_field {
  font-size: 15px;
  color: #706F6F
}

div.complotProductText label.form-row > input, div.complotProductText label.form-row > select {
  margin-top: 8px;
  border: 0px;
  border-bottom: 1px #A2A1A1 solid;
}

div.woocommerce-order section.woocommerce-order-details a.button.button-primary[href*=attaching_pdf] {
  display: none;
}

.checkout_page_disclaimer{
  padding-bottom:20px
}

.checkout_page_disclaimer, .checkout_page_disclaimer *{
  font-size:18px;
  font-family:"Rubik"
}

.checkout_page_disclaimer a{
  color:var(--e-global-color-c8217a4)
}

div.connected_user_greeting {
  display: flex;
  height: 136px;
  align-items: center;
  div.greeting {
    display: flex;
    flex-direction: column;
    margin-right: 32px;
    div.greeting_name_text {
      font-weight: 600;
      font-size: 24px;
      line-height: 40px;
    }
    div.greeting_complete_purchase {
      font-weight: 400;
      font-size: 18px;
      line-height: 20px;
    }
  }
}

form[name=checkout] {
  font-family: var(--e-global-typography-primary-font-family) !important;

  button.checkout_black_button {
    margin-top: 26px;
    background-color: #171515;
    border-radius: 40px;
    padding: 11px 60px;
    color: white !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    cursor: pointer;
    text-align: center;
    line-height: 24px;
    border: 0px;
  }
  button.checkout_black_button:disabled {
    background-color: #545454;
  }
  button#place_order {
    background-color: #171515 !important;
    border-radius: 40px !important;
    padding: 11px 60px !important;
    border: 0px !important;
    font-weight: 700 !important;
    color: #D9D9D9 !important;
  }
  button#place_order:disabled {
    background-color: #545454 !important;
  }

  div.sidebar_popup_blocker {
    display: none;
    transform: scale(1);
    overflow: hidden;
    position: fixed;
    z-index: 11000;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: rgba(0, 0, 0, .25);
    transition: background-color .4s, transform 0s;
    text-align: right;

    div.sidebar_popup {
      position: fixed;
      left: var(--side-cart-alignment-left, 0);
      right: var(--side-cart-alignment-right, auto);
      transform: translateX(0);
      top: 0;
      bottom: 0;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      font-size: 14px;
      min-height: 200px;
      width: 540px;
      max-width: 100%;
      transition: .3s;
      line-height: 100%;
      /* padding: var(--cart-padding, 20px 30px); */
      background-color: var(--cart-background-color, #fff);
      box-shadow: 0 0 20px rgba(0, 0, 0, .2);
      border-style: var(--cart-border-style, none);
      border-color: var(--cart-border-color, initial);
      border-radius: var(--cart-border-radius, 0);
      margin-top: var(--mini-cart-spacing, 0);

      div.top_gradient_background {
        background: linear-gradient(to right, #EB6858, #D3208B);
        position: absolute;
        height: 368px;
        width: 100%;
        top: 0px;
        left: 0px;
      }
      a.close_sidebar_button {
        z-index: 11001;
        padding: 28px;
        position: absolute;
        i {
          color: white;
          font-size: 28px;
          font-weight: lighter;
        }
      }
    }

    div.sidebar_popup {
      div.sidebar_content {
        z-index: 11002;
        margin: 60px 40px;
        div.main_content {
          background-color: white;
          border-radius: 15px;
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: 32px;
          /* box-shadow: 0px 3px 15px 0px #0000001F; */

          span.soft_message{
            font-weight: 300;
            font-size: 20px;
            line-height: 24px;
            margin-top: 56px;
          }
          span.phone_bold, span.email_bold {
            font-size: 26px;
            line-height: 31px;
            margin-top: 18px;
          }
          div.token_content{
            margin: 0px 96px;
            margin-top: 26px;
            display: flex;
            gap: 10px;
            flex-direction: row-reverse;
            input {
              font-size: 20px;
              line-height: 24px;
              border: 0px;
              border-bottom: 1px #A2A1A1 solid !important;
              text-align: center;
              appearance: textfield;
              padding: .5rem 0rem;
            }
          }
          span.valid_for_x_minutes {
            margin-top: 26px;
            margin-bottom: 56px;
            font-size: 17px;
            line-height: 20px;
            display: flex;
            &:before {
              display: inline-block;
              margin-left: 8px;
              width: 21px;
              height: 21px;
              content: '';
              background-image: url('data:image/svg+xml;utf8,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_311_5557" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="21" height="21"><rect x="0.5" y="0.800781" width="20" height="20" fill="url(%23paint0_linear_311_5557)"/></mask><g mask="url(%23mask0_311_5557)"><path d="M8 3.30078V1.63411H13V3.30078H8ZM9.66667 12.4674H11.3333V7.46744H9.66667V12.4674ZM10.5 19.1341C9.47222 19.1341 8.50347 18.9362 7.59375 18.5404C6.68403 18.1445 5.88889 17.6063 5.20833 16.9258C4.52778 16.2452 3.98958 15.4501 3.59375 14.5404C3.19792 13.6306 3 12.6619 3 11.6341C3 10.6063 3.19792 9.63758 3.59375 8.72786C3.98958 7.81814 4.52778 7.023 5.20833 6.34244C5.88889 5.66189 6.68403 5.12369 7.59375 4.72786C8.50347 4.33203 9.47222 4.13411 10.5 4.13411C11.3611 4.13411 12.1875 4.273 12.9792 4.55078C13.7708 4.82855 14.5139 5.23133 15.2083 5.75911L16.375 4.59244L17.5417 5.75911L16.375 6.92578C16.9028 7.62022 17.3056 8.36328 17.5833 9.15494C17.8611 9.94661 18 10.773 18 11.6341C18 12.6619 17.8021 13.6306 17.4062 14.5404C17.0104 15.4501 16.4722 16.2452 15.7917 16.9258C15.1111 17.6063 14.316 18.1445 13.4062 18.5404C12.4965 18.9362 11.5278 19.1341 10.5 19.1341ZM10.5 17.4674C12.1111 17.4674 13.4861 16.898 14.625 15.7591C15.7639 14.6202 16.3333 13.2452 16.3333 11.6341C16.3333 10.023 15.7639 8.648 14.625 7.50911C13.4861 6.37022 12.1111 5.80078 10.5 5.80078C8.88889 5.80078 7.51389 6.37022 6.375 7.50911C5.23611 8.648 4.66667 10.023 4.66667 11.6341C4.66667 13.2452 5.23611 14.6202 6.375 15.7591C7.51389 16.898 8.88889 17.4674 10.5 17.4674Z" fill="url(%23paint1_linear_311_5557)"/></g><defs><linearGradient id="paint0_linear_311_5557" x1="1.62" y1="3.3781" x2="22.1906" y2="11.908" gradientUnits="userSpaceOnUse"><stop stop-color="%23EB6858"/><stop offset="1" stop-color="%23D3208B"/></linearGradient><linearGradient id="paint1_linear_311_5557" x1="3.84" y1="3.88926" x2="19.8928" y2="9.59485" gradientUnits="userSpaceOnUse"><stop stop-color="%23EB6858"/><stop offset="1" stop-color="%23D3208B"/></linearGradient></defs></svg>');
              background-repeat: no-repeat;
            }
          }
          input::placeholder{
            text-align: right;
          }
        }
        div.submit_section {
          margin-top: 24px;
          display: flex;
          flex-direction: column;
          align-items: center;
          span.request_another_token_message {
            color: darkgray;
          }
          button.send_again_message {
            font-size: 17px;
            line-height: 20px;
            display: flex;
            cursor: pointer;
            border: 0px;
            &:after {
              content: '';
              display: inline-block;
              width: 21px;
              height: 20px;
              background-image: url('data:image/svg+xml;utf8,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4998 15.6667L4.6665 9.83333L10.4998 4" stroke="url(%23paint0_linear_2232_540)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_2232_540" x1="4.99317" y1="5.50344" x2="11.7348" y2="6.90118" gradientUnits="userSpaceOnUse"><stop stop-color="%23EB6858"/><stop offset="1" stop-color="%23D3208B"/></linearGradient></defs></svg>');
              background-repeat: no-repeat;
            }
            &:hover {
              background: none;
              color: black;
            }
            &:focus {
              background: none;
              color: black;
            }
          }
          button.enter_token_button {
            min-width: 205px;
          }
        }
      }
    }

    div.sidebar_header {
      display: flex;
      flex-direction: column;
      h3 {
        background-color: transparent;
        margin: 0px !important;
        padding: 0px !important;
        display: flex;
        flex-direction: column;
        &:before {
          content: '';
        }
      }
      span {
        color: white !important;
        align-self: center;
        line-height: 48px;
      }
      div {
        align-self: center;
      }
      div.top {
        display: flex;
      }
    }

    div.sidebar_popup.known_user_login,
    div.sidebar_popup.user_email_input {
      div.sidebar_content {
        div.sidebar_header {
          span.top {
            font-size: 26px;
            font-weight: 400;
          }
          span.bottom_regular {
            font-size: 40px;
          }
          span.bottom_bold {
            font-weight: 600;
            font-size: 40px;
          }
        }
        div.main_content {
          background-color: white;
          border-radius: 15px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 32px;
          input.please_enter_user_email {
            margin-bottom: 56px;
          }
          div.inputs_container {
            width: 100%;
            label {
              width: 100%;
              font-size: 15px;
              line-height: 18px;
              font-weight: 400;
              color: #545454;
              abbr.required {
                color: #545454;
              }
            }
            input {
              font-size: 17px;
              line-height: 20px;
            }
            input::placeholder {
                color: #171515;
            }
          }
          div.pink_msg_not_found{
            border-radius: 8px;
            padding: 16px;
            font-size: 16px;
            line-height: 24px;
            background: rgba(211, 32, 139, 0.05);
            display: flex;
            flex-wrap: wrap;
            svg {
              margin-left: 8px;
            }
            span.msg_bold {
              font-weight: 500;
            }
          }
          div.two_inputs_container {
            display: flex;
            gap: 24px;
          }
          input {
            border: 0px;
            border-bottom: 1px #A2A1A1 solid !important;
          }
        }
      }
    }
    div.sidebar_popup.unknown_user_register {
      box-shadow: 0px;
      div.sidebar_content {
        div.sidebar_header {
          span.top_regular {
            font-size: 40px;
          }
          span.top_bold {
            font-weight: 600;
            font-size: 40px;
          }
          div.top{
            flex-direction: row;
            gap: 8px;
          }
        }
        div.main_content {
          background-color: white;
          border-radius: 15px;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 30px 40px 0px 40px;
          gap: 32px;
          div.inputs_container {
            width: 100%;
            label {
              width: 100%;
              font-size: 15px;
              line-height: 18px;
              font-weight: 400;
              color: #545454;
              abbr.required {
                color: #545454;
              }
            }
            input {
              font-size: 17px;
              line-height: 20px;
            }
            input::placeholder {
                color: #171515;
            }
          }
          div.pink_msg_not_found{
            border-radius: 8px;
            padding: 16px;
            font-size: 16px;
            line-height: 24px;
            background: rgba(211, 32, 139, 0.05);
            display: flex;
            flex-wrap: wrap;
            svg {
              margin-left: 8px;
            }
            span.msg_bold {
              font-weight: 500;
            }
          }
          div.two_inputs_container {
            display: flex;
            gap: 24px;
          }
          input {
            border: 0px;
            border-bottom: 1px #A2A1A1 solid !important;
          }
        }
        div.submit_section {
          min-width: 305px;
        }
      }
    }
  }

  div.woocommerce-billing-fields {
    div.please_login {
      background-color: #F5F5F5;
      border-radius: 10px;
      padding: 28px 40px 28px 40px;
      display: flex;
      flex-direction: column;
      gap: 40px;
      div.please_login_top {
        display: flex;
        justify-content: space-between;
        h3.please_login_header {
          color: #171515 !important;
          font-size: 26px !important;
          font-weight: 700 !important;
          line-height: 21px;
        }
        button.no_account_please_register {
          color: #171515 !important;
          font-size: 25px !important;
          font-weight: 500 !important;
          display: flex;
          cursor: pointer;
          border: 0px;
          line-height: 21px;
          align-self: baseline;
          &:after {
            content: '';
            display: inline-block;
            width: 21px;
            height: 20px;
            background-image: url('data:image/svg+xml;utf8,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4998 15.6667L4.6665 9.83333L10.4998 4" stroke="url(%23paint0_linear_2232_540)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_2232_540" x1="4.99317" y1="5.50344" x2="11.7348" y2="6.90118" gradientUnits="userSpaceOnUse"><stop stop-color="%23EB6858"/><stop offset="1" stop-color="%23D3208B"/></linearGradient></defs></svg>');
            background-repeat: no-repeat;
            align-self: center;
          }
          &:hover {
            background: none;
          }
          &:focus {
            background: none;
          }
        }
      }
      div.please_login_bottom {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 90px;
        input.please_enter_user_login {
          color: #444242 !important;
          font-size: 17px !important;
          font-weight: 300 !important;
          max-width: 430px !important;
          background-color: #F5F5F5 !important;
          border: 0px !important;
          border-bottom: 1px #A2A1A1 solid !important;
          max-height: 48px;
          appearance: textfield;
        }
        input.please_enter_user_login::placeholder {
          text-align: right;
        }
        button.verifitcation_button {
          min-width: 205px;
        }
      }
    }
    div.my_details_must_login {
      display: none;
      border: 1.5px #DCDFEA solid;
      border-radius: 10px;
      padding: 28px 40px 28px 40px;
      margin-top: 26px;
      div.my_details_top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 35px;
        h3.my_details_header{
          color: #A2A1A1 !important;
          font-size: 26px !important;
          font-weight: 700 !important;
        }
      }
      div.my_details_bottom {
        color: #A2A1A1 !important;
        font-size: 17px !important;
        font-weight: 500 !important;
        &:before {
          content: "\f06a";
          font-family: "Font Awesome 6 Pro";
          display: inline-block;
          margin-left: 8px;
        }
      }
    }
    p.form-row {
      /* width: 100% !important; */
    }
    p.form-row label {
      font-weight: 500 !important;
      color: #171515 !important;
    }
    p.form-row input {
      color: #171515 !important;
      font-size: 15px !important;
      border: 0px !important;
      border-bottom: 1px #DCDFEA solid !important;
    }
    p.form-row input:disabled {
      color: #545454 !important;
    }
    h2 {
      display: block !important;
      background-color: rgba(245, 245, 245, 1);
      border-radius: 8px !important;
      padding: 16px !important;
      font-size: 17px !important;
      font-weight: 500 !important;
      margin-bottom: 40px;
      span {
        font-weight: 400 !important;
      }
      &:before {
        content: "\f06a";
        font-family: "Font Awesome 6 Pro";
        display: inline-block;
        margin-left: 8px;
      }
    }
    div.billing_field_label_edit_container {
      display: flex;
      justify-content: space-between;
    }
    p#onecity_user_id_field_field input {
      text-align: right;
    }
  }
  div.woocommerce-additional-fields{
    p label {
      font-weight: 500 !important;
    }
    textarea.input-text[name=order_comments] {
      border: 2px #DCDFEA solid !important;
      border-radius: 10px !important;
      padding: 20px 16px 20px 16px !important;
      color: #545454 !important;
      font-weight: 400 !important;
      font-size: 15px !important;
      min-height: 160px !important;
    }
  }
  div.woocommerce-checkout-payment {
    display: flex !important;
    flex-direction: column;
    ul {
      align-self: center;
    }
    div.place-order {
      margin-top: 40px;
    }
  }
  div.e-checkout__order_review, div.e-coupon-box, div.woocommerce-checkout-payment {
    border: 1.5px #DCDFEA solid !important;
    border-radius: 10px !important;

    div.no_worry_remark {
      margin-top: 40px;
      color: #171515 !important;
      font-size: 18px !important;
      font-weight: 400 !important;
      display: flex;
      img {
        margin-left: 26px;
        height: 42px;
      }
      span {
        align-self: center;
      }
    }
    div.wc_payment_methods_header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      h3.wc_payment_methods_header_text {
        color: #171515 !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        align-self: center;
      }
      div.wc_payment_methods_icons {
        display: flex;
        flex-direction: row-reverse;
      }
    }
    p.e-woocommerce-coupon-nudge {
      color: #171515 !important;
      font-size: 17px !important;
      font-weight: 400 !important;

      a.e-show-coupon-form {
        font-size: 17px !important;
        font-weight: 500 !important;
      }
    }
    h3#order_review_heading {
      color: #171515 !important;
    }
    thead tr th {
      color: #171515 !important;
      font-size: 17px !important;
      font-weight: 400 !important;
    }
    tr.cart_item, tr.cart-subtotal {
      th, span, bdi {
        color: #171515 !important;
        font-size: 17px !important;
        font-weight: 400 !important;
      }
    }
    tr.order-total th, tr.order-total td span, tr.order-total td bdi {
      color: #171515 !important;
      font-size: 17px !important;
      font-weight: 700 !important;
    }
    ul.wc_payment_methods {
      display: flex;
      cursor: pointer;
      width: 100%;
      li{
        border: 1px #909090 solid;
        padding: 14px;
        width: 100%;
        text-align: center !important;
        input {
          display: none;
        }
        div.payment_box {
          display: none !important;
        }
        label img {
          display: none;
        }
        label {
          font-size: 17px !important;
          font-weight: 400 !important;
          color: #5A5959 !important;
          cursor: pointer;
        }
      }
      li.selected{
        border: 1px #D320BB solid;
        label {
          font-weight: 500 !important;
          color: #D320BB !important;
        }
      }
      li:first-child {
        border-radius: 0px 30px 30px 0px;
      }
      li:last-child {
        border-radius: 30px 0px 0px 30px;
      }
      li:only-child {
        border-radius: 30px 30px 30px 30px;
      }

    }
    ul.payment_methods:has(li:first-child:last-child) {
      cursor: default;
      li.selected {
        border: 1px #5A5959 solid;
        cursor: default;
        label {
          color: #5A5959 !important;
          cursor: default;
        }
      }
    }
  }
  div.woocommerce-terms-and-conditions-wrapper {
    span {
      color: #171515 !important;
      font-size: 17px !important;
      font-weight: bold !important;

      a {
        font-size: 17px !important;
        font-weight: 500 !important;
      }
    }
    div.must_confirm_message {
      color: #D4042A !important;
      font-size: 17px !important;
      font-weight: 400 !important;
      margin-top: 4px;
    }
    div.by_confirm_i_agree_message {
      color: #171515 !important;
      font-size: 17px !important;
      font-weight: 400 !important;
      margin: 30px 0px;
    }
  }
  div#order_review {
    hr {
      width: 115%;
    }
  }
  div.order_review_heading_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 20px;
    div.edit_cart_button {
      display: flex;
      align-items: center;
      cursor: pointer;
      color: #171515 !important;
      font-size: 15px !important;
      font-weight: 300 !important;
      svg {
        margin-left: 4px;
      }
    }
  }

  @media only screen and (max-height: 900px) {
    div.sidebar_popup {
      overflow-y: auto;
    }
  }
}

button#delete_tickets {
  background-color: #fff !important;
  color: #0E5F78 !important;
  padding: 2px 16px !important;
  border-radius: 120px !important;
  border: 1px solid !important;
  margin: 0 24px !important;
  display: none;
}

/* The loader overlay */
#loader-wrapper, #loader-wrapper-terminals {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Dark, semi-transparent background */
    z-index: 1000; /* Ensure it's on top of everything */
    display: flex; /* Use flexbox for easy centering */
    justify-content: center;
    align-items: center;
    visibility: hidden; /* Hide it by default */
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    flex-direction: column;
    gap: 24px;

    div.loader-title {
        color: white;
        font-size: 28px;
        font-weight: 500;
        text-align: center;
    }

    button.stop-ticket-delete {
        font-size: 20px;
        font-weight: 500;
        padding: 8px;
        border: 1px solid black;
        border-radius: 8px;
    }
}

/* Class to show the loader */
#loader-wrapper.is-active, #loader-wrapper-terminals.is-active {
    visibility: visible;
    opacity: 1;
}

/* The spinning loader itself */
.loader {
    width: 60px;
    height: 60px;
    border: 5px solid #f3f3f3; /* Light grey border */
    border-top: 5px solid #3498db; /* Blue top border to create the spin effect */
    border-radius: 50%; /* Make it a circle */
    animation: spin 1s linear infinite; /* Apply the spinning animation */
}

/* Keyframes for the spinning animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media only screen and (max-width: 600px) {
  div.complotProductText div.ui-widget {
    flex-direction: column;
    display: table;
  }
  div.complotProductText div.ui-widget div.gush_div {
    display: table-row;
  }
  div.complotProductText div.ui-widget div.helkot_div, div.ui-widget div.tash-icon {
    display: table-cell;
  }
  div.complotProductText div.ui-widget > div.gush_div, div.complotProductText div.ui-widget > div.helkot_div {
    width: 100%;
  }
  div.complotProductText .custom-combobox .custom-combobox-input {
    width: 99%;
  }

  form[name=checkout] {
    padding: 16px !important;

    button.checkout_black_button{
      margin: 0px !important;
    }
    div.col-1 {
      margin: 0px !important;
      padding: 0px !important;
    }

    div.not_logged_in_user {
      div.please_login {
        padding: 20px !important;
        div.please_login_top {
          flex-direction: column;
          gap: 18px !important;
        }
        div.please_login_bottom {
          flex-direction: column;
          gap: 42px !important;
          button.verifitcation_button {
            align-self: start;
          }
        }
      }
      div.my_details_must_login{
        display: none;
        padding: 28px 20px;
        div.my_details_bottom {
          font-weight: 400;
        }
      }
    }
    
    ul.wc_payment_methods {
      li{
        display: flex;
        align-items: center;
      }
    }
    div.order_review_heading_wrapper {
      padding: 0px;
    }
    
    div.sidebar_popup {
      div.sidebar_content {
        padding: 0px !important;
        margin: 80px 20px !important;
        div.sidebar_header {
          div.top{
            flex-direction: column !important;
          }
        }
        div.main_content {
          padding: 20px !important;
          margin: 0px !important;
          div.token_content{
            margin: 26px 0px 0px 0px !important;
          }
          div.submit_section{
            gap: 34px;
          }
        }
        button.enter_token_button {
          margin-top: 34px !important;
        }
      }
    }
  }
}