/****************************************************************
    Filename:       style-v2.css
    Date:           10/18/19
    Version:        0.1
    Authors:        Andrew Reid 
    Company:        The Pulse Network
    Website:        http://tpni.com

    -----------------------Site Structure-----------------------
        wrap
            container
                header
                    logo
                    welcome
                    status
                content
                    pagetitle
                    pageinfo
                        error
                        [merge fields]
                        buttons
                        disclaimer
                footer
                    moretext
                    copyright
    ------------------------------------------------------------

****************************************************************/

/**********Start Custom Colors**********/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto:400');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,400,700');

body {
    color: #666666;
    font-size: 16px;
    font-family: "Roboto Condensed", san-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    margin: .2em 0 .3em;
    font-weight: bold;
    font-family: "Roboto Condensed", san-serif;
    line-height: 1.2em;
}

h1 {
    color: #12ae4b;
    font-size: 1.7em;
}

h2 {
    color: #12ae4b;
    font-size: 1.7em;
}

h3 {
    color: #12ae4b;
}

.btn-primary, .btn-default, .btn-success {
    color: #fff;
    background: #12ae4b;
    padding: .2em .6em;
    line-height: 1.7em;
    font-size: 1.2em;
    margin: .5em auto;
    display: inline-block;
    text-align: center;
    font-weight: normal !important;
    border-radius: 0;
}

    .btn-primary:hover {
        background-color: #54C4CF;
    }

.btn-default {
    background: #828385;
}

    .btn-default:hover {
        background-color: #12ae4b;
    }

.btn-success {
    background: #12ae4b;
    margin: 0;
}




.glyphicon-info-sign {
    color: #12ae4b;
}

.status {
    background: #12ae4b none repeat scroll 0 0;
    padding: 0 15px;
    min-height: 30px;
    z-index: 10;
    Font-Size: 14px;
}


.product-description {
    color: #666666;
}

.top-sm-buffer {
    margin-top: 10px;
    border-bottom: 1px solid #aaa;
    padding-bottom: 14px;
}


.demographics input[type="checkbox"], input[type="radio"] {
    margin: 4px 10px 4px 0 !important;
}


#txtDiscount {
    padding: 20px !important;
}

.QuestionText{
     color: #1d8095;
}   
/**********End Custom**********/
#header .bg {
   /*background-image: url(/GcmMaintenance/aapg/Html_Files/30000030/Images/ice22-banner.jpg);*/
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 20px;
}

#header .logo {
    padding: 45px 0;
}

    #header .logo .bg {
      width: 100%;
       /* height: 118.4px;*/
        display: block;
        /*background: url(/GcmMaintenance/aapg/Html_Files/30000030/Images/ice22-banner.jpg);*/
        background-size: contain;
        max-width: 100%;
        background-repeat: no-repeat;
    }

#header .status {
    background: #294e95;
}

#footer {
    font-family: 'Roboto';
    background: #12ae4b;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

    #footer a, #footer a:link, #footer a:active, #footer a:visited {
        color: #fff;
        text-decoration: none;
    }


        #footer a:hover {
            color: #00aec5;
        }

    #footer .sep {
        padding: 0 12px;
    }

    #footer .container {
        padding: 25px 0;
    }



/*Wizard*/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 10px;
    color: #fff;
   
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
        float: left;
        width: 20%
    }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #fff;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: #1d8095;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                background: #fbbd19;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 20px 0;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: #1d8095;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }
/*end Wizard*/


