table tr td {
    padding:5px;
}
a span.menu_slide, a span.main_text {
    padding: 22px 14px 23px;
}

body table, body tr, body td {
    background-color: transparent !important;
    border: none !important;
}

#main_section > #content > .container {
    padding-top: 30px;
    padding-bottom: 60px;
}

.error {
    display: none;
    color: red;
    text-align: center;
    margin-top: 35px;
}

form .buttons {
    display: block;
    text-align: center;
    padding-top: 35px;
    overflow: hidden;
}

.vc_separator {
    display: block;
    border-bottom: 1px solid #eee;
    margin: 15px 0 30px;
}

body ul.exhibitor-steps {
    display: inline-block;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 0 15px auto !important;
    background-color: #c4c4c4;
    border-radius: 0;
}
body ul.exhibitor-steps li {
    display: block;
    float: left;
    margin: 0;
    padding: 5px 20px;
    list-style: none !important;
    font-family: 'Century Gothic', 'Didact Gothic', Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
    border-right: 1px solid #fff;
    color: #fff;
}
body ul.exhibitor-steps > li:nth-child(1) {
    background-color: #333;
}
body ul.exhibitor-steps > li:nth-child(2) {
    background-color: #696969;
}
body ul.exhibitor-steps > li:nth-child(3) {
    background-color: #9d9d9d;
}
body ul.exhibitor-steps li.active {
    background-color: #571e55 !important;
    color: #fff;
}
body ul.exhibitor-steps li.active a,
body ul.exhibitor-steps li.active a:hover {
    color: #fff;
    font-weight: normal;
    font-style: normal;
}
body ul.exhibitor-steps li a,
body ul.exhibitor-steps li a:hover {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    cursor: default;
    font-style: normal;
}
/*body ul.exhibitor-steps li.done {
    background-color: #10b228;
    color: #fff;
}
body ul.exhibitor-steps li.done a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    font-style: normal;
}
body ul.exhibitor-steps li.done a:hover {
    color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    font-style: normal;
}*/


textarea,
select,
input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email],
input[type=email],
input[type=password] {
    margin: 0 0 8px;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    color: #8d93a0;
    background-color: #f1f1f2;
    border: none;
    border-radius: 4px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
    -o-transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
}

.progressbar {
    position: relative;
    height: 15px;
    margin: 15px 0 0;
    max-width: 200px;
    display: none;
}
.progressbar .progress-label {
    font-size: 11px;
    font-weight: bold;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.progressbar .ui-progressbar-value {
    background: #88bfe8; /* Old browsers */
    background: -moz-linear-gradient(top,  #88bfe8 0%, #70b0e0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #88bfe8 0%,#70b0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */
}

.upload_info > .files {
    display: block;
    margin: 15px 0 0;
    font-family: arial,helvetica,sans-serif;
    font-size: 14px;
}
.upload_info > .files .file {
    display: block;
    padding: 4px 0;
}
.upload_info > .files .file .view {
    display: inline-block;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 10px;
    margin:  0 5px 0 0;
    color: #000;
    text-decoration: none;
}
.upload_info > .files .file .view:hover {
    text-decoration: underline;
}
.upload_info > .files .file .delete {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}
.upload_info > .files .file .delete:hover {
    text-decoration: underline;
}

#main_section {
    padding: 50px 0;
}

#coupon-id {
    font-size:11px;
    line-height:18px;
}

#refer_text, #refer_text_other {
    display: block;
    margin: 8px 0;
    width: 300px;
}

.hidden {
    display: none !important;
}

body #coupon_code {
    width: 100%;
    height: auto;
}

body #donate {
    width: 100%;
}

body form textarea,
body form select,
body form input[type="text"],
body form input[type="url"],
body form input[type="tel"],
body form input[type="number"],
body form input[type="color"],
body form input[type="email"],
body form input[type="email"],
body form input[type="password"] {
    background-color: #f1f1f2;
    border: 1px solid #f1f1f2;
    border-radius: 4px;
}

body form .form-control[disabled],
body form .form-control[readonly],
body form fieldset[disabled] .form-control {
    background-color: #ddd !important;
    border: 1px solid #ddd !important;
}

body form select.form-control {
    background-color: #f1f1f2;
    border: none;
    border-radius: 4px;
    height: auto;
}

.readonly {
    background-color: #f4f4f4 !important;
    border-color: #ddd !important;
}

#fundraiser_form h3 {
    margin-top: 25px;
}

body input[type="checkbox"] {
    border-color: #333;
}


@media (max-width: 650px) {

    .checkout, .checkout table, .checkout thead, .checkout tbody, .checkout th, .checkout td, .checkout tr, .mrow {
        display: block;
    }

    thead tr, tr.head {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /*tr { border: 1px solid #ccc; }*/

    .checkout td, .mrow {
        border: none;
        position: relative;
        padding: 0 !important;
        width: 100% !important;
        text-align: center;
    }

    #donate_wrap, #donate_wrapx {
        display: inline-block !important;
        width: auto !important;
        text-align: center !important;
    }

    #registration_form td, #sponsor_form td {
        border: none;
        position: relative;
        padding-left: 0 !important;
        width: 100% !important;
        text-align: left;
        padding-right: 0 !important;
        display: block;
    }

    #registration_form td table td {
        width: auto !important;
        display: table-cell !important;
        padding: 4px !important;
    }

    #registration_form td table thead tr, #registration_form td table tr.head {
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }

    .checkout td img, .mrow img {
        margin-left: auto;
        margin-right: auto;
        margin-top: 35px;
    }

    /*td:before { 
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
    }*/

    td.type, td.quantity, td.price {
        padding-left:2% !important;
        text-align:left !important;
    }

    td.type:before {
        content: "Ticket: ";
    }
    td.quantity:before {
        content: "Quantity: ";
    }
    td.price:before {
        content: "Price: ";
    }

    td.prod-qty {
        padding-left:0 !important;
    }

    form td {
        text-align: left;
        font-size: 90%;
    }

    form td input[type="text"], form td input[type="tel"], form td input[type="email"], form td textarea, form td select {
        width: 100%;
        max-width: 100% !important;
    }

    form td #b_cc_exp_m, form td #b_cc_exp_y {
        width: 75px !important;
    }

    /*        form#tickets table table > tbody > tr > td:nth-child(3),
            form#tickets table table > tbody > tr > td:nth-child(4),
            form#tickets table table > tbody > tr > td:nth-child(5) {
                width: 33.3333% !important;
                display: table-cell !important;
                position: relative !important;
                box-sizing: border-box !important;
                margin: 0 !important;
                padding: 0 !important;
                min-width: 115px !important;
            }*/

    #donate_wrap {
        display: inline-block;
    }

    #donate_wrap > span {
        float: none;
        margin: 0 5px;
        vertical-align: middle;
        display: inline-block;
    }

    #donate_wrap > input {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

}

/*h1 {
    font-size: 5.9vw !important;
}
h2 {
    font-size: 3.0vh !important;
}
p {
    font-size: 2vmin !important;
}*/