$cigna-blue: #0170BC;
$cigna-orange: #F68622;
$cigna-btn-orange: #F68621;
$cigna-disabled-orange: #F8B679;
$cigna-black: #333333;
$cigna-green: #118503 !default;
$cigna-gray: #939496;
$cigna-bg-gray: #F8F8F8;
$cigna-error-red: #CC0000;
$cigna-italic-text-color: #505050;
$cigna-cb-label-color: #58595B; //checkbox label
$cigna-help-box-bg-color: #ffe6b3;
$cigna-help-box-border-left-color: #ff8000;
$cigna-title-font:Value Serif Pro;
$cigna-body-font:Value Sans Pro;



@font-face {
  font-family: "Value Sans Pro";
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-BlackItalic-Pro.eot");
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-BlackItalic-Pro.eot?#iefix") format("embedded-opentype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-BlackItalic-Pro.woff2") format("woff2"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-BlackItalic-Pro.woff") format("woff"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-BlackItalic-Pro.ttf") format("truetype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-BlackItalic-Pro.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Value Sans Pro";
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Black-Pro.eot");
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Black-Pro.eot?#iefix") format("embedded-opentype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Black-Pro.woff2") format("woff2"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Black-Pro.woff") format("woff"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Black-Pro.ttf") format("truetype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Black-Pro.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Value Sans Pro";
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-BoldItalic-Pro.eot");
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-BoldItalic-Pro.eot?#iefix")
      format("embedded-opentype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-BoldItalic-Pro.woff2") format("woff2"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-BoldItalic-Pro.woff") format("woff"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-BoldItalic-Pro.ttf") format("truetype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-BoldItalic-Pro.otf")format("opentype");     
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Value Sans Pro";
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Bold-Pro.eot");
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Bold-Pro.eot?#iefix") format("embedded-opentype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Bold-Pro.woff2") format("woff2"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Bold-Pro.woff") format("woff"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Bold-Pro.ttf") format("truetype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Bold-Pro.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Value Sans Pro";
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Italic-Pro.eot");
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Italic-Pro.eot?#iefix") format("embedded-opentype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Italic-Pro.woff2") format("woff2"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Italic-Pro.woff") format("woff"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Italic-Pro.ttf") format("truetype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Italic-Pro.otf") format("opentype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Value Sans Pro";
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-MediumItalic-Pro.eot");
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-MediumItalic-Pro.eot?#iefix")
      format("embedded-opentype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-MediumItalic-Pro.woff2") format("woff2"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-MediumItalic-Pro.woff") format("woff"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-MediumItalic-Pro.ttf") format("truetype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-MediumItalic-Pro.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Value Sans Pro";
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Medium-Pro.eot");
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Medium-Pro.eot?#iefix")
      format("embedded-opentype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Medium-Pro.woff2") format("woff2"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Medium-Pro.woff") format("woff"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Medium-Pro.ttf") format("truetype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Medium-Pro.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Value Sans Pro";
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.eot");
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.eot?#iefix")
      format("embedded-opentype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.woff2") format("woff2"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.woff") format("woff"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.ttf") format("truetype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Value Sans Pro";
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.eot");
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.eot?#iefix")
      format("embedded-opentype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.woff2") format("woff2"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.woff") format("woff"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.ttf") format("truetype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Value Serif Pro";
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSerif/ValueSerif-Bold-Pro.eot");
  src: url("/s/sfsites/c/resource/ValueSansPro/ValueSerif/ValueSerif-Bold-Pro.eot?#iefix")
      format("embedded-opentype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSerif/ValueSerif-Bold-Pro.woff2") format("woff2"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSerif/ValueSerif-Bold-Pro.woff") format("woff"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSerif/ValueSerif-Bold-Pro.ttf") format("truetype"),
    url("/s/sfsites/c/resource/ValueSansPro/ValueSerif/ValueSerif-Bold-Pro.otf") format("opentype");
  font-weight: Bold;
  font-style: normal;
}

@font-face {
    font-family: "Value Sans Pro";    
    font-weight: 200;
  font-style: normal;
	src: url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.woff2") format("woff2"), url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.woff") format("woff"), url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.ttf") format("truetype"), url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.otf") format("opentype"), url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.eot?#iefix") format("embedded-opentype"), url("/s/sfsites/c/resource/ValueSansPro/ValueSans/ValueSans-Regular-Pro.eot");
}

html {
    scroll-behavior: smooth;
}

body{
    font-family:Value Serif Pro;
    color: #333333;
}

* {
  font-family: "Value Sans Pro", sans-serif;
}

@mixin cigna-body-font-styles($font-size, $line-height, $color: #333333) {
    color: $color;
    font-family: Value Sans Pro;
    font-size: $font-size !important;
    line-height: $line-height;
    letter-spacing: 0;
    font-weight: 300;
}

input[placeholder]::placeholder, textarea[placeholder]::placeholder {
    color: $cigna-gray !important;
    font-family: Value Sans Pro;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5rem;
}

// .via-nds p[vlc-bind-html] p {
//     font-weight: normal
// }

.via-nds .nds-checkbox__label .nds-form-element__label.nds-form-element__control-help {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
.via-nds .nds-form-element__label {
    white-space: normal !important;
}
// table.nds-datepicker__month tbody > tr:last-child{
//     height: 4.063rem;
// }

// table.nds-datepicker__month tbody::after {
//     content: "We can quote and incept your plan upto 90 days. Dates beyond are indicative.";
//     display: block;
//     font-size: 0.75rem;
//     font-weight: 300;
//     position: absolute;
//     bottom: 0px;
//     padding: 0.625rem;
//     width: 93%;
//     background-color: $cigna-help-box-bg-color;
//     border-left: 3px solid $cigna-help-box-border-left-color;
//     margin: 0.625rem;
// }

.via-nds {
    .nds-step_label {
        color: $cigna-black;
    }

    .padding-top-24 {
        padding-top: 1.5em;
    }

    .padding-top-16 {
        padding-top: 1em;
    }

    .margin-left-8 {
        margin-left: 0.5em;
    }

    .margin-bottom-8 {
        margin-bottom: 0.5em;
    }

     .margin-bottom-16 {
        margin-bottom: 1em;
    }

    .margin-bottom-0 {
        margin-bottom: 0 !important;
    }

    .grey-border-top {
        border-top: 1px solid #dddbda;
    }

    .cigna-error-text, .message.description {
        background-color: #ffe3e2;
        padding: .5em !important;
        border-left: 3px solid #cc0000;
        display: flex;

        .nds-icon_container.nds-icon_container_circle {
            display: none;
        }
    }

    form .ng-valid span.nds-required {
        color: #333;
    }
}

.via-nds .nds-input, .via-nds .nds-input[readonly]{
    padding: 0.5rem 1rem;
    font-family: Value Sans Pro;
    border: 1px solid $cigna-gray;
    border-radius: 0.5rem;
    background-color: #FFFFFF;
    height: 58px;
}

.via-nds .nds-textarea, .via-nds .nds-textarea[readonly]{
    padding: 0.5rem 1rem;
    font-family: Value Sans Pro;
    border: 1px solid $cigna-gray;
    border-radius: 0.5rem;
    background-color: #FFFFFF;
    height: 85px;
    resize: none;
}

.via-nds .nds-select{
    font-family: Value Sans Pro;
    border-radius: 0.5rem;
    border: 1px solid $cigna-gray;
    height: 58px;
    // -webkit-appearance: none;
    // -webkit-border-radius: 8px;
    // background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
    // background-position: calc(100% - 20px) calc(1em + 12px), calc(100% - 15px) calc(1em + 12px), calc(100% - 2.5em) 0.5em;
    // background-size: 5px 5px, 5px 5px, 1px 1.5em;
    // background-repeat: no-repeat;
}

.via-nds .nds-required{
    margin-left: 1px;
    color: red;
}

.via-nds .nds-form-element__label {
    color: $cigna-black !important;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25rem;
}

.link-style{
    text-decoration: none;
    color: $cigna-blue;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;

    &:hover {
        text-decoration: underline !important;
        cursor: pointer;
    }
}

.via-nds .btn{
    display: inline-block;
    font-size: 1rem;
    font-family: Value Sans Pro;
    width: 100%;
    padding: 0.5rem 1rem;
    color: $cigna-blue;
    border-radius: 0.5rem;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease 0s;
    border: none;
    outline: none;
    &.center-btn-content{
        text-align:center;
    }
    &:active, &:focus, &:active:focus{
        outline: none;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    }
}
.via-nds .primary-btn{
    background-color: $cigna-blue;
    color: #fff;
    height: 48px;

    &:hover{
        color: #fff;
        background-color: darken($cigna-blue, 5%);
    }
}

.via-nds p[vlc-bind-html]{
    p{
        color:#333333;
    }
}

.via-nds .primary-btn.disabled-btn{
    background-color: $cigna-blue;
    color: #fff;
    cursor: not-allowed;
    opacity: 0.4;
}

.via-nds .secondary-btn{
    color: $cigna-blue;
    background-color: $cigna-bg-gray;
    height: 48px;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.2);

    &:hover{
        color: $cigna-blue;
        background-color: darken($cigna-bg-gray, 5%);
        cursor: pointer;
    }

    &:active, &:focus, &:active:focus{
        outline: none;
        box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.2);
        color: $cigna-blue;
    }
}

.via-nds .secondary-btn.disabled-btn{
    background-color: lighten($cigna-bg-gray,  10%);
    cursor: not-allowed;
}

.via-nds .continue-btn{
    background-color: $cigna-orange;
    color: #fff;
    height: 48px;
    
    &:hover{
        background-color: darken($cigna-orange, 10%);
        color: #fff;
    }

    &:focus, &:active{
        outline: none;
        color: #fff;
        background-color: darken($cigna-orange, 10%);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    }
}



.via-nds .continue-btn.disabled-btn{
    background-color: $cigna-disabled-orange;
    color: #fff;
    cursor: not-allowed;
}

.error-message{
    color: $cigna-error-red;
    font-family: Value Sans Pro;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0;
}

.text-align-center{
    text-align: center !important;
}

//8px
.body-text-xx_small{
    @include cigna-body-font-styles(0.5rem, 1.5rem);
}

//10px
.body-text-x_small{
    @include cigna-body-font-styles(0.625rem, 1rem);
}

//14px
.body-text-small{
    @include cigna-body-font-styles(0.875rem, 1.25rem);
}

//16px
.body-text-normal {
    color: #333333;
    font-family: Value Sans Pro;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0;
    font-weight: 300;
}

.primary-auth input[type=text], .primary-auth input[type=password] {
    font-family: Value Sans Pro !important;;
    transition: border .1s linear, background-color .1s linear !important;;
    box-shadow: none !important;;
    display: inline-block !important;;
    
    line-height: 1.875rem !important;;
    min-height: calc(1.875rem + (1px * 2)) !important;;
    /* width: 482px; */
    /* height: 56px; */
    border-radius: 8px !important;;
    /* border: solid 1px #939496 !important;; */
    background-color: #ffffff !important;;
    margin-bottom: 1em !important;;
    padding: 14px 16px !important;;
}


.primary-auth input[type=text]:not(.o-form-has-errors > input), .primary-auth input[type=password]:not(.o-form-has-errors > input) {
border: solid 1px #939496 !important;;
}

.o-form-has-errors > input {border: solid 1px red !important}

#okta-sign-in .infobox, #okta-sign-in .infobox-md{
    border: none !important;
    border-radius: 0px !important;
}
#okta-sign-in .infobox{
    background-color: #ffe3e2 !important;
    padding: .5em !important;
    border-left: 3px solid #cc0000 !important;
    display: flex;
    width: 100%;
}
.infobox.infobox-error:before, #okta-sign-in .infobox-error:before, #okta-sign-in .infobox:before{
    background: none !important;
}
#okta-sign-in .help-wrap .infobox.infobox-error:before,#okta-sign-in .infobox-error:before,#okta-sign-in .infobox.infobox-subtle.infobox-error:before{background: none !important;}
#okta-sign-in .o-form-input-error .icon-16{
    left: -0.5px;
}
#okta-sign-in.auth-container .o-form-explain.okta-form-input-error{
    font-size: 12px;
    font-family: Value Sans Pro;
    color: #cc0000
}
#okta-sign-in .error-16:before,  #okta-sign-in .error-16-small:before{
    content: "";
} 
#okta-sign-in .infobox p{ margin-left: 0.75rem; color: #000; font-weight: bold;}

#okta-sign-in .o-form .input-fix, #okta-sign-in .o-form .textarea-fix {
    border: 0 !important;
}
#okta-sign-in.auth-container .link, #okta-sign-in.auth-container .link:active, #okta-sign-in.auth-container .link:hover, #okta-sign-in.auth-container .link:link, #okta-sign-in.auth-container .link:visited {
    font-family: $cigna-title-font;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #0170bc;
}
#okta-sign-in.auth-container .link.help.js-help{
    display:none;
}
#okta-sign-in ul.help-links, ul.help-links{
    display:block !important;
}
ul.help-links{
    margin: 0;
    padding: 0;
}
ul.help-links li{
    list-style-type: none;
    margin-top: 15px;
}
ul.help-links li:nth-child(1){
    margin-top: 0 !important;
}
ul.help-links li a, ul.help-links li a:active, ul.help-links li a:hover, ul.help-links li a:link, ul.help-links li a:visited{
    font-family: Value Sans Pro;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #0170bc;
    text-decoration: none;
}
ul.help-links li a:hover{
    text-decoration: underline;
}
#okta-sign-in.auth-container.main-container{
    box-shadow:none;
	font-family: Value Sans Pro;
}
.slds-theme--alert-texture{
    background: #0170bc;
    text-align: left;
}
.slds-hyphenate, .slds-p-around--medium{
    text-align: left !important;
}
.slds-modal__footer button button{
width: 165px;
}
.slds-button--brand{
    background: #0170bc !important;
}
.primary-auth .okta-form-title.o-form-head {
    display: none;
}

.primary-auth input[type=submit] {
    display: inline-block !important;
    font-size: 1rem !important;
    font-family: $cigna-body-font !important;
    padding: 0.5rem 1rem !important;
    border-radius: 0.5rem !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.2s ease 0s !important;
    border: none !important;
    outline: none !important;
    color: #fff !important;
    height: 48px !important;
    background-color: #F68622 !important;
    background: #F68622 !important;
    width: 183px !important;
    height: 48px !important;
    margin-bottom: 1em !important;
    line-height: normal !important;
}

#okta-sign-in .o-form .input-fix, #okta-sign-in .o-form .textarea-fix {
    height: 50px !important;
}
    
.primary-auth input[type=submit]:active, .primary-auth input[type=submit]:focus, .primary-auth input[type=submit]:active:focus{
    outline: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#okta-sign-in .focused-input, #okta-sign-in .link.help:focus {
    box-shadow: none;
}
    
.primary-auth input[type=submit]:hover{
    background-color: #F68622;
    color: #fff;
    cursor: pointer;
}

/* .auth-footer .help-links.js-help-links {
    display: block !important;
} */

.primary-auth input[type=submit]:focus,.primary-auth input[type=submit]:active{
    outline: none;
    color: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #F68622;
}

.primary-auth .okta-form-label.o-form-label {
    margin-bottom: 11px;
	font-weight: 500 !important;

}

.primary-auth .okta-form-label.o-form-label label {
    color: #333333;
    font-size: 0.875rem;
    font-weight: 00;
    letter-spacing: 0;
    line-height: 1.25rem;
    margin-right: .75rem;
    margin-bottom: 0.125rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

.primary-auth .okta-form-input-error.o-form-input-error.o-form-explain {
    font-family: Value Sans Pro;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0;
    margin-top: 0;
    color: red;
}

#okta-sign-in {
    margin: 0 !important;
    overflow: hidden !important;;
}

#okta-sign-in.auth-container.main-container {
    border: 0 !important;
}

#widget-container .okta-sign-in-header.auth-header{
    display: none !important;;
}

#okta-sign-in.no-beacon .auth-content {
    padding: 0 !important;
}

#okta-sign-in .visibility-16:before {
    content: "\e022";
    color: #a7a7a7;
}

#okta-sign-in .visibility-off-16:before {
    content: "\e0c3";
    color: #a7a7a7;
}

#okta-sign-in .o-form-button-bar, #okta-sign-in .o-form-toolbar, #okta-sign-in .o-form-toolbar.ui-tabs {
    text-align: left !important;;
}

#okta-sign-in .o-form-button-bar .button {
width : 100% !important;
font-family: Value Sans Pro !important;
}

#okta-sign-in .o-form-theme {
    padding-bottom: 0 !important;
}

@media only screen and (max-width: 600px) {
    .headline ,.body-text-medium, .body-text-normal  {
        max-width: 316px;
        margin: 10px auto;
        width: 100% !important;
    }
    
    .okta-custom-footer{
        max-width: 316px;
        width:100%;
        margin: 0 auto;
    }
}

//18px
.lead-text{
    @include cigna-body-font-styles(1.125rem, 2rem);
}

//22px
.body-text-medium{
    @include cigna-body-font-styles(1.375rem, 2rem);

    font-weight: 500;
    margin-bottom: 1.375rem !important;
}

.headline-uw, .headline{
    color: $cigna-black;
    font-family: $cigna-title-font;
    font-size: 40px !important;
    font-weight: 500;
    letter-spacing: -0.22px;
    line-height: 48px;
    margin-top: 0;
}

.body-text-medium {
    font-family: $cigna-title-font;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #333333;
}

.body-text-normal {
    color: #333333;
    font-family: Value Sans Pro;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0;
    font-weight: 300;
    width: 66%;
}

// Landing page styles


/* The Modal (background) */
#myDoal {

    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    z-index: 1;
    position:fixed;
    left:10%;
    top:10%;
  }
  
  /* The Close Button */
  .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

//18px
.lead-img-text{
    @include cigna-body-font-styles(1.125rem, 1.688rem, #FFFFFF);
}

.business-details-text{
    @include cigna-body-font-styles(1rem, 1.5rem);
    text-align: left;
    margin: 24px 0;
}

//36px
.lead-img-heading{
    @include cigna-body-font-styles(2.25rem, 2.688rem, #FFFFFF);
    text-align: center;
}

.lead-body-heading{
    @include cigna-body-font-styles(2.25rem, 2.688rem);
    text-align: center;
}

.business-details-heading{
    @include cigna-body-font-styles(2.25rem, 2.688rem);
    text-align: left;
    margin-bottom: 0.9rem;
}

// Heading
.headline-super {
  color: $cigna-black;
  font-family: $cigna-title-font;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.11;
  letter-spacing: -0.25px;

  @media screen and (min-width: 768px) {
    font-size: 2.875rem;
  }
}

// Claims Flow

.claim-block-heading {
    @include cigna-body-font-styles(1.25rem, 2.688rem);
    font-weight: 700 !important;;
    margin-top: 1rem !important;
}
// .via-nds .nds-rich-text-editor__output h1,
// .via-nds .nds-rich-text-editor__textarea h1 {
//     color: $cigna-black;
//   font-family: $cigna-title-font;
//   font-size: 2.25rem;
//   font-weight: 500;
//   line-height: 1.11;
//   letter-spacing: -0.25px;

//   @media screen and (min-width: 768px) {
//     font-size: 2.875rem;
//   }
// }

@media screen and (max-width: 767px) {
.via-nds .nds-block label[vlc-slds-toggle=toggle] ~ div[vlc-slds-toggle-cust-elem=visible] {
    padding-left: 0
}
}

@media screen and (max-width: 30em){
    .via-nds .display-none_30em{
        display:none;
    }
}

@media only screen and (min-width: 509px) and (max-width: 1120px) {
    .via-nds .continue-btn {
        height: 60px;
    }
}