﻿.checkout-info .inner-wrapper {
    padding: 6px 20px 60px 20px;
}

.checkout-info input[type=checkbox] + label {
    color: #262626;
    top: 1px;
}

.checkout-info select {
    width: 100%;
}

.checkout-info h3:not(:first-of-type) {
    margin-top: 30px;
}

.checkout-info .account-num-instructions {
    font-size: 13px;
    font-style: italic;
    color: #666766;
    margin-top: 2px;
}

.checkout-info .checkbox-wrapper input[type=checkbox] {
    vertical-align: top;
    margin: 3px 7px 0 0;
    padding: 0;
}

.checkout-info .checkbox-wrapper label {
    cursor: pointer;
    white-space: normal;
    padding-top: 4px;
    font-weight: 600;
    color: #262626;
    margin: 0;
    padding-left: 20px;
    text-indent: -23px;
}

.checkout-info .personal-info label.first {
    margin-top: 0;
}

.checkout-info .locations {
    border: 1px solid #869eb6;
    background: white;
}

    .checkout-info .locations input[type=radio] {
        display: none;
    }

.chosen-time-block {
    background-color: #879fb7;
    color: white;
}

.chosen-multiday-event {
    background-color: #57789b;
}

    .chosen-multiday-event .location {
        color: #d0d9e2 !important;
    }

    .chosen-multiday-event .date {
        color: white !important;
    }

.location-time-block {
    padding-left: 25px;
    cursor: pointer;
    border: dashed .5px lightgray;
}

.checkout-info .locations label,
.checkout-info .accordion .locations input[type=radio] + label {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 8px 10px;
    border-bottom: 1px solid #e5e9ea;
    font-style: normal;
    cursor: pointer;
}

.checkout-info .locations .date {
    color: #222;
    font-weight: 600;
    font-size: 16px;
}

.checkout-info .locations .location {
    color: #879fb7;
    font-size: 16px;
}

.checkout-info .locations input[type=radio]:checked + label {
    display: inline-block;
    background: #57789b;
}

    .checkout-info .locations input[type=radio]:checked + label .date {
        color: #fff;
    }

    .checkout-info .locations input[type=radio]:checked + label .location {
        color: #d0d9e2;
    }

.checkout-info .pickup-instructions {
    font-size: 14px;
    font-style: italic;
    color: #666766;
    margin-bottom: 10px;
}

    .checkout-info .pickup-instructions.error {
        padding: 6px;
        background-color: #F2D9CE;
        border: 1px solid #D98068;
        color: #9B1D26;
    }

.checkout-info .actions {
    width: 100%;
    padding: 30px 15px;
    display: inline-block;
}


.checkout-info .payment-info .expiration-input {
    float: left;
    width: 45%;
}

.checkout-info .payment-info .security-input {
    float: right;
    width: 45%;
}

.checkout-info .agreementcb {
    display: inline-flex;
}

.checkout-info .payment-info .help {
    display: inline-block;
    opacity: 0.5;
    cursor: pointer;
}

.checkout-info #tokenFrame {
    width: 100%;
    height: 30px;
}

.checkout #ccnumfield {
    width: 100%;
}

.checkout-info .payment,
.checkout-info .pickup-locations {
    padding-top: 40px;
}

    .checkout-info .payment h3 span.payment-tree-total {
        font-size: 14px;
    }

.checkout-info .payment-info .card-input div.tokenizer-wrapper {
    position: relative;
    margin-left: -8px;
    margin-top: -8px;
}

.checkout-info .payment-info .card-input .input-validation-icon {
    height: 30px;
    width: 22px;
    position: absolute;
    right: 2px;
    top: 3px;
}

.checkout-info .payment-info .card-input div.not-valid .input-validation-icon {
    background: #fff7f3 url('../Content/images/not-valid.png') no-repeat;
    background-position: right center;
}

.checkout-info .payment-info .card-input div.valid .input-validation-icon {
    background: #fff7f3 url('../Content/images/valid.png') no-repeat;
    background-position: right center;
}

#edu-message {
    border-radius: 6px;
    background-color: #EFF0EA;
    text-align: center;
    font-size: 16px;
    font-style: italic;
    color: #111111;
    width: 50%;
    height: 50%;
    vertical-align: middle;
    display: table-cell;
    box-shadow: 0 4px 3px 0 rgba(0,0,0,0.35);
    padding: 15px;
}

#edu-campaign-msg {
    width: 240px;
    height: 225px;
    margin: 10px;
    /*padding-top: 50px;*/
    text-align: center;
    display: table;
    padding-top: 54px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .checkout-info .payment, .checkout-info .pickup-locations {
        padding-top: 0;
    }

        .checkout-info .payment h3 span.payment-tree-total {
            display: none;
        }
}
