*{
    box-sizing: border-box;
}

.GMXContainer{
    max-width:600px;
    margin:2rem auto;
}

.BBLTable{
   
}

table.BBLTable thead th,
.BBLTable > tbody > tr > td{
    text-align: center;
}


.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 3px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #3746ff;
}

input:focus + .slider {
box-shadow: 0 0 1px #3746ff;
}

input:checked + .slider:before {
-webkit-transform: translateX(18px);
-ms-transform: translateX(18px);
transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}

.bbl-hide{
    visibility: hidden;
    max-height: 0;
    overflow:hidden;
   
}

.bbl-btn,
submit.bbl-btn,
a.bbl-btn{ 
    display: inline-block;
    cursor:pointer;
    padding:1rem 2rem;
    background-color:#222; 
    color:white;
    
}

.bbl-btn:hover,
.bbl-btn:focus,
submit.bbl-btn:hover,
submit.bbl-btn:focus,
a.bbl-btn:hover,
a.bbl-btn:focus{
    background-color: #222;
    opacity: .8;
}

.BBLOrderItem{
    margin:0 auto 1rem;
    border:1px solid #ededed;
    padding:0;
    border-radius:12px;
    background-color:white;
}

div.BBLOrderConfigure label{
    font-weight: 500;
}

header.BBLOrderItem__Header{
    display:flex;
    border-bottom: 1px solid #ededed;
    padding:.5rem 1rem 1rem;
    flex-direction: column;
    background-color: #444;
    color: white;
    padding-top: 1rem;
    border-radius: 12px 12px 0 0;
}

.BBLOrderItem__ConfigureLater{
    display: flex;
    align-items: center;
    margin:auto;
}

.BBLOrderItem__ConfigureLater > span{
    margin-left:5px;
}

.BBLOrderItem__Body{
    padding:.5rem 1rem;
}

.BBLOrderItem__Body.bbl-hide{
    padding:0;
}

h2.BBLOrderItem__Title{
    margin:0 0 1rem 0;
    font-size:1.2rem;
    text-transform: uppercase;
    color:white;
    font-weight: bold;
    text-align: center;
}

.BBLOrderItem_Group{
    margin:1rem 0;
}

.BBLOrderItem_Group > h3{
    font-size:1rem;
    text-transform: uppercase;
    color:#222;
    margin:0 0 1rem;
    font-weight: bold;
}

.BBLOrderItem__Content{
    margin:1rem 0 0;
}

.BBLOrderItem__GroupInputs{
    width:100%;
}



input[type=text].BBLOrderItem__GroupInputs__Text,
input[type=text].BBLOrderItem__GroupInputs__Link,
input[type=text].BBLOrderItem__GroupInputs__Title,
input[type=text].BBLOrderItem__GroupInputs__Date{
    width:100%;
    margin-bottom:.5rem;
}

input[type=text]:focus,
textarea:focus{
    background-color:#ededed !important;
}

.BBLOrderItem__Content > textarea{
    resize: vertical; 
    max-height: 450px;
    width:100%;
    max-width: 100%;
}

.BBLOrderItem__GroupInputs__Date_Label{
    width:100%;
    display:block;
}

.BBLOrderItem__Content.bbl-hide{
        max-height: 0;
        padding:0;
}

.BBLOrderItem__Content{
    max-height: 2000px;
    transition: max-height .4s ease;
}

.BBLOrderConfigureSubmit{
    display:flex;
    justify-content: center;
    margin:.5rem auto;
    width:100%;
}

.BBLOrderConfigure__Alert{
    padding:1rem;
    background-color:#ededed;
    border-radius: 12px;
    color:white;
    margin-bottom:1rem;
}

.BBLOrderConfigure__Alert p{
    margin:0;
    padding:0;
}

.BBLOrderConfigure__Alert > p > a{
    color:white;
}

.BBLOrderConfigure__Alert > p > a:hover,
.BBLOrderConfigure__Alert > p > a:focus{
    color:white;
}

.BBLOrderConfigure__Alert.BBLOrderConfigure__Alert--Success{
    background-color:rgb(40 167 105);
    font-weight: bold;
}

.BBLOrderConfigure__Alert.BBLOrderConfigure__Alert--Error{
    background-color:rgb(112, 11, 11);
    font-weight: bold;
}


@media (min-width:576px){

    header.BBLOrderItem__Header{
        flex-direction: row;
        text-align: center;
        align-items: center;
        
    }

    h2.BBLOrderItem__Title{
        font-size:1.2rem;
        margin:0;
    }

    .BBLOrderItem_Group{
        padding:1rem;
    }

    .BBLOrderItem__ConfigureLater{
        margin:0 0 0 auto;
    }

    .BBLOrderItem__GroupInputs{
        display:flex;
        flex-wrap: wrap;
    }
    
    input[type=text].BBLOrderItem__GroupInputs__Text,
    input[type=text].BBLOrderItem__GroupInputs__Link,
    input[type=text].BBLOrderItem__GroupInputs__Title{
        width:45%;
    }

    input[type=text].BBLOrderItem__GroupInputs__Date{
        width:225px;
    }

    input[type=text].BBLOrderItem__GroupInputs__Link{
        flex-grow: 1;
        margin-left:1rem;
    }

    
    

}

.BBLOrderDetailsReviews,
.BBLOrderDetail{
    background-color:white;
    border:1px solid #ededed;
    border-radius: 12px;
    padding:1rem;
    margin-bottom:1rem;
}

.BBLOrderDetail > h2{
    border-bottom:1px solid #ededed;
}

.BBLOrderDetailsReviews p,
.BBLOrderDetail p{
    padding:0;
    margin:0;
}

.BBLOrderDetailsReview{
    margin-bottom:1rem;
    padding:.5rem;
    background-color:#f1f1f1;
}

.BBLOrderDetailsReview--Completed{
    background-color:rgb(196 255 208);
}

.BBLOrderDetailsReview > h2{
    margin-bottom:0;
}


/* Loader CSS */
.lds-ring {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    margin-left: -5px;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 4px;
    border: 4px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

.woocommerce{
padding:1rem .5rem !important;
}
.woocommerce{
background-color: white !important;
}

.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .product-quantity{
    visibility: hidden!important;
}

.product-quantity{
    display:none;
}

.table-column-description p{
    margin:0 !important;
    text-align: left;
}

.bbl-table-extra-information-row{
    
}