#content {
    background-color: #002F2F;
}

#checkoutBack {
    background-color: transparent;
    color: white;
}

#checkoutBackText {
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
}

#checkoutBack:hover #checkoutBackText {
    font-weight: bolder !important;
    color: white;
}

.otherInfoSelectionLabel {
    color: white;
    font-weight: 200;
}

.productInfo {
    HEIGHT: FIT-CONTENT;
}

.productName {
    margin-bottom: 0px;
}

.productPrice {
    height: fit-content;
}

#installmentsSelection {
    color: white;
    font-weight: 200;
}

#backArrowText {
    color: white;
    font-weight: 300;
}

#backArrowImg {
    filter: invert(0) brightness(10);
}

.productQuantity {
    color: #3c4232 !important;
}

.checkoutStep {
    border-radius: 40px;
    font-size: 19px;
    font-weight: normal;
    text-transform: none;
    border: 1px solid #cccccc;
    color: #cccccc;
    background-color: white;
}

.checkoutStep.currentStep {
    background-color: black;
    border: black;
    color: white;
    opacity: 1;
}

#checkoutSummaryTitle {
    background-color: #022829;
    color: white;
    font-weight: normal;
}

#checkoutContinue:hover {
    color: black !important;
}

.checkoutDivider {
    height: 1px;
    background-color: #cccccc;
}

.shippingOption:hover,
.shippingOption.selectedShippingOption {
    background-color: black !important;
    color: white;
    fill: white;
    border: 1px solid black;
}

#binLabel {
    color: white;
}

#binInput {
    color: white;
    border: 1px solid white !important;
}

#binInput::placeholder {
    color: white;
}

#checkoutMain .selectArrow {
    background-color: black !important;
}

.title {
    background-color: #ffffff !important;
}

.btn {
    background: none repeat scroll 0 0 #ffffff !important;
}

#checkoutContinue,
#confirmShipping,
.billingContinue {
    background-color: black;
    color: white;
    border: 1px solid;
    height: 35px;
    line-height: 35px;
    width: max-content;
    padding-left: 50px;
    padding-right: 50px;
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
    font-family: "Futura New" !important;
    border: 1px solid black;
}

#billingInfoContinue {
    margin-top: 10px;
    margin-right: 2%;
}

#couponText::placeholder {
    color: black;
}

.billingContinue:hover {
    color: black !important;
    box-shadow: none;
    background-color: white;
    border: 1px solid whi;
}

#checkoutContinue:hover {
    border: 3px solid black !important;
    background-color: #ffffff !important;
    color: black !important;
}

.checkoutContinue:hover {
    border-color: black !important;
    background-color: white;
    color: black;
}

#checkoutContinue:not(.disabled):hover {
    background-color: white;
    color: #51d5a5;
    font-weight: 900;
}

#checkoutContinue.disabled {
    background-color: #ececec;
    color: #c2c2c2;
    cursor: not-allowed;
    border: 3px solid #ececec;
}

.billingInfoOption:hover,
.billingInfoOption.selectedBillingInfoOption {
    background-color: black !important;
    color: white;
    font-weight: 600;
}

#cartInfoTitle {
    color: sblack !important;
}

#checkoutSummaryContainer {
    box-shadow: none;
}

.checkoutSummaryLabel {
    color: black;
    font-weight: 100;
}

.checkoutSummaryValue {
    color: white;
}

#subtotal {
    color: black;
    font-weight: 100;
}

#checkoutSummary {
    padding: 10%;
    width: 80%;
    margin: auto;
    padding-top: 15px;
    background: white;
}

#addCouponRow {
    /* border-bottom: 1px solid #cccccc; */
    border: 1px solid;
}

#couponText {
    background-color: white;
    font-size: 14px;
    color: black;
    padding: 0;
    width: 68%;
    border-radius: unset;
    padding-left: 4%;
}

#checkoutMain {
    background: #ffffff38;
}

#couponText::placeholder {
    color: black;
}

#addCoupon {
    background-color: #022829;
    color: black;
    text-transform: none;
    font-size: 10px;
    float: right;
    width: fit-content;
    color: white;
    width: 28%;
    border-radius: 2px;
    text-transform: uppercase;
}

#shippingTypesContainer {
    margin-top: 0px !important;
}

.shippingInput,
.shippingInputsContainer,
.shippingSelect {
    background-color: transparent;
    border-bottom: 1px solid #cccccc;
    text-indent: 0;
    padding-left: 0;
    width: 48%;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: normal;
}

select#citySelect {
    width: -webkit-fill-available !important;
}

.productQuantityDiv {
    color: white;
}

.productQuantityInput {
    background: transparent;
}

.checkoutSummaryRow {
    margin: 10px auto;
    line-height: 25px;
}

.checkoutContinue {
    margin: auto;
    background-color: black;
    border: 1px solid white;
    /* border-radius: 40px; */
    width: calc(100% - 4px);
    font-weight: bold;
    font-size: 18px;
    color: white;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
}

.checkoutContinue:not(.disabled):hover {
    color: black !important;
    font-weight: normal;
    background-color: white !important;
}

#isGift.cartCheckboxChecked {
    border-color: black;
    background-color: black;
}

#checkoutMain #cartTitle {
    display: block;
    color: white;
    font-weight: normal !important;
    margin-bottom: 10px;
}

#checkoutMain .productRow,
#checkoutMain2 .productRow {
    height: 130px !important;
    margin: 20px auto;
}

#checkoutMain .productImage,
#checkoutMain2 .productImage {
    height: 100%;
    width: 105px;
    background-size: contain;
}

#checkoutMain .productInfo,
#checkoutMain2 .productInfo {
    display: block;
    height: 80%;
    margin: auto;
    width: calc(30% - 15px);
    display: flex;
    justify-content: center;
    text-transform: lowercase !important;
}

#checkoutMain .productName,
#checkoutMain2 .productName {
    /* margin-bottom: 15px; */
    font-size: 15px;
    color: white;
    font-weight: 1;
    text-transform: lowercase !important;
    text-transform: capitalize !important;
}

#checkoutMain .productPrice,
#checkoutMain2 .productPrice {
    font-size: 16px;
    color: white;
    margin-left: 0px;
    font-weight: 100;
}

#shippingTitle,
.billingTitle,
.shippingTitle {
    text-align: left;
    margin: auto;
    color: white;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
}

.clientAddress {
    color: black;
}

#shippingOptionsContainer {
    margin: 5px auto;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #cccccc;
    padding-top: 10px;
    padding-bottom: 10px;
}

.shippingOption {
    background-color: white;
    border: 1px solid;
    border-radius: 15px;
    margin: auto 40px;
    color: #cccccc;
    fill: #cccccc;
    width: auto;
    padding-left: 50px;
    padding-right: 50px;
}

.shippingOptionText {
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
    width: max-content;
    margin: 10px auto;
}

#shippingOptionsContainer.pickedOption {
    width: 100%;
    height: auto;
}

.pickedOption .shippingOption {
    height: 35px;
    line-height: 35px;
}

.shippingLabel {
    font-size: 15px;
    margin-top: 16px;
    font-weight: normal;
}

.shippingInput,
.shippingInputsContainer,
.shippingSelect {
    background-color: transparent;
    border-bottom: 1px solid #cccccc;
    text-indent: 0;
    padding-left: 0;
    width: 48%;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: normal;
    display: flex !important;
}

.shippingSelect {
    width: 100%;
}

.shippingSelect.shippingInput {
    border: none;
}

.shippingSelectArrow {
    background-color: transparent;
}

.shippingSelectImg {
    height: 30%;
    width: 30%;
    background-image: url("/files/triangle.png");
}

textarea.shippingInput {
    border-bottom: 1px solid #cccccc;
}

.pickedOption .shippingOptionIcon.pickup {
    height: 21px;
}

#storeData,
#storePhoneDiv {
    background-color: transparent;
}

.paymentType {
    background-color: white;
    border: 1px solid;
    margin-bottom: 25px;
    padding-bottom: 9px;
    border-radius: 15px;
    height: 100px;
    border: 1px solid white;
}

.giftDiv {
    background-color: black;
}

.paymentType.selectedPaymentType,
.paymentType:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: 10px solid white !important;
    padding-bottom: 0;
}

.paymentDiscountImg {
    margin-top: -27px;
}

.selectedPaymentTypeImg circle {
    fill: black;
}

.checkoutContinue.disabled {
    border: 1px solid #ececec;
}

#textAreaAux,
.clientAddress {
    background-color: transparent;
}

.shippingOption.selectedShippingOption {
    border: 1px solid black;
}

#storePhoneLabel {
    color: white;
}

.summaryContainer {
    box-shadow: none;
}

.summaryTitle {
    font-size: 16px;
}

.summaryDiv {
    border-radius: 50px;
}

.summaryText {
    margin-top: 12px;
}

.summaryDiv .title {
    text-align: left;
    width: 80%;
    padding-bottom: 10px;
    margin-left: 10%;
    color: black;
    background-color: transparent !important;
    border-bottom: 1px solid #9f9f9f;
}

#appliedCoupon {
    color: black;
    font-weight: 400;
}

#appliedCouponAmount {
    color: black;
    font-weight: 400;
}

.summaryDiv #cartTitle {
    display: none;
}

.summaryDiv #productsContent {
    background-color: transparent;
    box-shadow: none;
    width: 80%;
    padding-top: 0px;
}

#installmentsLabel {
    color: white;
}

.summaryDiv .cartSeparator:first-of-type {
    display: none;
}

.shippingTypeCheckBoxChecked .checkBoxColorContainer {
    background-color: #64FF78;
}

#cityInput {
    width: 49px !important;
}

#localityInput {
    width: 65px !important;
}

#storeName {
    font-weight: normal !important;
}

#storeNotification {
    font-weight: normal !important;
}

#storePhone {
    border-radius: 50px !important;
    border: 1px solid gray !important;
}

.discountCard[data-bank-id="16"] .discountIcon {
    display: none;
}

.discountCard[data-bank-id="16"] .discountText {
    width: 90%;
}

.giftText {
    /* color: white; */
}

.quantityButton,
.productQuantityInput {
    border-radius: 100%;
    height: 30px !important;
    width: 30px !important;
    box-sizing: border-box;
    padding: 10px !important;
    line-height: 10px;
}

.quantityButton.less {
    line-height: 6px;
}

.quantityButton.more {
    line-height: 9px;
}

.shippingSelectRow.uruguaySelect select,
textarea.shippingInput::placeholder,
#receiver,
#receiver::placeholder,
#street,
#street::placeholder,
#phone::placeholder,
#zip,
#zip::placeholder,
#address,
#address::placeholder,
#deliveryHour,
#deliveryHour::placeholder,
.shippingLabel.textShippingTypes,
.shippingLabel,
#comments,
#phone,
.shippingLabelLight,
.shippingTypeDescription {
    color: white;
}

.shippingSelect option {
    background-color: black !important;
}

.shippingCheckbox {
    border-color: white;
}

.shippingTypeDescription {
    font-size: 13px;
}

@media screen and (max-width: 768px) {
    #checkoutMain .productImage,
    #checkoutMain2 .productImage {
        background-position: top;
        border-radius: 0px;
    }
    .shippingOptionText {
        font-size: 12px;
    }
    .shippingRow {
        height: 40px;
    }
    #cityInput {
        width: 50px !important;
    }
    input#localityInput {
        width: 64px !important;
    }
    #checkoutMain .productInfo {
        margin-left: 0px;
        height: auto;
        width: 40%;
        margin-bottom: 10px;
    }
    #checkoutMain .productSpec,
    #checkoutMain2 .productSpec {
        margin-top: 10px;
        height: auto;
        font-size: 13px;
    }
    #checkoutMain .productName,
    #checkoutMain2 .productName {
        font-size: 15px;
    }
    #checkoutMain .productQuantityDiv {
        justify-content: flex-start;
        width: 129px;
        margin-top: 10px;
    }
    #checkoutMain .productRow,
    #checkoutMain2 .productRow {
        height: 182px !important;
    }
    .shippingOption {
        padding-left: 15px;
        padding-right: 15px;
        height: 52px;
        margin: auto;
        width: 50%;
    }
    #checkoutMain .productPrice,
    #checkoutMain2 .productPrice {
        justify-content: flex-start;
    }
    .checkoutStep {
        font-size: 13px;
    }
    .paymentDiscountImg {
        margin-top: -30px;
        width: 60%;
    }
    #checkoutSummaryContainer {
        padding-top: 0px;
        /* background: #ffffff38; */
    }
    #checkoutSummaryTitle {
        margin-top: 0px;
        height: 30px;
        line-height: 30px;
    }
    .checkoutContinue {
        background: black;
        margin: 0px auto;
    }
    .checkoutSummaryRow.bottomBar {
        display: flex;
        justify-content: space-around;
    }
    .checkoutSummaryLabel {
        color: black;
        font-size: 15px;
    }
    #checkoutSummary {
        background: white;
    }
    .checkoutSummaryValue {
        color: black;
    }
    #subtotal {
        color: black;
    }
    #paymentTypeContinue {
        width: 60%;
        float: unset;
        margin-left: 10%;
        padding-left: 10%;
        padding-right: 10%;
    }
    #checkoutButtonContainer {
        margin-right: 20px;
    }
    .billingTitle {
        width: fit-content;
    }
    .paymentTypeImg {
        height: 63px;
        margin-top: 0px;
    }
    .paymentType {
        height: 80px;
    }
}