﻿
@media (max-width:600px) {
    #divCartContainer {
        margin-top: 120px;
    }

}

@media (max-width:992px) and (min-width:601px) {
    #divCartContainer {
        margin-top: 131px;
    }

}

@media (min-width:993px) {
    #divCartContainer {
        margin-top: 148px;
    }

}


div.cameralocation {
    width: 100%;
    font-weight: bold;
}

div.thumbnail {
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 4px solid #d0d0d0;
    border-radius: 4px;
}

img.thumbnail {
    margin-bottom: 5px !important;
    /* transition: .4s ease; */

    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;

    vertical-align: middle;
}

.thumbnail > img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
    height: auto;
}

img.overlay {
    position: absolute;
    top: 4px;
    left: 4px;
    background-color: unset !important;
}


div.caption {
    padding: 0px !important;
    position: relative;
    text-align: left;
}

span.imageId {
    font-size: 10px;
    color: gray;
}

.btn-updatecart {
    color: #fff;
    background-color: #006400;
    border-color: #002700;
    font-size: 12px;
    margin-top: 5px;
}


div.product {
    padding-left: 16px !important;
}

br.product {
    display: none;
}


span.editcrop {
    float: right;
    margin-right: 31px;
    margin-top: 6px;
    background-color: #006600;
    color: #ffffff;
    border-radius: 8px;
    padding: 0px 8px;
    font-size: 11px;
}


@media (max-width:700px) {
    div.product {
        padding-left: 0px !important;
    }
    br.product {
        display: block;
        content: "";
        margin-top: 0;
    }
}


td.prod_qty {
    width: 45px;
    text-align: left;
}

td.prod_name {
    width: 250px;
}

td.prod_price {
    width: 55px;
}



@media (max-width:410px) {

    td.prod_qty {
        width: 45px;
        font-size: 12px;
    }

    td.prod_name {
        width: 250px;
        font-size: 12px;
    }

    td.prod_price {
        width: 55px;
        font-size: 12px;
    }

    input.prod_qty {
        width: 28px;
        height: 20px;
    }
}

div.carttotal {
    padding: 8px 16px;
    font-weight: bold;
}


/* modal begin*/

.btn-addtocart {
    color: #fff;
    background-color: #006400;
    border-color: #002700;
    font-size: 18px;
}

.btn-updatecart {
    color: #fff;
    background-color: #006400;
    border-color: #002700;
    font-size: 12px;
}

.btn-close {
    -webkit-appearance: none;
    cursor: pointer;
    background: 0 0;
    border: 0;
    color: #808080;
    font-size: 21px;
}

.w3-modal {
    padding-top: 5px !important;
}




/* Preview Products modal */
div.previewproducts {
    display: inline-block;
    margin-bottom: 15px;
    padding: 4px;
    /* line-height: 2.42857143; */
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 4px;
    /* transition: border .2s ease-in-out; */
}

img.previewproducts {
    margin-bottom: 5px !important;
    transition: .4s ease;
    max-width: 100%;
    height: auto;
}

#divPreviewProductsProducts {
    vertical-align: top;
}

@media only screen and (orientation:portrait) {
    #divPreviewProductsProducts {
        display: block;
    }
    #tblModalProducts {
        margin: auto;
    }
}

@media only screen and (orientation:landscape) {
    #divPreviewProducts {
        width: 475px;
    }
    #divPreviewProductsProducts {
        display: inline-block;
        width: 375px;
    }
}

.w3-modal-content-rdv-product-preview {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: unset;
}

td.product-selected-left-cell { background-color: #98c878; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
td.product-selected-middle-cell { background-color: #98c878; }
td.product-selected-right-cell { background-color: #98c878; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

td.product-hasquantity-left-cell { border-top: 1px #006400 solid; border-left: 1px #006400 solid; border-bottom: 1px #006400 solid; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
td.product-hasquantity-middle-cell {border-top: 1px #006400 solid; border-bottom: 1px #006400 solid;}
td.product-hasquantity-right-cell { border-top: 1px #006400 solid; border-right: 1px #006400 solid; border-bottom: 1px #006400 solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }


/* Preview Products modal end */


/* Participant Search begin */

#divParticipant {
    display: block;
    cursor: pointer;
}

#divParticipantSearch {
    display: none;
}




#txtBib {
    width: 360px;
}

@media only screen and (min-width: 401px) and (max-width: 520px) {

    #txtBib {
        width: 240px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 400px) {

    #txtBib {
        width: 140px;
        font-size: 10px;
    }
}

/* Participant Search end */



#aCheckout_top, #aCheckout_bottom {
    display: block;
    max-width: 850px;
    margin: 0 auto;
}


/* if it looks like a phone, we don't need the TOP Checkout button */
@media only screen and (max-height: 640px), (max-width: 640px) {

    #aCheckout_top {
        display: none;
    }
}





