body {
    /*background: url('img/LLUH-NewConstruction.jpg') no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
    /*center center*/
    background-color: #464646;
    background: url('img/LLUH-NewConstruction.jpg') no-repeat center center fixed;
    background-size: cover;
    height: 100%;
    /*overflow: hidden;*/
    /*background-size: cover;
    background-size: cover;*/
    /*background-size: 100%;*/
    /*background-repeat: no-repeat;*/
    /*overflow: hidden;*/
    /*background-position: center center;
    background-attachment: fixed;*/
}

@media (max-width:425px) and (min-width:321px) {
    body {
        background: #ebebeb !important;
        /*border-radius: 0px !important;*/
        /*background-color: #ebebeb;*/
        /*border: solid 1px #cbc9c9;*/
    }

    .icon {
/*        width: 50px !important;*/
    }

    .SubmitButton {
        padding-bottom: 100%;
    }

    .site {
        padding: unset;
    }

    .testbox {
        margin: 0 auto !important;
        height: 100% !important;
        width: 100% !important;
        margin: 0 auto;
        border-radius: 0px !important;
        background-color: #ebebeb;
        border: 0px !important;
        -webkit-box-shadow: none !important;
        /*padding-bottom: 100%;*/
    }

   .modalboxview {
        margin: 0 auto !important;
        height: 100% !important;
        width: 100% !important;
        margin: 0 auto;
        border-radius: 0px !important;
        background-color: #ebebeb;
        border: solid 1px #cbc9c9;
        /*padding-bottom: 100%;*/
    }

    .container {
        width: 100%;
        padding-right: unset;
        padding-left: unset;
        margin-right: unset;
        margin-left: unset;
    }
}

@media (max-width: 480px) {
    .spanPopular {
        display: none;
    }

    .spanAll {
        display: none;
    }

    .container-fluid {
        padding-top: 2px;
        padding-right: unset;
        padding-left: unset;
    }

    .claimbox {
        margin-top: 0% !important;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        overflow: auto;
        position: absolute;
        -webkit-border-radius: unset !important;
        -moz-border-radius: unset !important;
        border-radius: unset !important;
        box-shadow: none;
    }

    .logo {
        padding: 5px;
        display: block;
        margin: auto;
        height: 80px;
    }

    .claimlogo {
        background: none;
        display: block;
        margin: auto;
        /*max-width: 270px;*/
        max-height: 80px;
        padding-top: 10px;
    }

    .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
        background: #A30234;
        color: #fff;
        cursor: default;
        font-size: 13px;
        /*width: 100px;*/
        height: 80px;
    }

    .wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
        /* opacity: 0.1; */
        color: #fff;
        font-size: 13px;
        height: 80px;
    }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        /* margin-top: 0.5em; */
        font-size: 13px;
        height: 80px;
    }
}

@media (min-width: 380px) {
    .modalbox.success,
    .modalbox.error {
        box-shadow: none;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background: #fff;
        padding: 25px 25px 15px;
        text-align: center;
        background-color: #ebebeb;
        border-radius: 8px/7px;
    }
}

@media (min-width: 480px) {
    .container {
        overflow-y: auto;
    }
    .claimbox {
        /*overflow-y: auto;*/
        margin-top: 3%;
        -webkit-border-radius: 8px/7px;
        -moz-border-radius: 8px/7px;
        border-radius: 8px/7px;
        background-color: #ebebeb;
        -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
        -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
        box-shadow: 1px 2px 5px rgba(0,0,0,.31);
        border: solid 1px #cbc9c9;
    }

    .logo {
        padding: 5px;
        display: block;
        margin: auto;
        height: 80px;
    }


    .claimlogo {
        padding: 5px;
        display: block;
        margin: auto;
        height: 140px;
    }

}

@media (min-width: 480px) {
    .iti input, .iti input[type=tel], .iti input[type=text] {
        font-size: 1.25rem;
        line-height: 1.5;
        height: calc(1.5em + 1rem + 2px);
        width: calc(1.5em + 1rem + 258px);
        border-radius: 0 5px 5px 0;
        /*calc(100vw - 40px);*/
        /*305px;*/
    }
}

@media (max-width: 479px) {
    .iti input, .iti input[type=tel], .iti input[type=text] {
        font-size: 1.25rem;
        line-height: 1.5;
        height: calc(1.5em + 1rem + 2px);
        width: calc(100vw - 90px);
        border-radius: 0 5px 5px 0;
    }
}
@media (max-width: 320px) {
    .iti input, .iti input[type=tel], .iti input[type=text] {
        font-size: 1.25rem;
        line-height: 1.5;
        height: calc(1.5em + 1rem + 2px);
        width: 305px;
        border-radius: 0 5px 5px 0;
    }
}


    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
    pre, form, fieldset, input, textarea, p, blockquote, th, td {
        padding: 0;
        margin: 0;
    }

    fieldset, img {
        border: 0
    }

    ol, ul, li {
        list-style: none
    }

    :focus {
        outline: none
    }

    body,
    input,
    textarea,
    select {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color: #4c4c4c;
    }

    p {
        font-size: 12px;
        width: 150px;
        display: inline-block;
        margin-left: 18px;
    }

    h1 {
        font-size: 32px;
        font-weight: 300;
        color: #4c4c4c;
        text-align: center;
        padding-top: 10px;
        margin-bottom: 10px;
    }

    /*html {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}*/

    /*height: 464px;*/
    .testbox {
        margin: 19% auto;
        width: 395px;
        -webkit-border-radius: 8px/7px;
        -moz-border-radius: 8px/7px;
        border-radius: 8px/7px;
        background-color: #ebebeb;
        -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
        -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
        box-shadow: 1px 2px 5px rgba(0,0,0,.31);
        border: solid 1px #cbc9c9;
    }

    /*#A30234*/

    input[type=radio] {
        visibility: hidden;
    }



    /*form#Authenticate {
    margin: 0 30px;
}*/

    form#Authenticate {
        margin: 0 20px;
    }


    hr {
        color: #a9a9a9;
        opacity: 0.3;
    }

    #pswd_info {
        display: none;
    }

    #verify_info {
        display: none;
    }

    #pswd_info {
        position: relative;
        /*bottom: -10px;*/
        /*right: -51px;*/
        width: 300px;
        padding: 15px;
        background: #fefefe;
        font-size: .875em;
        border-radius: 5px;
        box-shadow: 0 1px 3px #ccc;
        border: 1px solid #ddd;
        z-index: 10;
        margin-bottom: 5px;
    }

    #verify_info {
        position: relative;
        /*bottom: 30px;*/
        right: -51px;
        width: 300px;
        padding: 15px;
        background: #fefefe;
        font-size: .875em;
        border-radius: 5px;
        box-shadow: 0 1px 3px #ccc;
        border: 1px solid #ddd;
        z-index: 10;
    }

    #pswd_info h4 {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
        font-size: 1em;
    }

    #verify_info h5 {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
        font-size: 1em;
    }

    .invalid {
        background: url(../Content/img/cancel.png) no-repeat 0 50%;
        padding-left: 22px;
        line-height: 24px;
        color: #ec3f41;
        margin: 5px;
    }

    .valid {
        background: url(../Content/img/accept.png) no-repeat 0 50%;
        padding-left: 22px;
        line-height: 24px;
        color: #3a7d34;
        margin: 5px;
    }

    .accept {
        background: #008000;
    }

    .cancel {
        background: #FF0000;
    }

    #pswd_info::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        left: 45%;
        font-size: 14px;
        line-height: 14px;
        color: #ddd;
        text-shadow: none;
        display: block;
    }

    #verify_info::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        left: 45%;
        font-size: 14px;
        line-height: 14px;
        color: #ddd;
        text-shadow: none;
        display: block;
    }

    .rcaptcha.error {
        border: solid 2px #c64848;
        padding: .2em;
        width: 19em;
    }

    #icon {
        display: inline-block;
        width: 40px;
        background-color: #A30234;
        padding: 7px 0px 7px 15px;
        margin-left: 15px;
        -webkit-border-radius: 4px 0px 0px 4px;
        -moz-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
        color: white;
        -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
        -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
        box-shadow: 1px 2px 5px rgba(0,0,0,.09);
        border: solid 0px #cbc9c9;
    }

    #picker {
        display: inline-block;
        width: 40px;
        background-color: #A30234;
        padding: 7px 0px 7px 15px;
        margin-left: 15px;
        -webkit-border-radius: 4px 0px 0px 4px;
        -moz-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
        color: white;
        -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
        -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
        box-shadow: 1px 2px 5px rgba(0,0,0,.09);
        border: solid 0px #cbc9c9;
    }

    .gender {
        margin-left: 30px;
        margin-bottom: 30px;
    }

    /*input:invalid {
    border: dashed 1px red;
}

input:valid {
    border: solid 1px #cbc9c9;
}*/
    .accounttype {
        margin-left: 8px;
        margin-top: 20px;
    }

    a.button {
        font-size: 14px;
        font-weight: 600;
        color: white;
        padding: 6px 25px 0px 20px;
        margin: 10px 8px 20px 0px;
        display: inline-block;
        /*float: right;*/
        text-decoration: none;
        /*width: 50px;*/
        height: 35px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #A30234;
        -webkit-box-shadow: 0 3px #a94442;
        -moz-box-shadow: 0 3px rgba(58,87,175,.75);
        box-shadow: 0 3px #a94442;
        /*-webkit-box-shadow: 0 3px rgba(58,87,175,.75);
    -moz-box-shadow: 0 3px rgba(58,87,175,.75);
    box-shadow: 0 3px rgba(58,87,175,.75);*/
        transition: all 0.1s linear 0s;
        top: 0px;
        position: relative;
    }

        a.button:hover {
            top: 3px;
            background-color: #2e458b;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .loading {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100px;
        height: 100px;
        margin: -20px 0 0 -20px;
        border-width: 10px;
        border-style: solid;
        border-color: #fff #fff rgba(255,255,255,.5) rgba(255,255,255,.5);
        opacity: .9;
        border-radius: 50px;
        -webkit-animation: rotate 1s linear infinite;
        -ms-animation: rotate 1s linear infinite;
    }

    @-webkit-keyframes rotate {
        0% {
            -webkit-transform: rotate(0deg)
        }

        100% {
            -webkit-transform: rotate(360deg)
        }
    }

    @-ms-keyframes rotate {
        0% {
            -ms-transform: rotate(0deg)
        }

        100% {
            -ms-transform: rotate(360deg)
        }
    }

    /* Go from zero to full opacity */
    @keyframes fadeEffect {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }



    /* STATUS PAGE */
    /* STATUS PAGE */
    /* STATUS PAGE */
    /* STATUS PAGE */
    /* STATUS PAGE */
    /* STATUS PAGE */
    /* STATUS PAGE */

    .center {
        margin-top: 10%;
    }

    .modalbox.success,
    .modalbox.error {
        /*        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background: #fff;
        padding: 25px 25px 15px;
        text-align: center;
        background-color: #ebebeb;
        border-radius: 8px/7px;
    }

        .modalbox.success.animate .icon,
        .modalbox.error.animate .icon {
            -webkit-animation: fall-in 0.75s;
            -moz-animation: fall-in 0.75s;
            -o-animation: fall-in 0.75s;
            animation: fall-in 0.75s;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        }

        .modalbox.success h1,
        .modalbox.error h1 {
            font-family: 'Montserrat', sans-serif;
        }

        .modalbox.success p,
        .modalbox.error p {
            font-family: 'Open Sans', sans-serif;
        }

        .modalbox.success button,
        .modalbox.error button,
        .modalbox.success button:active,
        .modalbox.error button:active,
        .modalbox.success button:focus,
        .modalbox.error button:focus {
            -webkit-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            margin-top: 15px;
            width: 80%;
            background: transparent;
            color: #4caf50;
            border-color: #4caf50;
            outline: none;
        }

            .modalbox.success button:hover,
            .modalbox.error button:hover,
            .modalbox.success button:active:hover,
            .modalbox.error button:active:hover,
            .modalbox.success button:focus:hover,
            .modalbox.error button:focus:hover {
                color: #fff;
                background: #4caf50;
                border-color: transparent;
            }

        .modalbox.success .icon,
        .modalbox.error .icon {
            position: relative;
            margin: 0 auto;
            margin-top: -75px;
            background: #4caf50;
            height: 100px;
            width: 100px;
            border-radius: 50%;
        }

            .modalbox.success .icon span,
            .modalbox.error .icon span {
                postion: absolute;
                font-size: 4em;
                color: #fff;
                text-align: center;
                padding-top: 20px;
            }

        .modalbox.error button,
        .modalbox.error button:active,
        .modalbox.error button:focus {
            color: #f44336;
            border-color: #f44336;
        }

            .modalbox.error button:hover,
            .modalbox.error button:active:hover,
            .modalbox.error button:focus:hover {
                color: #fff;
                background: #f44336;
            }

        .modalbox.error .icon {
            background: #f44336;
        }

            .modalbox.error .icon span {
                padding-top: 25px;
            }

    .center {
        float: none;
        margin-left: auto;
        margin-right: auto;
        /* stupid browser compat. smh */
    }

        .center .change {
            clearn: both;
            display: block;
            font-size: 10px;
            color: #ccc;
            margin-top: 10px;
        }

    @-webkit-keyframes fall-in {
        0% {
            -ms-transform: scale(3, 3);
            -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
            opacity: 0;
        }

        50% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            opacity: 1;
        }

        60% {
            -ms-transform: scale(1.1, 1.1);
            -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
        }

        100% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }
    }

    @-moz-keyframes fall-in {
        0% {
            -ms-transform: scale(3, 3);
            -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
            opacity: 0;
        }

        50% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            opacity: 1;
        }

        60% {
            -ms-transform: scale(1.1, 1.1);
            -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
        }

        100% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }
    }

    @-o-keyframes fall-in {
        0% {
            -ms-transform: scale(3, 3);
            -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
            opacity: 0;
        }

        50% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            opacity: 1;
        }

        60% {
            -ms-transform: scale(1.1, 1.1);
            -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
        }

        100% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }
    }

    @-webkit-keyframes plunge {
        0% {
            margin-top: -100%;
        }

        100% {
            margin-top: 25%;
        }
    }

    @-moz-keyframes plunge {
        0% {
            margin-top: -100%;
        }

        100% {
            margin-top: 25%;
        }
    }

    @-o-keyframes plunge {
        0% {
            margin-top: -100%;
        }

        100% {
            margin-top: 25%;
        }
    }

    @-moz-keyframes fall-in {
        0% {
            -ms-transform: scale(3, 3);
            -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
            opacity: 0;
        }

        50% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            opacity: 1;
        }

        60% {
            -ms-transform: scale(1.1, 1.1);
            -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
        }

        100% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }
    }

    @-webkit-keyframes fall-in {
        0% {
            -ms-transform: scale(3, 3);
            -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
            opacity: 0;
        }

        50% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            opacity: 1;
        }

        60% {
            -ms-transform: scale(1.1, 1.1);
            -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
        }

        100% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }
    }

    @-o-keyframes fall-in {
        0% {
            -ms-transform: scale(3, 3);
            -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
            opacity: 0;
        }

        50% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            opacity: 1;
        }

        60% {
            -ms-transform: scale(1.1, 1.1);
            -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
        }

        100% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }
    }

    @keyframes fall-in {
        0% {
            -ms-transform: scale(3, 3);
            -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
            opacity: 0;
        }

        50% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            opacity: 1;
        }

        60% {
            -ms-transform: scale(1.1, 1.1);
            -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
        }

        100% {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }
    }

    @-moz-keyframes plunge {
        0% {
            margin-top: -100%;
        }

        100% {
            margin-top: 15%;
        }
    }

    @-webkit-keyframes plunge {
        0% {
            margin-top: -100%;
        }

        100% {
            margin-top: 15%;
        }
    }

    @-o-keyframes plunge {
        0% {
            margin-top: -100%;
        }

        100% {
            margin-top: 15%;
        }
    }

    @keyframes plunge {
        0% {
            margin-top: -100%;
        }

        100% {
            margin-top: 15%;
        }
    }


    .btn-switch {
        font-size: .75em;
        position: relative;
        display: inline-block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .btn-switch__radio {
        display: none;
    }

    .btn-switch, p {
        width: unset;
        margin-left: 0px;
        margin-top: 5px;
    }

    .btn-switch__label {
        display: inline-block;
        padding: .75em .5em .75em .75em;
        /*vertical-align: top;*/
        font-size: 1em;
        font-weight: 700;
        line-height: 1.5;
        color: #666;
        cursor: pointer;
        transition: color .2s ease-in-out;
    }

        .btn-switch__label + .btn-switch__label {
            padding-right: .75em;
            padding-left: 0;
        }

    .btn-switch__txt {
        position: relative;
        z-index: 2;
        display: inline-block;
        min-width: 1.5em;
        opacity: 1;
        pointer-events: none;
        transition: opacity .2s ease-in-out;
    }

    .btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
    .btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {
        opacity: 0;
    }

    .btn-switch__label:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #DDDDDD;
        border-radius: 1.5em;
        box-shadow: inset 0 .0715em .3572em rgba(43,43,43,.05);
        transition: background .2s ease-in-out;
    }

    .btn-switch__radio_yes:checked ~ .btn-switch__label:before {
        background: #6EDC5F;
    }

    .btn-switch__label_no:after {
        content: "";
        position: absolute;
        z-index: 2;
        top: .5em;
        bottom: .5em;
        left: .5em;
        width: 2em;
        background: #fff;
        border-radius: 1em;
        pointer-events: none;
        box-shadow: 0 .1429em .2143em rgba(43,43,43,.2), 0 .3572em .3572em rgba(43,43,43,.1);
        transition: left .2s ease-in-out, background .2s ease-in-out;
    }

    .btn-switch__radio_yes:checked ~ .btn-switch__label_no:after {
        left: calc(100% - 2.5em);
        background: #fff;
    }

    .btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
    .btn-switch__radio_yes:checked ~ .btn-switch__label_no:before {
        z-index: 1;
    }

    .btn-switch__radio_yes:checked ~ .btn-switch__label_yes {
        color: #fff;
    }

    /* Add this attribute to the element that needs a tooltip */
    [data-tooltip] {
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

        /* Hide the tooltip content by default */
        [data-tooltip]:before,
        [data-tooltip]:after {
            visibility: hidden;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
            pointer-events: none;
        }

        /* Position tooltip above the element */
        [data-tooltip]:before {
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-bottom: 5px;
            margin-left: -80px;
            padding: 7px;
            /*width: 280px;*/
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background-color: #000;
            background-color: hsla(0, 0%, 20%, 0.9);
            color: #fff;
            content: attr(data-tooltip);
            text-align: center;
            font-size: 14px;
            line-height: 1.2;
        }

        /* Triangle hack to make tooltip look like a speech bubble */
        [data-tooltip]:after {
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            width: 0;
            border-top: 5px solid #000;
            border-top: 5px solid hsla(0, 0%, 20%, 0.9);
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
            content: " ";
            font-size: 0;
            line-height: 0;
        }

        /* Show tooltip content on hover */
        [data-tooltip]:hover:before,
        [data-tooltip]:hover:after {
            visibility: visible;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }

    .btn-continue {
        width: 100%;
        /*width: 280px;*/
    }

    .input-group-text, .inputLabelCustom {
        background-color: #A30234;
        color: white;
    }

    .buttonLock {
        opacity: .24;
        display: inline-block;
        float: left;
        margin: 5px;
    }


    /*.container {
            position: relative;
            display: inline-block;
            box-sizing: border-box;
            padding: 30px;
            width: 25%;
            height: 140px;
        }*/

    .circle {
        margin: 0 auto;
        box-sizing: border-box;
        width: 80px;
        height: 80px;
        border-radius: 100%;
        border: 10px solid rgba(255, 255, 255, 0.5);
        border-top-color: #A30234;
        animation: spin 1s infinite linear;
    }

    @keyframes spin {
        100% {
            transform: rotate(360deg);
        }
    }

    .processing h5 {
        font-weight: bold;
        text-align: center;
        /*display: inline-block;
            justify-content:center;*/
    }

    .processingsub h8 {
        text-align: center;
        display: block;
    }

    .textcode {
        margin-top: 20px;
        background: none;
        border: none;
        display: inline-block;
        font-size: 48px;
        height: 48px;
        letter-spacing: 1.5px;
        max-width: 120px;
        outline: 0;
        padding: 0;
        margin: 30px auto;
        display: block;
    }

    .textbutton {
        /*margin-top: 20px;*/
        background: none;
        border: none;
        font-size: 22px;
        height: 56px;
        line-height: 30px;
        padding: 11px 40px 14px;
        margin: 20px auto;
        display: block;
        display: block;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    div#legalBullet ul li {
        list-style: disc;
        font-size: 10pt;
        line-height: 1.6;
        font-family: arial, helvetica, sans-serif;
        color: black;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    div#legalNumber {
        padding-left: 20px;
    }

        div#legalNumber ol li {
            /*text-indent: 2em;*/
            list-style: decimal;
            font-size: 10pt;
            line-height: 1.6;
            font-family: arial, helvetica, sans-serif;
            color: black;
            padding-bottom: 5px;
            padding-top: 5px;
        }

    div#confirmselection ul li {
        color: black;
        background: #ebebeb;
    }

    * {
        margin: 0;
        padding: 0
    }

    html {
        height: 100%
    }


    #claim {
        text-align: center;
        position: relative;
        margin-top: 20px
    }

        #claim fieldset .form-card {
            background: #ebebeb;
            border: 0 none;
            border-radius: 0px;
            box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
            padding: 20px 40px 30px 40px;
            box-sizing: border-box;
            width: 94%;
            margin: 0 3% 20px 3%;
            position: relative
        }

        #claim fieldset {
            /*background: white;*/
            border: 0 none;
            border-radius: 0.5rem;
            box-sizing: border-box;
            width: 100%;
            margin: 0;
            padding-bottom: 20px;
            position: relative
        }

            #claim fieldset:not(:first-of-type) {
                display: none
            }

            #claim fieldset .form-card {
                text-align: left;
                color: #9E9E9E
            }

        #claim .action-button {
            width: 100px;
            background: skyblue;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 0px;
            cursor: pointer;
            padding: 10px 5px;
            margin: 10px 5px
        }

            #claim .action-button:hover,
            #claim .action-button:focus {
                box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue
            }

        #claim .action-button-previous {
            width: 100px;
            background: #616161;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 0px;
            cursor: pointer;
            padding: 10px 5px;
            margin: 10px 5px
        }

            #claim .action-button-previous:hover,
            #claim .action-button-previous:focus {
                box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
            }

    select.list-dt {
        border: none;
        outline: 0;
        border-bottom: 1px solid #ccc;
        padding: 2px 5px 3px 5px;
        margin: 2px
    }

        select.list-dt:focus {
            border-bottom: 2px solid skyblue
        }

    .cardprogress {
        z-index: 0;
        border: none;
        border-radius: 0.5rem;
        position: relative
    }

    .fs-title {
        font-size: 25px;
        color: #2C3E50;
        margin-bottom: 10px;
        font-weight: bold;
        text-align: left
    }

    #progressbar {
        margin-bottom: 10px;
        overflow: hidden;
        color: lightgrey
    }

        #progressbar .active {
            color: #000000
        }

        #progressbar li {
            list-style-type: none;
            font-size: 12px;
            width: 25%;
            float: left;
            position: relative
        }

        #progressbar #account:before {
            /* >> Symbol you want to use: */
            content: "\f007";
            /* >> Name of the FA free font (mandatory), e.g.:
               - 'Font Awesome 5 Free' for Regular and Solid symbols;
               - 'Font Awesome 5 Pro' for Regular and Solid symbols (Professional License);
               - 'Font Awesome 5 Brand' for Brands symbols. */
            font-family: 'Font Awesome 5 Free';
            /* >> Weight of the font (mandatory):
               - 400 for Regular and Brands symbols;
               - 900 for Solid symbols;
               - 300 for Light symbols. */
            font-weight: 900;
        }

        #progressbar #aup:before {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            content: "\f502";
        }

        #progressbar #mobile:before {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            content: "\f10b";
        }

        #progressbar #confirm:before {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            content: "\f00c";
        }

        #progressbar li:before {
            width: 50px;
            height: 50px;
            line-height: 45px;
            display: block;
            font-size: 18px;
            color: #ffffff;
            background: #848383;
            border-radius: 50%;
            margin: 0 auto 10px auto;
            padding: 2px;
        }

        #progressbar li:after {
            content: '';
            width: 100%;
            height: 2px;
            background: lightgray;
            position: absolute;
            left: 0;
            top: 25px;
            z-index: -1;
            margin: 0;
        }

        #progressbar li.active:before,
        #progressbar li.active:after {
            background: #A30234;
        }

    .btn-toggle {
        margin: 0 4rem;
        padding: 0;
        position: relative;
        border: none;
        height: 1.5rem;
        width: 3rem;
        border-radius: 1.5rem;
        color: #6b7381;
        background: #446e9b;
    }
        /*    //#bdc1c8;*/
        .btn-toggle:focus, .btn-toggle:focus.active, .btn-toggle.focus, .btn-toggle.focus.active {
            outline: none;
        }

        .btn-toggle:before, .btn-toggle:after {
            line-height: 1.5rem;
            width: 4rem;
            text-align: center;
            font-weight: 600;
            font-size: .75rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity .25s;
        }

        .btn-toggle:before {
            content: 'Mobile';
            left: -4rem;
        }

        .btn-toggle:after {
            content: 'Home';
            right: -4rem;
            opacity: .5;
        }

        .btn-toggle > .handle {
            position: absolute;
            top: 0.1875rem;
            left: 0.1875rem;
            width: 1.125rem;
            height: 1.125rem;
            border-radius: 1.125rem;
            background: #fff;
            transition: left .25s;
        }

        .btn-toggle.active {
            transition: background-color .25s;
        }

        .btn-toggle.active {
            background-color: #446e9b;
        }

            .btn-toggle.active > .handle {
                left: 1.6875rem;
                transition: left .25s;
            }

            .btn-toggle.active:before {
                opacity: .5;
            }

            .btn-toggle.active:after {
                opacity: 1;
            }