@import '../../../../../assets/scss/variables';

.create-customer-container {
  border-radius: 4px;
}

.additional-information {
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  margin-bottom: 30px;
}

.create-wrapper {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: auto;
  position: relative;
  margin: 0 auto auto auto;
}

.btn-container {
  text-align: center;
  margin-top: 30px;

  a {
    background-color: $hima-button-color;
    border: none;
    border-radius: 25px;
    color: #ffffff;
    padding: 14px 30px;
    width: 144px;

    &:hover {
      cursor: pointer;
    }
  }
}

.filter-checkbox {
  padding-right: 10px;
}

.checked-box {
  position: absolute;
  margin-left: 3px;
  margin-top: -27px;
}

.customer-header {
  z-index: 999;
  margin-top: 85px !important;
  width: 402px;
}

.types-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  padding-bottom: 50px;
}

.type {
  display: flex;
  padding-right: 30px;
  cursor: pointer;

  span {
    font-size: 16px;
    font-weight: bold;
    color: #1f466c;
  }
}

.type-disabled {
  span {
    color: #9cb1c6;
  }
}

.phone-onlinekonto {
  padding-bottom: 20px;

  span {
    font-size: 16px;
    font-weight: 600;
  }
}

/* 
  ##Device = Big Desktops
*/
@media (min-width: 1281px) {
  .create-wrapper {
    width: 700px;
  }
}

/* 
  ##Device = Laptops, Desktops, Ipad pro
*/
@media (min-width: 1025px) and (max-width: 1280px) {
  .create-wrapper {
    width: 700px;
  }
}

/* 
  ##Device = Tablets, Ipads
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .create-wrapper {
    width: 550px;
  }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
*/
@media (min-width: 481px) and (max-width: 767px) {
  .cart-footer,
  .header {
    width: 76%;
  }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
*/
@media (min-width: 320px) and (max-width: 480px) {
  .cart-footer,
  .header {
    width: 76%;
  }
}
