@import '../styles/style';

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  background: #fff;
  color: #232323;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  -webkit-tap-highlight-color: transparent;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  @media screen and (max-device-width: 480px) {
    #zapLoginContainer {
      min-width: 0px !important;
    }
    .city-lightbox {
      overflow: scroll;
      .city-inner {
        overflow: scroll;
        .citySelection {
          padding-bottom: 60px;
        }
      }
    }
    .sub-title, .cities {
      .city {
        margin: 0;
      }
      justify-content: center;
      padding: 10px;
    }
  }
  .t-and-c {
    .zap-referral-point {
      list-style: disc
    }
  }
  .loader-container{
    .loader {
      min-height: 600px;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 50%;
      left: 41%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: #fff;
      z-index: 9;
      .lds-ripple {
        display: inline-block;
        position: relative;
        width: 64px;
        height: 64px;
      }
      .lds-ripple div {
        position: absolute;
        border: 4px solid #7EAA59;
        opacity: 1;
        border-radius: 50%;
        animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
      }
      .lds-ripple div:nth-child(2) {
        animation-delay: -0.5s;
      }
    }
  }
  @keyframes lds-ripple {
    0% {
      top: 28px;
      left: 28px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: -1px;
      left: -1px;
      width: 58px;
      height: 58px;
      opacity: 0;
    }
  }
}

a {
  cursor: pointer;
  color: #1d7eef;
  text-decoration: none;
}