/*For cart page*/
#div_id_freeship,
#div_id_total_bill,
#div_id_payment_note, 
#div_id_utb_subtotal,
#div_id_shipping_fee, 
#div_id_coupon_deduct, 
#div_id_subtotal,
#div_id_platform,
#div_id_sales_method,
#div_id_ext_plat_code,
#div_id_partner_cod_money,
#div_id_order_info,
#div_id_paid_before,
#div_id_paid_all_before,
#div_id_customer_username
{
    display: none;
}
#partner-sales_method, #external-platform-choice {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.italic {
    font-style: italic;
}
#partner-customer-form label, #partner-customer-form-platform label {
    margin-top: 1em;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    width: 100%;
    text-align: center;
    color: black;
}
.partner-sales-div, .platform-div {
    width: 30%;
    border: 1px solid #CCC;
    padding: .5em 1.5em;
    border-radius: 15px;
}
.partner-sale-choice[data-checked='false'], .platform-choice[data-checked='false'] {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: white;
}

.partner-sale-choice:hover {
    color: greenyellow;
}

.partner-sale-choice[data-checked='true'], .platform-choice[data-checked='true'] {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: white;
    color: red;
}

.customer-form {
    width: 100%;
}

.help-text {
    text-align: center;
}

.help-text a {
    font-size: .8em;
    color: #444;
}


#proceed-payment {
    float:right; 
    display:flex; 
    justify-content:center; 
    align-items:center;
    font-family:"Montserrat"; 
    background-color:black; 
    color:white; 
    font-size: 14px; 
    height:40px; 
    border-radius: 20px;    
    border: none;
    padding-left: 20px;
    padding-right: 20px;
}
#proceed-payment:hover {
    background-color: whitesmoke;
    color: black;
    border: 1px solid #AAA;
}



#order-info {
    margin-top: 2em;
    font-size: "Montserrat", sans-serif;
    text-transform: uppercase;

}
#subtotal-updated, #subtotal-section, {
    float: right;
    margin-left: 1em;
    font-family: "Quicksand", sans-serif;
    font-weight: bold;
}
#coupon-updated {
    float: right;

}
#shipping-updated {
    float: right;

}
#shipping-section {
    font-weight: 500;
    font-family: "Quicksand", sans-serif;
    font-weight: bold;    
}
#total-updated {
    float: right;
    font-family: "Quicksand", sans-serif;
    font-weight: bold;    
}

#coupon-section {
    border-bottom: 1px solid #077;
}


#cart-desc {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin-bottom: 1em;
}
#product-list-desc, #subtotal-desc {
    text-transform: uppercase;;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    padding-top: .23em;
    padding-bottom: .23em;
    border-top: .1em solid #DDD;
    border-bottom: .1em solid #DDD;
}
#no-item-notification {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-style: italic;
    text-align: center;
    margin-bottom: 2em;        
}

.product-image img {
    width: 100%;
}
.product-bill {
    font-family: 'Quicksand', sans-serif;
}
.product-bill a:hover{
    text-decoration: none;
    color: #888;
}
.heading-note {
    font-weight: 500;
    margin-right: 2em;
}
.product-image, .product-bill {
    margin-top: 2em;
}
.quantity-input {
    width: 5em;
}
.remove {
    font-size: .8em;
}
#alertModal .modal-body{
    background-color: rgba(0, 51, 51, 1);
    color: white;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
}        
#alertModal .modal-header, #alertModal .close{
    background-color: rgba(0, 51, 51, 1);
    color: white;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
}
#subtotal-bill {
    font-family: 'Quicksand', sans-serif;
}
#subtotal {
    font-weight: 500;
}
#subtotal-warning {
    font-style: italic;
    font-size: .8em;
}
#checkout-btn {
    display: block;
    text-transform: uppercase;
    padding:.5em;
    font-size: 1.2em;
    width: 100%;
    /*background-color: rgba(0, 51, 51, 1);*/
    background-color: black;
    border-radius: .3em;
    border-color: rgba(0, 51, 51, 1);
    color: white;
    text-align: center;
    transition: background-color .5s;
}
#checkout-btn:hover {
    background-color: #555;
}

#placeOrderModalLabel {
    font-family: "Montserrat", sans-serif;
    font-size: 1em;
    text-transform: uppercase;
}
#place-order-form label {
    font-family: "Montserrat", sans-serif;
    color: rgba(0, 51, 51, 1);
}
#place-order-form input {
    font-family: "Quicksand", sans-serif;
    border: none;
    width: 100%;
    border-bottom: 1px dashed #333;
}

#place-order-form textarea {
    font-family: "Quicksand", sans-serif;
    width: 100%;
    border: 1px dashed #333;

}        
#place-order-form select {
    font-family: "Quicksand", sans-serif;
    border: none;
    width: 100%;
    border-bottom: 1px dashed #333;
}

#submit-order-btn {
    margin-top: 2em;
    width: 100%;
    padding: .2em;
    text-transform: uppercase;
    background-color: rgba(0, 51, 51, 1);
    color: white;
}
#order-info {
    margin-top: 2em;
    font-size: "Montserrat", sans-serif;
    text-transform: uppercase;

}

/**/

.payment-img {
    max-height: 100px;
    margin:auto;
}
.payment-name {
    text-align: center;
    text-transform: uppercase;
    margin-top: 1em;
    font-family: "Montserrat", sans-serif;
    font-size: 1.2em;
}
#paymentModalLongTitle {
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
}
.payment-option {
    text-align: center;
    margin-bottom: 2em;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .2s ease;
  background-color: #008CBA;
}
.payment-option[data-status='true'] .overlay{
  opacity: .2;
  border: 5px solid #f3f3f3;
  background-color: #000000;              
}

.payment-option[data-status='false']:hover .overlay, .you-may-like-these:hover .overlay {
  opacity: .2;
  border: 2px solid #f3f3f3;
  transition: ease .5s;
  background-color: #000000;  
  cursor: pointer;
} 
#payment-goback, #payment-continue  {
    text-transform: uppercase;
    background-color: rgba(70,70,70,1);
    color:white;
    font-family: "Montserrat", sans-serif,
    font-weight: 700;
    font-size: .8em;
    margin: .8em;
    padding-top:.5em;          
    padding-bottom:.5em;   
    border: none;       
}
#payment-continue {
    float: right;
}

.payment-controls {
    border-top: 1px solid #CCC;
    padding-top: 1.5em;
}
#payment-goback:hover, #payment-continue:hover {
    background-color: rgba(0,51,51,1);
}
.modal {
      overflow-y:auto;
    }
#payment-continue[data-status='false']:hover {
    background-color: rgba(70,70,70,1);
    color: white;
    cursor: not-allowed;
}
#payment-continue[data-status='true']:hover {
    background-color: black;
    color: white;
    cursor: pointer;
}

.icon-cancel-circle {
    color: rgba(255,0,0,.8);
}
.icon-checkmark {
    color: green;
}        
#coupon-notice {
    margin-top: .5em;

}
#coupon-message {
    margin-left: 1em;
    color: rgba(0,51,51,1);
    font-size: .8em;
    font-style: italic;
}

#price-before {
    margin-right: .75em;
    text-decoration: line-through;
    color: #A00;
}        
/*PURCHASE POLICY*/
#accept-policy-div p{
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: .8em;
}
label[for='accept-policy'] {
    font-style: italic;
    font-size: .8em;
}
#accept-policy-button[data-status='true'] {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 1.2em;
    padding: .5em;
    margin-top: 1em;

}

#accept-policy-button[data-status='false'] {
    background-color: #888;
    color:white;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 1.2em;
    padding: .5em;
    margin-top: 1em;            
}                    
#accept-policy-button[data-status='true']:hover {
    background-color: #111;
    color:white;
}
#accept-policy-button[data-status='false']:hover {
    background-color: #555;
    color:white;
    cursor: not-allowed;
}

#accept-policy-container {
    font-size: .8em;
}
#accept-policy-text {
    max-height: 400px;
    overflow: scroll;
}
/*END PURCHASE POLICY*/

#place-order-form {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}


#place-order-form .control-group {
    width: 100%;
    margin-left: 1.5%;
}
#customer-paid-selection {
    width: 59%;
    margin-right: 3%;
}
#customer-paid-selection p {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
#customer-paid-selection ul {
    list-style: none;
}
#customer-paid-selection li {
    margin-bottom: 1em;
}

.pay-before-option:hover {
    cursor: pointer;
}

#customer-paid-selection .pay-before-option {
    padding: .4em 1em;
    font-size: .9em;
    background-color: teal;
    color: white;
}

#customer-paid-before-input {
    font-size: .9em;
    border-bottom: 1px solid #CCC;
    margin-top: .75em;
}

#order-info {
    width: 37%;
    margin-top: 2em;
    font-size: "Montserrat", sans-serif;
    /*text-transform: uppercase;*/
/*    display: flex;
    justify-content: space-between;
    align-items: center;*/
}
#order-info p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .8em;
    font-family: "Quicksand", sans-serif;
}
#subtotal-updated, #subtotal-section {
    font-family: "Quicksand", sans-serif;
    font-weight: bold;
}
#coupon-section {
    padding-bottom: 1em;
    border-bottom: 1px dashed #CCC;
}

.warning {
    font-family: "Quicksand", sans-serif;
    font-size: .8em;
    background-color: yellow;
    padding: .5em 1em;
}

    #submit-order-btn, #dropship-confirm-button, #platform-dropship-confirm-button {
        height: 40px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: black;
        border: none;
        color: white;
        cursor: pointer;
    }

@media screen and (max-width: 800px) {

     #place-order-form .control-group {
        width: 100%;
    }

    #customer-paid-selection {
        width: 100%;
    }
    #order-info {
        width: 100%;
        background-color: #DDD;
        padding: 1em 1em;
        border-radius: 15px;
    }
}