﻿body {
    background-color: transparent !important;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    max-width: 650px
}

.selectwidthauto {
    width: auto !important
}

select.custom {
    padding: 0
}

.confirm {
    min-height: 355px;
    display: inline-block
}

@media screen and (max-width:550px) {
    .visible-xs-inline {
        display: inline-block !important
    }

    .order-single {
        width: 100%
    }

    .buttonrow {
        text-align: center
    }
}

@media screen and (min-width:550px) {
    .visible-xs-inline {
        display: none !important
    }
}

.label-min {
    margin-bottom: 2px !important;
    color: #333
}

.row {
    line-height: 1
}

.base-button {
    margin-top: 10px
}

.lowermargin {
    margin-bottom: 10px !important
}

.nolowermargin {
    margin-bottom: 0 !important
}

h4.formtitle {
    color: #2971ad;
    font-weight: 700
}

hr.formtitle {
    margin-top: 0 !important;
    margin-bottom: 5px !important
}

.maintabs.nav-tabs {
    border-bottom: 0 !important;
    padding-left: 2px
}

.p1-tab:hover, li.active .p1-tab {
    background-color: #fff !important;
    color: #000 !important;
    border-bottom: 1px solid #fff !important
}

.p1-tab {
    background-color: #fefefe !important;
    color: #999 !important;
    border: 1px solid #ddd !important
}

.p2-tab:hover, li.active .p2-tab {
    background-color: #8e44ad !important;
    color: #fff !important;
    border-bottom: 1px solid #8e44ad !important
}

.p2-tab {
    background-color: #fefefe !important;
    color: #8e44ad !important;
    border: 1px solid #ddd !important
}

.female {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTEuOSAxMjEuNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTEuOSAxMjEuNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0VDMDA4QyIgZD0iTTU0LjEgNzEuMmMxNy40LTIuNCAzMC44LTE3LjMgMzAuOC0zNS40Qzg0LjkgMTYgNjguOSAwIDQ5LjEgMEMyOS4zIDAgMTMuMyAxNiAxMy4zIDM1LjggYzAgMTguMSAxMy40IDMzIDMwLjggMzUuNHYxNy4ySDIxdjkuOWgyMy4ydjIzLjJoOS45Vjk4LjNoMjMuMnYtOS45SDU0LjFWNzEuMnogTTIzLjIgMzUuOGMwLTE0LjMgMTEuNi0yNS45IDI1LjktMjUuOSBDNjMuNCA5LjkgNzUgMjEuNSA3NSAzNS44YzAgMTQuMy0xMS42IDI1LjktMjUuOSAyNS45QzM0LjggNjEuNiAyMy4yIDUwLjEgMjMuMiAzNS44eiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    display: inline-block
}

.male {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTEuOSAxMjEuNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTEuOSAxMjEuNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzAwQUVFRiIgZD0iTTYgNTUuOEMtNSA3Mi4yLTAuNSA5NC40IDE2IDEwNS4zYzE2LjUgMTAuOSAzOC43IDYuNCA0OS42LTEwYzEwLTE1LjEgNy4xLTM0LjktNi4xLTQ2LjZsMjAuMS0zMC4yIGwyLjYgMTMuMWw5LjctMkw4Ny4zIDYuOWwwIDBsMCAwTDg1LjkgMEw1Ni4yIDZsMiA5LjdMNzEuMyAxM0w1MS4yIDQzLjNDMzUuNCAzNS43IDE2IDQwLjcgNiA1NS44eiBNNTcuMyA4OS44IGMtNy45IDExLjktMjQgMTUuMS0zNS45IDcuMmMtMTEuOS03LjktMTUuMS0yNC03LjItMzUuOWM3LjktMTEuOSAyNC0xNS4xIDM1LjktNy4yQzYyIDYxLjkgNjUuMiA3Ny45IDU3LjMgODkuOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    display: inline-block
}

#astroform .has-feedback .form-control {
    padding-right: 0
}

#astroform .form-control-feedback {
    position: static;
    display: inline;
    line-height: inherit;
    padding-left: 5px
}

#astroform .help-block {
    margin-bottom: 0
}

#astroform .panel-body {
    padding: 10px
}

#astroform .panel {
    margin-bottom: 0 !important
}

@media screen and (min-width:550px) {
    #astroform.single {
        overflow-y: auto;
        overflow-x: hidden
    }

    #astroform.two {
        max-height: 480px;
        overflow-y: auto;
        overflow-x: hidden
    }
}

.bottombutton {
    margin-top: 5px !important
}

.nomargin {
    margin-top: 0 !important
}

.pricebar {
    margin-bottom: 5px
}

.container-fluid {
    padding-left: 2px;
    padding-right: 2px
}

.xs-singleline {
    padding-left: 0;
    padding-right: 0
}

    .xs-singleline.middle {
        padding-left: 8px !important;
        padding-right: 8px !important;
        text-align: center
    }

.maxi {
    width: 100% !important
}

.field-hour {
    max-width: 95px !important
}

.field-min {
    max-width: 70px !important
}

.btn-specialdeal {
    background-color: #a30088;
    color: #fff
}

    .btn-specialdeal:hover {
        background-color: #6f035e;
        color: #fff
    }

.specialdeal-clr {
    color: #a30088
}

.order-widebtn {
    font-size: 14px;
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    padding: 10px 15px 10px 15px;
    color: #fff;
    margin: 0 auto;
    display: block;
    max-width: 350px;
    width: 100%;
    margin-top: 15px
}

    .order-widebtn:active {
        color: #fff
    }

    .order-widebtn:visited {
        color: #fff
    }

.order-single {
    background: #19a56b !important;
    border-color: #40a77c
}

    .order-single:hover {
        background: #108555 !important
    }

.order-special {
    background: #a30088 !important;
    border-color: #a1368f
}

    .order-special:hover {
        background: #870f73 !important
    }

.order-sample {
    background: #e6992d !important;
    border-color: #ebaf5a
}

    .order-sample:hover {
        background: #e0a34d !important
    }

.order-widebtn:hover {
    text-decoration: underline;
    color: #fff
}

.StripeElement {
    background-color: #fff;
    height: 40px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df
}

.StripeElement--invalid {
    border-color: #fa755a
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important
}

.card-radio label {
    padding-left: 10px;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 400
}

.ppBtn {
    background-image: url(/img/paypal_button.png);
    border: 0;
    min-width: 180px;
    min-height: 34px;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    background-color: transparent;
    margin: 0;
    margin-top: 10px;
    vertical-align: middle
}
