[type="date"] {
    background: #fff
      url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)
      97% 50% no-repeat;
  }
  [type="date"]::-webkit-inner-spin-button {
    display: none;
  }
  [type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
  }
  
  /* custom styles */
  
  label.custom_date {
    display: block;
  }
  input.custom_date_input {
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    background-color: #fff;
    padding: 3px 5px;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.1);
    width: 190px;
  }
  .page-container {
    max-width: 891px;
    margin-left: auto !important;
    margin-right: auto !important;
    // padding-right: 150px;
    padding: 0 50px;
    float: none !important;
  }
  .small-heading {
    float: none !important;
    display: block;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 12px;
  }
  .select-store {
    // max-width: 500px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .name-container {
    display: flex;
    justify-content: space-between;
  }
  .first-name {
    max-width: 320px !important;
    margin-right: 25px !important;
  }
  .last-name {
    max-width: 400px !important;
  }
  .xs-heading {
    font-size: 14px;
    font-weight: 400;
  }
  .email-container {
    width: 370px;
    max-width: 370px;
    margin-right: 20px;
  }
  .phone-container {
    width: 350px;
    max-width: 350px;
  }
  .space {
    margin-bottom: 20px;
    width: 320px !important;
  }
  .button-container {
    text-align: center;
    margin-top: 70px;
  }
  .icon-input {
    border: 1px solid #e5e5e5;
    display: flex;
    margin-bottom: 30px;
    position: relative;
  }
  .no-border {
    z-index: 100;
    border: none !important;
    margin-bottom: 0 !important;
    outline: none !important;
    box-shadow: none !important;
  }
  .no-border:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
  }
  .helper-span {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .icon-margins {
    z-index: 100;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 30px;
    color: #7c7979;
  }
  .margin-b {
    margin-bottom: 50px;
  }
  .border-round {
    border-radius: 3px;
  }
  .no-border:focus + span {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) !important;
  }
  textarea::placeholder {
    text-align: center;
    padding-top: 10% !important;
  }
  
  .icon-margins:hover {
    color: #575454;
  }
  .popup{
    width: 15px;
    position: absolute;
    margin-top: 10px;
     height: 15px;
    border:  1px solid  #e5e5e5;
    border-right: none;
    border-top: none;
    transform: rotate(45deg);
    z-index: 999;
    background: #fff;
  }
  .popUp{
    position: relative;
    left: 25px;
  }
  
  .popup1 {
    padding: 5px;
    position: absolute;
    border-left: none;
    border: 1px solid  #e5e5e5;
    z-index: 999;
    width: 350px;
    max-width: 350px;
    font-size: 14px;
    background: #fff;
  }
  .hidden{
    opacity: 0;
    transition: opacity 0.3s;
  }
  .active{
    opacity: 1;
    transition: opacity 0.3s;
  }
  .error_container{
    position: relative;
  }
  
   #optic_store{
      display: none;
    }
    .store-container{
      position: relative;
      z-index: 99;
    }
  
    .custom-select-dropdown-optician,
    .custom-select-dropdown{
      flex-basis: 70%;
      height: 40px;
      position: relative;
      border: 1px solid rgb(229, 229, 229);
      border-radius: 3px;
      display: flex;
      align-items: center;
      padding: 0 5px;
    }
    .custom-select-dropdown-content-optician,
    .custom-select-dropdown-content{
      display: none;
      position: absolute;
      top: 103%;
      z-index: 9;
      left: 0;
      border: 1px solid rgb(229, 229, 229) ;
      border-radius: 3px;
      padding: 5px;
      width: 100%;
      background: #fff;
      box-shadow: 1px 2px 2px 1px rgb(0 0 0 / 20%);
    }
    .custom-select-dropdown-content-optician.active,
    .custom-select-dropdown-content.active{
      display: block;
    }
    #lens{
      display: none;
    }
    
    .custom-select-dropdown-content-optician div,
    .custom-select-dropdown-content div{
      margin-bottom: 3px;
    }
    .custom-select-dropdown-content-optician div:hover,
    .custom-select-dropdown-content div:hover{
      background-color: #ffd1c6;
      cursor: pointer;
    }
   .custom-dropdown-icon{
      position: absolute;
      right: 15px;
  }
  .text_error{
    position: absolute;
    left: 35%;
      top: -30px;
      color: #0321C5;
      opacity: 0;
      pointer-events: none;
      transition: all 0.3s ease;
  }
  
  span.error_first{
    left: 15%;
  }
  
  span.error_last{
    left: 55%;
  }
  
  span.data_error{
    top: -5px;
  }
  
  .text_error.active{
    opacity: 1;
    pointer-events: initial;
  }
  
  .appointment_wrapper{
    margin-top: 45px;
  }
  .select-dateBirth{
    display: flex;
    margin-top: 10px;
    margin-bottom: 25px;
  }
  .mr-20{
    margin-right: 20px;
  }
  
  .button-container button{
    outline: none;
  }
  
  #dobyear,
  #dobmonth,
  #dobday,
  .custom-dates-dropdown select{
    display: none !important;
  }
  
  .custom-dates-dropdown{
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  
  .custom-dates-dropdown .custom-select-date{
    position: relative;
    flex-basis: 30%;
    padding: 5px;
    border: 1px solid rgb(229, 229, 229);
    border-radius: 3px;
  }
  
  .custom-select-date svg{
    top:50%;
    transform: translateY(-50%);
  }
  
  .custom-select-date-content{
    position: absolute;
    width: 100%;
    top: 102%;
    border: 1px solid rgb(229, 229, 229);
    border-radius: 3px;
    background: #fff;
    z-index: 9;
    max-height: 250px;
    overflow-y: auto;
    left: 0;
    display: none;
  }
  
  .custom-select-date-content div{
    padding: 2px 5px;
  }
  
  .custom-select-date-content div:hover{
    cursor: pointer;
    background-color: #ffd1c6;
  }
  
  .custom-select-date-content.active{
     display: block;
  }
  
  // Scroll for Chrome
  .custom-select-date-content::-webkit-scrollbar-track{
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
  }
  
  .custom-select-date-content::-webkit-scrollbar{
      width: 10px;
      background-color: #F5F5F5;
  }
  .custom-select-date-content::-webkit-scrollbar-thumb
  {
      background-color: #000000;
      border: 2px solid #555555;
  }
  
  // Scroll for Modzilla
  .custom-select-date-content{
    scrollbar-width: thin;      
    scrollbar-color: #000000 #F5F5F5;  
  }