/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3 Nov, 2018, 2:36:18 PM
    Author     : Saumyakant JULU
*/
/*    .benefitInfo{
           height: 300px;
           overflow-y: scroll;
       }*/
.formInstruction{
    max-height: 400px;
    overflow-y: scroll;
}
.goBackbtn1{
    display: inline-block;
    /*position: absolute;*/
}
.goBackbtn1 a{
    font-size: 16.8px;
}
.goBackbtn1 button{
    font-size: 16.8px;
}
.formBtns{
    padding: 10px;
    width: 100%;
    /*position: relative;*/
    margin: 20px auto;
    display: inline-block;
    text-align: center;
}
.goNextStep{
    display: inline-block;
    margin-left: 10px;
    /*        position: relative;*/
}
/*    .formInstruction{
        position: fixed;
        right: 0px 
    }*/
.benefitInfo p{
    color: black !important;
    background-color: #fcf8e3;
    font-size: 15px !important;
}
#formPage .gotohomebtn{
    position: inherit !important;
    text-align: center;
    float: left;
}
.errorDiv{
    /*margin-top: 50px;*/
}
/*    form label.error {
        font: 12px Tahoma,sans-serif !important;
        color: #ED7476 !important;
        margin-left: 5px !important;
        display: inline !important;
        background: none !important;
        padding: 0 !important;
    }*/
.ht-button {
    background-color:#a80d7e;
    transition:background-color .9s ease;
    border:1px solid #fff;
    font-size:1.6rem;
    margin:0 auto;
    padding:15px 30px;
    font-family:"ItalianPlateNo1", "Arial Black", "sans serif";
    line-height:2.2rem;
    border-radius:5px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-weight:400;
    text-transform:uppercase;
    white-space:nowrap;
    outline:none;
}

.ht-button:hover, .ht-button:focus {
    background-color:#ec5021;
    transition:background-color .5s ease;
}

.ht-button--disabled, .ht-button[disabled], .ht-button--disabled:hover, .ht-button--disabled:focus, .ht-button[disabled]:hover, .ht-button[disabled]:focus {
    cursor:default;
    background-color:#ddd;
    pointer-events:none;
}

.ht-button-secondary {
    border-color:#E5E4E5;
    color:#777;
    background-color:#fff;
}

.ht-button-secondary:hover, .ht-button-secondary:focus {
    background-color:#E5E4E5;
}

.ht-button--tertiary {
    background-color:#ddd;
    color:#fff;
}

.ht-button--tertiary:hover, .ht-button--tertiary:focus {
    background-color:#a80d7e;
}

.ht-button--small {
    padding:10px 20px;
}

.ht-button--block {
    display:block;
    width:100%;
}

@media (min-width: 768px) {
    .ht-button {
        font-size:1.8rem;
    }

}

.ht-expandblock {
    margin:20px 0;
    position:relative;
}

.ht-expandblock label {
    cursor:pointer;
    display:block;
    font-family:"ItalianPlateNo1", "Arial Black", "sans serif";
    text-transform:uppercase;
    font-size:20px;
    font-weight:400;
    margin-bottom:20px;
}

.ht-expandblock label:before {
    content:'+';
    display:block;
    font-size:35px;
    position:absolute;
    top:-5px;
    right:0;
    color:#a80d7e;
}

.ht-expandblock-content {
    line-height:1.5;
    font-size:0;
    opacity:0;
    transition:font-size .25s .5s, opacity .5s;
}

.ht-expandblock-content-specs {
    display:flex;
    flex-wrap:nowrap;
}

.ht-expandblock-content-specs .ht-expandblock-specs-image {
    flex:0 1 100%;
}

.ht-expandblock-content-specs .ht-expandblock-specs-text {
    flex:0 1 100%;
}

.ht-expandblock-content-specs .ht-expandblock-specs-text-header {
    font-weight:600;
}

.ht-expandblock-checkbox {
    display:none;
}

.ht-expandblock-checkbox:checked ~ label:before {
    content:'-';
}

.ht-expandblock-checkbox:checked ~ .ht-expandblock-content {
    font-size:14px;
    opacity:1;
    transition:font-size .25s, opacity .5s .25s;
}

.ht-expandblock-specs-image {
    display:none;
    height:0;
}

@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, .ht-expandblock-content {
        height:0;
        transition:none;
    }

    *::-ms-backdrop, .ht-expandblock-checkbox:checked ~ .ht-expandblock-content {
        height:auto;
        transition:font-size .25s, height .1s .5s, opacity .25s .35s;
    }

}

/*            @supports (-moz-appearance: none) or (-ms-ime-align: auto) {
                .ht-expandblock-content {
                    height:0;
                    transition:none;
                }

                .ht-expandblock-checkbox:checked ~ .ht-expandblock-content {
                    height:auto;
                    transition:font-size .25s, height .1s .5s, opacity .25s .35s;
                }

            }*/

@media (min-width: 768px) {
    .ht-expandblock-specs-image {
        display:block;
        float:left;
        margin-right:30px;
        width:35%;
    }

    .ht-expandblock-content-specs .ht-expandblock-specs-image {
        flex:0 1 40%;
    }

    .ht-expandblock-content-specs .ht-expandblock-specs-image img {
        width:100%;
    }

    .ht-expandblock-content-specs .ht-expandblock-specs-text {
        flex:0 1 60%;
    }

    .ht-expandblock-content-specs .ht-expandblock-specs-text-header {
        margin-top:10px;
    }

    .ht-expandblock-content-specs .ht-expandblock-specs-text-header:first-of-type {
        margin-top:0;
    }

    .ht-expandblock-checkbox:checked ~ .ht-expandblock-content .ht-expandblock-specs-image img {
        height:auto;
    }

}

.ht-list-item, [slot="markdown-html"].ht-list-dot ul li {
    font-family:"ht-helvetica", "Arial", "sans serif";
    font-size:1.4rem;
    font-weight:400;
    letter-spacing:.5px;
    line-height:2.1rem;
    display:block;
    margin:10px 0;
    position:relative;
    list-style:none;
    padding:0;
}

.ht-list-item::before, [slot="markdown-html"].ht-list-dot ul li::before {
    content:'';
    height:6px;
    width:6px;
    background:#ec5021;
    position:absolute;
    left:-15px;
    top:8px;
}

.ht-list, [slot="markdown-html"] ul {
    padding:0;
    list-style:none;
}

[slot="markdown-html"] ul li:before {
    content: "\e013";
    position: relative;
    margin-left: -25px;
    padding-right: 5px;
    top: 4px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.ht-list--inline {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
}

.ht-list--inline > li {
    flex:0 1 49%;
}

html, *, *:before, *:after {
    box-sizing:border-box;
}

:host {
    font-family:"ht-helvetica", "Arial", "sans serif";
    font-size:1.4rem;
    font-weight:400;
    letter-spacing:.5px;
    line-height:2.1rem;
}

.ht-text--strong {
    font-weight:600;
}

.ht-text--center {
    text-align:center;
}

.ht-text--small {
    font-size:1.4rem;
}

.ht-inlineBlock {
    display:inline-block;
}

.ht-inline {
    display:inline;
}

.ht-is-hidden {
    display:none;
    visibility:hidden;
}

.ht-gt-mobile {
    display:none;
}

.ht-line {
    opacity:0.6;
}

.ht-clear-both {
    clear:both;
}

.ht-modal-text {
    border-bottom:1px dotted #a80d7e;
    color:#a80d7e;
    cursor:pointer;
    font-family:"ht-helvetica", "Arial", "sans serif";
    white-space:normal;
}

@media (min-width: 768px) {
    .ht-gt-mobile {
        display:block;
    }

}

.ht-title {
    display:block;
    font-family:"ItalianPlateNo1", "Arial Black", "sans serif";
    font-size:3rem;
    font-weight:100;
    line-height:3rem;
    margin:2.6rem 0;
    padding:0 20px;
    text-align:center;
}

.ht-title::after {
    background-color:#ec5021;
    content:'';
    display:block;
    height:3px;
    margin:12px auto;
    width:25px;
}

.ht-title--small {
    margin-top:17px;
    font-size:2.4rem;
    line-height:1;
}

.ht-title--small::after {
    display:none;
}

.ht-title-component {
    text-transform:uppercase;
    font-weight:600;
    font-family:"ItalianPlateNo1", "Arial Black", "sans serif";
    color:#777;
    margin-bottom:5px;
}

@media (min-width: 768px) {
    .ht-title {
        font-size:5rem;
        line-height:5rem;
    }

    .ht-title--small {
        font-size:3.4rem;
        line-height:1;
    }

}

:host {
    display:block;
    padding-bottom:40px;
}

.ht-title {
    margin-top:0;
}

.ht-title .icon {
    fill:#a80d7e;
    height:24px;
    pointer-events:none;
    position:relative;
    top:-2px;
    width:24px;
}

.ht-title .icon path {
    pointer-events:none;
}

.ht-question-information-button {
    background-color:transparent;
    border:0;
    cursor:pointer;
}

.ht-radio {
    display:none;
}

.ht-radio:checked + .ht-label .icon {
    stroke:#ec5021;
}

.ht-radio:checked + .ht-label .ht-label-text {
    color:#ec5021;
}

.ht-radio:checked + .ht-label .ht-label-container {
    color:#ec5021;
}

.ht-radio:checked + .ht-label .ht-label-container svg {
    fill:#ec5021;
    stroke:#ec5021;
}

.ht-label {
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    cursor:pointer;
    display:inline-block;
    flex:0 1 calc(50% - 20px);
    left:auto;
    margin:0 10px 15px;
    position:relative;
    user-select:none;
    width:100%;
}

.ht-label * {
    pointer-events:none;
}

.ht-label .icon {
    stroke:#777;
}

.ht-label-content {
    height:100%;
    text-align:center;
    width:100%;
    color: rbg(0,153,159);
}

.ht-label-content .icon {
    height:auto;
    max-width:90px;
    width:100%;
}

.ht-label-text {
    display:block;
    font-family:"ItalianPlateNo1", "Arial Black", "sans serif";
    font-size:3vh;
    font-weight:600;
    line-height:2rem;
    margin-top:4px;
    text-align:center;
    /*text-transform:uppercase;*/
    width:100%;
}

.ht-label-text-hidden, .ht-label-content .ht-label-container:nth-of-type(2), .ht-label .ht-label-container:nth-of-type(2), .ht-label-description {
    display:none;
}

.ht-question-container {
    display:flex;
    flex-wrap:wrap;
    width:100%;
}

.ht-question-description {
    font-family:"ht-helvetica", "Arial", "sans serif";
    font-size:1.7rem;
    font-weight:400;
    letter-spacing:.5px;
    line-height:2.2rem;
    position:absolute;
    text-align:center;
    width:100%;
}

.ht-question-container-detailed {
    margin:0 auto;
    max-width:100%;
}

.ht-question-container-detailed .ht-title {
    margin-top:0;
}

.ht-question-container-detailed .ht-radio:checked + .ht-label .ht-label-container {
    border:2px #ec5021 solid;
}

.ht-question-container-detailed .ht-label {
    display:flex;
    flex:none;
    flex-direction:column;
    font-family:"ItalianPlateNo1", "Arial Black", "sans serif";
    letter-spacing:-.2px;
    line-height:1.28;
    margin:0 auto 20px;
}

.ht-question-container-detailed .ht-label-container {
    border:3px #777 solid;
    border-radius:10px;
}

.ht-question-container-detailed .ht-label-description {
    align-items:center;
    display:flex;
    font-size:18px;
    height:90px;
    justify-content:center;
    margin:0 auto;
    max-width:180px;
    order:1;
    text-align:center;
}

.ht-question-container-detailed .ht-label-description marked-element p {
    font-family:"ItalianPlateNo1", "Arial Black", "sans serif";
    font-size:18px;
    letter-spacing:-.2px;
    line-height:1.28;
}

.ht-question-container-detailed .ht-label-content svg {
    display:none;
}

@media (orientation: landscape) {
    .ht-question-container {
        flex-wrap:nowrap;
    }

}
@media (max-width: 480px){
    .frmImg{
        height: 20vh;
        width: 88%;
    }
    .ht-label {
        /*height: 35vh;*/
        max-width: 300px;
        overflow: hidden;
        position: relative;
        color: rgb(0,153,159);
        outline:none;
        /* border-radius: 20px; */
    }
    .innerVal{
        font-size: 100px;
        width: 100%;
        /*border: 1px solid #f9f9f9;*/
        border-radius: 20px;
        font-size: 9vh;
    }
    .errorDiv{
        padding: 10px;
    }
    .reportbox{
        display: inline-block;
        text-align: center;
        padding: 10px !important;
    }
    .loadder{
        width:100%;height:90%;top:11%; margin-top:0px; left:0px;position:fixed; z-index: 1033
    }
    .markedData {
        height: 20vh;
        font-size: 3vh;
        line-height: 20vh;
    }
}
@media (min-width: 768px) {
    .ht-question-container {
        flex-wrap:nowrap;
        justify-content:center;
    }
    .markedData{
        height: 23vh;
        font-size: 3vh;
        line-height: 23vh;
    }
    .ht-question-description {
        font-size:1.9rem;
        line-height:2.4rem;
    }

    .ht-question-container-detailed .ht-label {
        font-family:"ItalianPlateNo1", "Arial Black", "sans serif";
        height:228px;
        justify-content:center;
        margin:15px;
        max-width:228px;
        width:100%;
    }

    .ht-question-container-detailed .ht-label-container {
        height:208px;
        padding:57px 0;
    }

    .ht-question-container-detailed .ht-label-container:nth-of-type(2) .ht-label-description marked-element {
        margin-top:20px;
    }

    .ht-question-container-detailed .ht-label-description {
        font-size:20px;
        margin:0 auto;
        opacity:1;
        padding:0;
        position:static;
    }

    .ht-question-container-detailed .ht-label-description marked-element p {
        font-size:20px;
    }

    .ht-label {
        height: 35vh !important;
        max-width: 25% !important;
        overflow: hidden !important;
        position: relative !important;
        color:rgb(0,153,159) !important;
        border: none  !important;
        padding: 0px !important;
        /*border-radius: 20px;*/
    }
    .ht-labelImg {
        height: 180px;
        max-width: 180px;
        overflow: hidden;
        position: relative;
        border-radius: 20px;
    }
    .frmImg{
        height: 20vh;
        width: 80%;
    }
    .ht-label-text {
        /*border-radius:0 0 50% 50%;*/
        font-size:2.5vh;
        height:35%;
        line-height:2.2rem;
        /*padding:17px;*/
        position:absolute;
        word-wrap: break-word;
    }
    .loadder{
        width:76%;height:90%;top:11%; margin-top:0px; left:0px;position:fixed; z-index: 1033
    }
    .ht-question-container .ht-label:hover, .ht-question-container .ht-label:focus {
        /*background-color:#f9f9f9;*/
    }

    .ht-question-container .ht-label:hover .ht-label-has-description .ht-label-text-hidden, .ht-question-container .ht-label:focus .ht-label-has-description .ht-label-text-hidden {
        display:block;
    }

    .ht-question-container .ht-label:hover .ht-label-description:not(:empty), .ht-question-container .ht-label:focus .ht-label-description:not(:empty) {
        height:75%;
        opacity:1;
        top:25%;
        transition:all 0.6s cubic-bezier(0.77, 0.4, 0.03, 0.89);
    }

    .ht-question-container .ht-label:hover .ht-label-description:not(:empty) + .ht-label-content, .ht-question-container .ht-label:focus .ht-label-description:not(:empty) + .ht-label-content {
        top:-74%;
        transition:all 0.3s cubic-bezier(0.77, 0.4, 0.03, 0.89);
    }

    .ht-question-container .ht-label:hover .ht-label-description:not(:empty) + .ht-label-content .ht-label-text, .ht-question-container .ht-label:focus .ht-label-description:not(:empty) + .ht-label-content .ht-label-text {
        background-color:#ec5021;
        color:#fff;
        margin-top:-8px;
    }

    .ht-question-container .ht-label:hover .ht-label-container:nth-of-type(1), .ht-question-container .ht-label:focus .ht-label-container:nth-of-type(1) {
        opacity:0;
        top:-100%;
    }

    .ht-question-container .ht-label:hover .ht-label-container:nth-of-type(2), .ht-question-container .ht-label:focus .ht-label-container:nth-of-type(2) {
        opacity:1;
        top:0;
    }

    .ht-question-container-detailed .ht-label:hover, .ht-question-container-detailed .ht-label:focus {
        background-color:#fff;
    }

    .ht-question-container-detailed .ht-label:hover .ht-label-container:nth-of-type(2), .ht-question-container-detailed .ht-label:focus .ht-label-container:nth-of-type(2) {
        border:2px #ec5021 solid;
        color:#ec5021;
        outline:none;
    }

    .ht-label:focus {
        outline:-webkit-focus-ring-color 0;
    }

    .ht-label .ht-label-container {
        position:absolute;
    }

    .ht-label .ht-label-container:nth-of-type(1) {
        left:0;
        margin-left:auto;
        margin-right:auto;
        opacity:1;
        right:0;
        top:0;
        transition:all 0.4s cubic-bezier(0.77, 0.4, 0.03, 0.89);
    }

    .ht-label .ht-label-container:nth-of-type(1) .icon {
        fill:#777;
        stroke:#777;
    }

    .ht-label .ht-label-container:nth-of-type(2) {
        display:block;
        left:0;
        margin-left:auto;
        margin-right:auto;
        opacity:0;
        right:0;
        top:90%;
        transition:all 0.4s cubic-bezier(0.77, 0.4, 0.03, 0.89), color 0s cubic-bezier(0.77, 0.4, 0.03, 0.89);
    }

    .ht-label .ht-label-container:nth-of-type(2) .icon {
        fill:#ec5021;
        stroke:#ec5021;
    }

    .ht-label-content {
        height:100%;
        position:absolute;
        top:0;
        transition:all 0.3s cubic-bezier(0.77, 0.4, 0.03, 0.89);
    }
    .innerVal{
        font-size: 12vh;
        width: 100%;
        border: 1px solid #f9f9f9;
        border-radius: 20px;
    }

    .ht-label-content .icon {
        height:75%;
        max-width:84px;
    }

    .ht-label-content-nodesc {
        /*background-color:#fff;*/
    }

    .ht-label-content-nodesc .ht-label-text {
        /*background-color:#fff;*/
        bottom:0;
        position:absolute;
        z-index:1;
    }

    .ht-label-description {
        display:block;
        opacity:0;
        padding:5px 15px 15px;
        position:absolute;
        top:100%;
        width:100%;
        z-index:1;
    }

    .ht-label-description ul {
        margin:0;
    }

    .ht-label-description ul li {
        line-height:1.2;
        margin-bottom:10px;
        padding-left:20px;
        position:relative;
    }
    .innerdes ul li {
        line-height:1.2;
        margin-bottom:10px;
        padding-left:30px;
        position:relative;
        font-size: 14px;
        text-align: left;
    }

}

@media (min-width: 1200px) {
    .ht-question-container-detailed .ht-label {
        height:272px;
        margin:15px 60px;
        max-width:272px;
    }

    .ht-question-container-detailed .ht-label-container {
        height:232px;
        padding:68px 0;
    }

}
.customChk{
    width: 20px;
    display: inline-block;
    float: left;
    height: 20px;
    margin: 0px !important;
    padding: 0px !important;
}
.checkbox input[type=checkbox] {
    display: none;
}
.checkbox label:before {
    content: "\2715";
    border-radius: 3px;
    padding:0 5px;
    color: #002855;
    font-weight:900;
    border:1px solid #002855;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    line-height: 15px;
    margin-right: 10px;

}
.checkbox > input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #22baa0;
    text-align: center;
    line-height: 15px;
    padding:0 5px;
    border:1px solid #22baa0;
    font-weight:900;
}