#mat_select_categories, #mat_select_product, #mat_amount_field { }
.mat_select_categories_container {
margin: 7px 5px;
}
.remove_item {
position: absolute;
right: 10px;
top: 30%;
cursor: pointer;
}
.product_container:nth-child(2) .remove_item {
display: none;
}
.product_template {
margin: 7px 5px;
width: 250px;
}
.attribute_template {
width: 250px;
margin: 7px 5px;
}
.odd {
background: lightgray;
}
.even {
background: white;
}
.biz-form-header h3 {
font-weight: 100;
font-size: 20px;
}
.padding-1 {
padding-top: 30px;
padding-bottom: 10px;
}
.bf-place-order {
margin-top: 20px;
}
#mat_add_product {
margin-top: 20px;
}
.product_container {
display: flex;
flex-wrap: wrap;
padding: 3px;
background: #f3f3f3;
position: relative;
}
.amount_template {
width: 250px;
margin: 7px 5px;
}
.loading {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
}
.loading > div {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #fff;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 6px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 6px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 26px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
}
@media only screen and (max-width: 768px) {
.amount_template, .attribute_template, .product_template, .mat_select_categories_container {
width: 100% !important;
}
.remove_item {
right: 50%;
top: -10px;
}
}