160 lines
3.2 KiB
Sass
160 lines
3.2 KiB
Sass
@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 |