@import '../constansts'
@import "../parts/order"

.btn, body
  font-size: 16px !important


.form-block
  h1
    font-family: 'Museo Regular', sans-serif
    font-size: 32px
    font-weight: 600
    text-align: center
  input, select
    &:focus
      border: 1px solid $main-color
      box-shadow: none
  option
    padding-bottom: 5px
    padding-top: 5px
  .form-add
    &__item
      align-items: center
      border-radius: 10px
      border: 1px solid #606266
      display: flex
      height: 82px
      justify-content: space-between
      padding: 10px
      .btn-adding
        background-color: #5cb85c !important
        border-color: #4cae4c !important
        color: #fff
        min-width: 90px
      .btn
        min-width: 100px
      i
        font-size: 48px
        &.mr10
          margin-left: 10px
      &-text
        color: #4c4c4c
        text-align: center
        h6
          font-size: 18px
  .guest-img
    div
      align-items: flex-start
      display: flex
      flex-direction: column
      min-width: 395px
      &:first-child
        padding-left: 21px
  .cheque
    background-color: #f0f0f0
    color: #4c4c4c
    padding-top: 15px
    h3
      font-family: 'Museo Bold', sans-serif
      font-size: 20px
    h4
      color: $main-color
      font-family: 'Museo Bold', sans-serif
      font-size: 15px
      margin-bottom: 20px
      margin-top: 20px
    p
      font-size: 16px
    div
      border-bottom: 2px dashed #fff
      padding-left: 15px
      position: relative
      &.dots
        &:before
          background-color: #ffffff
          border-radius: 50%
          bottom: -7px
          content: ''
          display: block
          height: 15px
          left: -7px
          position: absolute
          width: 15px
        &:after
          background-color: #ffffff
          border-radius: 50%
          bottom: -7px
          content: ''
          display: block
          height: 15px
          position: absolute
          right: -7px
          width: 15px
      &:last-child
        border-bottom: none
    &-quest
      display: none
    &-date
      display: none
    &-guests
      display: none
    &-adding
      display: none
    &-sum
      display: none
  .dropdown-menu
    a
      background-color: #f5f7fa !important
      &:hover
        color: #606266 !important
      &.selected
        background-color: #fefefe
        color: $main-color
.input-group-btn
  button
    max-height: 34px

@media screen and (max-width: 1200px)
  .guest-img
    div
      min-width: auto !important
    img
      width: 300px

  .form-add__item
    align-items: center !important

@media screen and (max-width: 576px)
  .form-add__item
    justify-content: space-between !important
    padding: 10px

  .form-block h1
    font-size: 28px
    text-align: left

  .main-form
    position: unset
    &-submit
      bottom: 0
      left: 15px
      position: absolute
      z-index: 9

  .col-lg-8
    position: unset

  .all-form
    position: relative
    padding-bottom: 50px

  .guest-img
    align-items: center
    display: flex
    flex-direction: column
    justify-center: center
    margin: 0 auto
    div
      align-items: center !important
      margin-bottom: 10px