.form-head>p:before, .reg-details>p:before, form label:after {
    content: "*";
    color: red;
}
    
    form .notrequired:after {
    content: "";
}
    
    .reg-type {
    border: 1px solid #01aac7;
    border-radius: 4px;
    margin-bottom: 20px;
}



.reg-details>p {
    margin: 0 0 60px
}

.bill-info {
    margin: 0 0 20px 110px
}

.addons-sub {
    border: 2px solid #4c9ed9;
    margin: 20px 0 20px -15px;
    border-radius: 4px;
    padding: 50px 20px 20px;
    position: relative
}

.addons-sub h4 {
    position: absolute;
    top: -20px;
    left: 20px;
    margin: 0;
    background: #4c9ed9;
    color: #fff;
    padding: 10px;
    border-radius: 25px
}

.reg-type {
    border: 1px solid #01aac7;
    border-radius: 4px;
    margin-bottom: 20px
}

.reg-sub-main .reg-sub {
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center
}

.addon .reg-sub-main .reg-sub {
    height: auto
}

.reg-sub-main h4 {
    position: relative;
    font-size: 16px;
    margin: 10px 0 5px
}

/*
.reg-sub-main>div>h4:after {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #e3e3e3;
    font-size: small;
    padding-left: .5em
}

.reg-sub-main:hover>div>h4:after {
    color: #01aac7
}
*/

.reg-sub-main {
    border-bottom: 1px solid #e3e3e3
}

.reg-sub-main:last-child {
    border-bottom: none
}

.reg-type h3 {
    margin: 0;
    background: #01aac7;
    color: #fff;
    padding: 5px 0;
    border-bottom: 0
}

.reg-type label:after {
    content: none
}

.reg-type.business {
    border: 1px solid #004178
}

.reg-type.business h3 {
    background: #004178
}

.reg-type.e-poster {
    border: 1px solid #5858a2
}

.reg-type.e-poster h3 {
    background: #5858a2
}

.reg-type.student {
    border: 1px solid #30ae81
}

.reg-type.student h3 {
    background: #30ae81
}

.reg-sub p span {
    font-size: 24px
}

.reg-sub-main input[type=checkbox],
.reg-sub-main input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.reg-sub-main .btn {
    border-radius: 20px;
    padding: 0 15px;
    margin-bottom: 5px
}

.reg-type.e-poster .btn {
    margin-bottom: 10px
}

.reg-type.business .btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #004c8c;
    background-image: -moz-linear-gradient(top, #004178, #005dab);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004178), to(#005dab));
    background-image: -webkit-linear-gradient(top, #004178, #005dab);
    background-image: -o-linear-gradient(top, #004178, #005dab);
    background-image: linear-gradient(to bottom, #004178, #005dab);
    background-repeat: repeat-x;
    border-color: #005dab;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.reg-type.e-poster .btn-danger {
    background: #5858a2;
    background: -moz-linear-gradient(top, rgba(88, 88, 162, 1) 0, rgba(61, 61, 160, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(88, 88, 162, 1)), color-stop(100%, rgba(61, 61, 160, 1)));
    background: -webkit-linear-gradient(top, rgba(88, 88, 162, 1) 0, rgba(61, 61, 160, 1) 100%);
    background: -o-linear-gradient(top, rgba(88, 88, 162, 1) 0, rgba(61, 61, 160, 1) 100%);
    background: -ms-linear-gradient(top, rgba(88, 88, 162, 1) 0, rgba(61, 61, 160, 1) 100%);
    background: linear-gradient(to bottom, rgba(88, 88, 162, 1) 0, rgba(61, 61, 160, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5858a2', endColorstr='#3d3da0', GradientType=0);
    border-color: #7070b0
}

.reg-type.student .btn-danger {
    background: #30ae81;
    background: -moz-linear-gradient(top, #30ae81 0, #13a36c 100%);
    background: -webkit-linear-gradient(top, #30ae81 0, #13a36c 100%);
    background: linear-gradient(to bottom, #30ae81 0, #13a36c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#30ae81', endColorstr='#13a36c', GradientType=0);
    border-color: #30ae81
}

.reg-type.addon {
    border: 1px solid #0e304b
}

.reg-type.addon .reg-sub p span {
    color: #0e304b
}

.reg-type.addon h3 {
    background: #0e304b;
    font-size: 18px
}

.reg-type.addon .btn-danger {
    background: #476277;
    background: -moz-linear-gradient(top, rgba(71, 98, 119, 1) 1%, rgba(22, 56, 83, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(71, 98, 119, 1)), color-stop(100%, rgba(22, 56, 83, 1)));
    background: -webkit-linear-gradient(top, rgba(71, 98, 119, 1) 1%, rgba(22, 56, 83, 1) 100%);
    background: -o-linear-gradient(top, rgba(71, 98, 119, 1) 1%, rgba(22, 56, 83, 1) 100%);
    background: -ms-linear-gradient(top, rgba(71, 98, 119, 1) 1%, rgba(22, 56, 83, 1) 100%);
    background: linear-gradient(to bottom, rgba(71, 98, 119, 1) 1%, rgba(22, 56, 83, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#476277', endColorstr='#163853', GradientType=0);
    border-color: #0e304b
}

.payment-info-main {
    margin-bottom: 20px
}

.payment-info {
    font-size: 24px;
    margin-bottom: 30px
}

.payment-info span {
    display: inline-block;
    margin-left: 10px
}

.payment-option h3 {
    margin-top: 5px
}

.payment-option .submit-button {
    margin: 20px 0;
    clear: both
}

form .notrequired:after {
    content: ""
}

.reg-sub.time-over {
    opacity: .5
}

.reg-sub.time-over p span {
    color: gray!important
}

.reg-sub.selected {
    background: #dcf3dc
}

.reg-sub.selected p span {
    color: #489f48!important
}

.reg-sub.time-over .btn.disabled {
    background: #e3e3e3;
    color: gray;
    text-shadow: none;
    border-color: transparent
}

.conference-info,
.time {
    border-bottom: 1px solid #e3e3e3
}

.reg-sub.time-over p {
    text-decoration: line-through
}

.conference-info:hover a,
.gallery-list a:hover {
    text-decoration: none
}

.addons-main {
    opacity: .5
}

.addons-main.on {
    opacity: 1
}

@media only screen and (max-width:768px) {
    .payment-option>div.col-xs-6,
    .reg-sub-main {
        text-align: center
    }
    .reg-sub-main>div>h4 {
        padding-top: 0
    }
    .reg-sub-main>div>h4:after {
        content: "\f063"
    }
    .payment-option h3 {
        text-align: center;
        margin-bottom: 20px
    }
}

.time {
    padding: 10px;
    text-align: center
}

mark {
    background-color: transparent!important
}

.payment-option {
    margin: 20px 0;
    padding: 10px 0
}

