/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, alert, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: Roboto, Lato, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, alert, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*---/ GLOBALS /---*/

html {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: white;
    height: 100%;
}

#page {
    margin: 0px auto 0 auto;
    border: 0;
    min-height: auto;
    background-color: white;
}

.header {
    margin: 0;
    /*    width: 99%;*/
    min-height: 55px;
    border-bottom: 4px solid #323130;
    vertical-align: middle;
    /*    padding-left: 4px;*/
    height: 50px;
}

.alert {
    margin: 0;
    width: 99%;
    text-align: center;
    vertical-align: middle;
    padding-left: 4px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-bottom: 0 !important;
}

.SystemAlertInfo {
    font-size: medium;
}

    .SystemAlertInfo a {
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
        color: #592D82;
    }

        .SystemAlertInfo a:hover {
            text-decoration: underline;
            color: #e60448;
        }

.logo {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    Height: 50px;
    padding-right: 5px;
}

strong {
    font-weight: bold;
}


/*---/ MENU /---*/

.menubtn {
    float: right;
    margin-top: 15px;
    margin-right: 5px;
}

.menu ul {
    font-size: 1em;
    margin-left: -155px;
    margin-top: 15px;
    padding: 0px;
    list-style: none;
    z-index: 1000;
}

    .menu ul li {
        display: block;
        position: relative;
        float: left;
    }

.menu li ul {
    display: none;
}

.menu ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-top: 1px solid #323130;
    background: #323130;
    white-space: nowrap;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
}

    .menu ul li a:hover {
        background: #323130;
    }

.menu li:hover ul {
    display: block;
    position: absolute;
}

.menu li:hover li {
    float: none;
    font-size: 1em;
}

.menu li:hover a {
    background: #6D6E71;
}

.menu li:hover li a:hover {
    background: #323130;
}



.main {
    margin: .7em;
    padding-bottom: 1em;
}

.main2 {
    margin: 25px 1em;
}

h1 {
    font-size: 1.2em !important;
    color: #323130 !important;
    margin: 0;
    font-weight: bold !important;
}

h2 {
    font-size: 1em !important;
    font-weight: bold !important;
    color: #323130 !important;
    margin-top: 0px;
}

p {
    font-size: 14px;
    color: black;
    line-height: 1.2em;
    margin: 1em 0px;
}

    p.home {
        font-size: 14px;
        color: white;
        font-weight: bold;
        line-height: 40px;
        margin: 0em 1em;
    }

    p.save {
        font-size: 14px;
        color: black;
        margin: .5em 0px .5em 0px;
    }

    p.note {
        font-size: 12px;
        color: black;
    }

    p.copy {
        font-size: 10px;
        color: #666666;
        margin: 0;
        text-align: right;
    }

    p.copyleft {
        font-size: 10px;
        color: #666666;
        margin: 0;
        text-align: left;
    }

.copyright {
    float: right;
    margin: 0 2.5% 0 0;
    padding-bottom: 1em;
}

p.extra_top {
    font-size: 14px;
    margin-top: 1.5em;
}

p.red {
    font-size: 14px;
    color: red;
}

.linkrow {
    font-weight: bold;
    color: #FFFFFF;
    line-height: 40px;
    display: block;
}

.center {
    text-align: center;
}

.indent {
    padding-left: 14px;
}

linkrow .user {
    font-size: 14px;
    font-weight: bold;
}

.address {
    margin-left: 2em;
}

a.home {
    color: white;
    text-decoration: none;
    border: none;
}

.red a {
    color: red;
}

#header {
    width: 100%;
    float: left;
    background-color: #323130;
    margin: 0px;
    padding: 0px;
    max-height: 50px;
    min-height: 50px;
}

#alert {
    width: 100%;
    float: left;
    background-color: #323130;
    margin: 0px;
    padding: 0px;
}

.forgot {
    font-size: .8em;
}

.selector {
    background-color: #4F2984;
    height: 40px;
    min-height: 40px;
    width: 99%;
    text-indent: 1em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
    /*    margin-left: 5%;*/
    margin-bottom: 20px;
    -moz-box-shadow: 0px 4px 3px -2px #888;
    -webkit-box-shadow: 0px 4px 3px -2px #888;
    box-shadow: 0px 4px 3px -2px #888;
}


hr {
    display: block;
    clear: both;
    margin: 5px 0 20px 0 !important;
    border: 1px solid #323130 !important;
    border-width: 1px 0 0 !important;
    font-size: 1px;
    line-height: 0;
    overflow: visible;
}

ol {
    list-style-type: decimal;
    margin: 0 0 0 2em;
}
ol li
{
    font-size: 14px;
    color: black;
}
ul li
{	
	padding-left: 0.5em;
	margin-left: 0em;
	}
.rounded-corners
{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.sup {
    font-size: .7em;
    vertical-align: super;
}


/*---/ FORM /---*/

.formRow {
    margin: 0 1em;
}

.input {
    border: 1px solid #323130;
    background: #E8E8E8;
    width: 12em;
    margin: 0px 5px 5px 0px;
}

input.textbox {
    border: 1px solid #323130;
    background: #E8E8E8;
    width: 12em;
    margin: 0px 5px 5px 0px;
}

.element_width {
    width: 12em;
}

/*---/ TABLE /---*/

table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 1em auto;
    border-collapse: collapse;
    empty-cells: show;
    height: 25px;
}

th {
    color: white;
    background-color: #4F2984;
    font-size: 12px;
    padding: 3px;
}

td {
    font-size: 12px;
    padding: 3px;
    color: #474747;
}

    td.left {
        border-bottom: 1px solid #C8C8C8;
        border-right: 1px solid #C8C8C8;
        text-align: left;
        padding: 0.5em;
        vertical-align: middle;
    }

    td.left_sm {
        border-bottom: 1px solid #C8C8C8;
        border-right: 1px solid #C8C8C8;
        text-align: left;
        padding: 0.5em;
        font-size: 0.8em;
    }

    td.middle {
        border-bottom: 1px solid #C8C8C8;
        border-right: 1px solid #C8C8C8;
        border-left: 1px solid #C8C8C8;
        padding: 0.5em;
        text-align: center;
    }

    td.middle_sm {
        border-bottom: 1px solid #C8C8C8;
        border-right: 1px solid #C8C8C8;
        border-left: 1px solid #C8C8C8;
        padding: 0.5em;
        text-align: center;
        font-size: 0.8em;
    }

    td.center {
        border-bottom: 1px solid #C8C8C8;
        border-right: 1px solid #C8C8C8;
        padding: 0.5em;
        text-align: center;
    }

    td.right {
        border-bottom: 1px solid #C8C8C8;
        border-left: 1px solid #C8C8C8;
        text-align: right;
        padding: 0.5em;
    }

    td.right_sm {
        border-bottom: 1px solid #C8C8C8;
        border-left: 1px solid #C8C8C8;
        text-align: right;
        padding: 0.5em;
        font-size: 0.8em;
    }

    td.right_center {
        border-bottom: 1px solid #C8C8C8;
        border-left: 1px solid #C8C8C8;
        text-align: right;
        padding: 0.5em;
        text-align: center;
    }

    td.leftlast {
        border-bottom: none;
        border-right: 1px solid #C8C8C8;
        text-align: left;
        padding: 0.5em;
    }

    td.middlelast {
        border-bottom: none;
        border-right: 1px solid #C8C8C8;
        border-left: 1px solid #C8C8C8;
        padding: 0.5em;
    }

    td.centerlast {
        border-right: 1px solid #C8C8C8;
        padding: 0.5em;
        text-align: center;
    }

    td.rightlast {
        border-bottom: none;
        border-left: 1px solid #C8C8C8;
        text-align: right;
        padding: 0.5em;
    }

    td.sub_left {
        background-color: #E8E8E8;
        text-align: center;
        border-bottom: 1px solid #C8C8C8;
        border-right: 1px solid #C8C8C8;
        padding: 0.5em 0.2em;
    }

    td.sub_right {
        background-color: #E8E8E8;
        text-align: center;
        border-bottom: 1px solid #C8C8C8;
        border-left: 1px solid #C8C8C8;
        padding: 0.5em 0.2em;
    }

    td.sub_middle {
        background-color: #E8E8E8;
        text-align: center;
        border-bottom: 1px solid #C8C8C8;
        border-left: 1px solid #C8C8C8;
        border-right: 1px solid #C8C8C8;
        padding: 0.5em 0.2em;
    }

    td.right_bold {
        text-align: right;
        border-bottom: 1px solid #C8C8C8;
        border-left: 1px solid #C8C8C8;
        text-align: right;
        font-weight: bold;
    }

    td.total {
        text-align: right;
        padding: 0.5em 0.3em;
        font-weight: bold;
        font-size: 1em;
        background-color: #e5eeff;
        border-top: 1px solid #C8C8C8;
    }

    td.total_left {
        text-align: right;
        padding: 0.5em 0.3em;
        font-weight: bold;
        font-size: 1em;
        background-color: #e5eeff;
    }

    td.total_right {
        text-align: right;
        padding: 0.5em 0.3em;
        font-weight: bold;
        font-size: 1em;
        background-color: #e5eeff;
        border-left: 1px solid #C8C8C8;
    }

.boxtop {
    vertical-align: top;
    padding: 0.5em;
    text-align: center;
    border-right: 1px solid #C8C8C8;
    width: 10%;
}

.boxtop_noborder {
    vertical-align: top;
    padding: 0.5em;
    text-align: center;
}

.boxmiddle {
    vertical-align: top;
    padding: 0.5em;
}

td.bcright {
    text-align: right;
    font-size: 0.8em;
    width: 75%;
    border-left: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
    padding: 0.3em;
}

td.bcleft {
    text-align: left;
    padding-left: 0.3em;
    font-size: 0.8em;
    width: 25%;
    border-bottom: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
    padding: 0.3em;
}

td.bcleft_last {
    text-align: left;
    padding-left: 0.3em;
    font-size: 0.8em;
    width: 25%;
    border-right: 1px solid #C8C8C8;
    padding: 0.3em;
}

td.bcright_last {
    text-align: right;
    padding-right: 0.3em;
    font-size: 0.8em;
    width: 75%;
    border-left: 1px solid #C8C8C8;
    padding: 0.3em;
}

td.first {
    text-align: left;
    padding: 0.5em;
    vertical-align: middle;
}

td.second {
    text-align: left;
    padding: 0.3em 0 1em 1em;
    border-bottom: 1px solid #C8C8C8;
}

td.second_last {
    text-align: left;
    padding: 0.3em 0 1em 1em;
}

td.single {
    text-align: left;
    padding: 0.5em;
    vertical-align: middle;
    border-bottom: 1px solid #C8C8C8;
}

td.second_ud {
    text-align: left;
    padding: 0.3em 0 1em 1em;
    border-bottom: 1px solid #C8C8C8;
    font-weight: bold;
}

td.second_udlast {
    text-align: left;
    padding: 0.3em 0 1em 1em;
    font-weight: bold;
}

.subLeft {
    background-color: #E8E8E8;
    text-align: left;
    border-bottom: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
    padding: 0.5em 0.2em;
    height: 5px;
    line-height: 100%;
    font-size: 0.8em;
}

.subRight {
    background-color: #E8E8E8;
    text-align: right;
    border-bottom: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
    padding: 0.5em 0.2em;
    line-height: 100%;
    font-size: 0.8em;
}

.subMiddle {
    background-color: #E8E8E8;
    text-align: center;
    border-bottom: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
    padding: 0.5em 0.2em;
    line-height: 100%;
    font-size: 0.8em;
}

.leftsm {
    border-bottom: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    text-align: left;
    padding: 0.5em;
    font-size: 0.8em;
}

.middlesm {
    border-bottom: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    padding: 0.5em;
    text-align: center;
    font-size: 0.8em;
}

.rightsm {
    border-bottom: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    text-align: right;
    padding: 0.5em;
    font-size: 0.8em;
}

.DGColumn {
    border-bottom: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    text-align: center;
    padding: 0.3em;
    font-size: 0.8em;
}

.profileTxt {
    text-align: right;
    font-size: 100%;
    font: inherit;
}

.hiddencol {
    display: none;
}

.selectorResources {
    background-color: #323130;
    height: 40px;
    min-height: 40px;
    width: 100% !important;
    text-indent: 1em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 2px;
}

.linkStyle {
    text-decoration: none;
}

    .linkStyle:hover {
        color: Red;
        text-decoration: none;
    }

    .linkStyle:visited {
        color: Blue;
        text-decoration: none;
    }

.standardButton {
    cursor: pointer;
    display: inline-block;
    margin: 5px 2px 5px 2px;
}

.standardLeft {
    background-image: url(../Styles/Image/log_in_button.png);
    background-repeat: no-repeat;
    background-position: left top;
    min-width: 100px;
    display: inline-block;
}

.standardRight {
    background-image: url(../Styles/Image/log_in_button.png);
    background-repeat: no-repeat;
    background-position: right top;
    text-align: center;
    margin-left: 15px;
    border-collapse: collapse;
    padding-right: 15px;
}

.standardCenter {
    background-image: url(../Styles/Image/log_in_button.png);
    background-repeat: repeat-x;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
}

.standardLink {
    font-size: 1em;
    font-weight: bold;
    color: white;
    text-decoration: none;
    vertical-align: middle;
}

    .standardLink:hover {
        color: white !important;
        text-decoration: none;
    }

.standardButton {
    border: solid 4px rgba(89,44,130,1);
    background-color: #4F2984 !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    font-size: 16px !important;
    display: inline-block;
}

    .standardButton:hover {
        background-color: #117fc2;
    }

    .standardButton[disabled="disabled"], .standardButton[disabled="disabled"]:hover {
        background-color: #a8a8a8;
        cursor: default;
    }

    .standardButton a {
        display: inline-block;
        margin: 5px 2px 5px 2px;
    }

.standardLeft, .standardRight, .standardCenter {
    background-image: none;
}

.standardLeftDisabled, .standardRightDisabled, .standardCenterDisabled {
    background-image: none;
}

.standardRight {
    margin-left: 11px;
    padding-right: 11px;
}

.BoldMediumLabelBlue {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    color: #3B3B3B;
}

.BoldSmallLabelBlue {
    font-size: 14px !important;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    color: #3B3B3B !important;
}

.BoldSmallLabelBlue_mb {
    display: inline-flex;
}

.label {
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    color: #3B3B3B;
}

.PageTitleText {
    color: #323232;
    padding-top: 0px !important;
}

.RegularSmallLabel {
    font-size: 14px;
    color: #3B3B3B;
}

.BoldSmallerLabel {
    font-size: 14px;
    font-weight: bold;
    color: #3B3B3B;
}

.BoldSmallerLabelRed {
    font-size: 12px;
    font-weight: normal;
    color: #d80443;
}

.BoldMediumLabelRed {
    font-size: medium;
    font-weight: bold;
    color: #d80443;
}

.BoldMediumLabel {
    font-size: 20px; /*font-weight: bold;*/
    color: #3B3B3B;
}

.PageTitleText {
    color: #323232;
    padding-top: 0px !important;
}

.labelGrey {
    margin-bottom: 0.25rem;
    color: #3B3B3B;
}

.PageTitleText {
    font-size: 36px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    margin-right: 10px;
    margin-top: 10px;
    padding-bottom: 15px;
}

.standardLink {
    font-size: 16px;
    font-weight: normal;
    color: white;
    text-decoration: none;
    vertical-align: middle;
}

.radioLabel label {
    margin-left: 0.5rem !important;
    font-weight: normal !important;
    font-size: 1rem !important;
    color: #3B3B3B;
    margin-bottom: 0.5rem;
    white-space: normal;
}

.standardButton[disabled="disabled"] {
    border: solid 4px #8361A1 !important;
    background-color: #8361A1 !important;
    font-size: 16px !important;
    color: #ffffff;
    cursor: default;
}

.DropDownListStyle {
    font-size: 11px;
    font-style: normal;
    background-color: White;
    color: #566E96;
    height: 22px;
    width: 150px;
}

.PageTitleText {
    color: #323130;
    padding-top: 0px !important;
}

.DeviceIdentificationTable td {
    white-space: nowrap;
}

.GridEmptySyle {
    border: none;
}

/*.GridHeaderStyle, .GridRowStyle, .GridAltRowStyle, .GridSelectedRowStyle {
    border-left: solid 1px #dcdcdc;
}
*/

/*.LastColumn {
    border-right: solid 1px #dcdcdc !important;
    padding-right: 0px !important;
}

.LastColumn .text {
    margin-left: .25rem;
    margin-right: .25rem;
    font-size: 1rem !important;
}
*/
/*.GridHeaderStyle, .GridHeaderStyle th {
    font-weight: 600;
    font-size: 12px;
    padding-left: 0.25rem;
}

.GridRowStyle, .GridRowStyle td, .GridFooterRowStyle, .GridFooterRowStyle td {
    font-size: 12px;
    padding-left: 0.25rem;
    padding-top: 1.2px;
    vertical-align: baseline;
    color: #474747;
    background-color: #FFFFFF;
}
*/
.impsection_mb {
    line-height: 1.2em !important;
    font-size: 14px;
}

.DivCobraJustifyStyle {
    text-align: left;
}

.scrollable_list {
    width: 100%;
    height: 300px;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #ccc;
}

.bulletpoints_mb {
    list-style-type: disc;
    list-style-position: inside;
}

ul.bulletpoints_mb li {
    margin-bottom: 13px;
}

th.plannamecol_mb {
    width: 250px;
}

.GridAltRowStyle, .GridAltRowStyle tr {
    background-color: #F6F6F6;
}

.pl-4 {
    border-left: none;
}

.TotalPremium {
    min-width: 100px;
}

/*.GridRowStyle td div label {
    display: inline-block;
    max-width: 50ch !important;
    padding-left: 0px;
}
.GridRowStyle td div input {
    margin-right: 0.25rem !important;
}
.GridAltRowStyle td div input {
    margin-right: 0.25rem !important;
}
.GridAltRowStyle, .GridAltRowStyleNoline td {
    border: solid 1px #dcdcdc !Important;
}
*/
.GridFooterStyle {
    border-top: solid 1px #4F2984 !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    font-size: 12px;
    font-weight: normal;
    color: #4F2984;
    white-space: nowrap;
}

.GridPagerStyle {
    border: none !important;
    font-size: 12px;
    font-weight: normal;
}

.GridFooterStyle a {
    margin-left: 2px;
    margin-right: 2px;
}

.GridItemLabelStyle {
    text-align: right;
    color: #566E96;
}

.GridItemCurrencyStyle {
    /*text-align: right;*/
    /*text-align: left;*/
    /* color: #566E96;*/
}

.GridItemDateStyle {
    text-align: center;
    color: #566E96;
}

.GridItemClaimIdStyle {
    text-align: left;
    vertical-align: top;
    color: #566E96;
}

.GridItemShortStyle {
    font-size: 10px;
    color: black;
    text-align: left;
}

.GridItemNoBorder td {
    border: none !important;
}

.SubHeadLabelStyle {
    margin-top: 0px;
    display: inline-block;
    font-weight: bold;
    color: #3B3B3B;
}

.widthAuto {
    width: auto;
}

div .less-padding-bottom {
    padding-bottom: 0.3rem !important;
}

#GoPaperlessTileContainer {
    width: 84%;
    border-radius: 5px;
    margin-left: 5%;
    border: 1px solid #dcdcdc;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    padding: 10px;
    position: relative;
    z-index: 1;
}

.paperless-header-mb {
    padding-left: 20px;
    display: flex;
    font-size: 23px !important;
}

.paperless-data-mb b {
    font-weight: bold;
}

.paperless-data-mb {
    margin-top: .5rem !important;
    flex-wrap: wrap;
    color: #323232;
    font-size: 14px;
    line-height: 1.4;
}

.btn-secondary-mb {
    font-size: 14px;
    border: 1.5px solid #008094;
    border-radius: 5px;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    color: #008094;
    border-color: #008094;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 17px;
    background-color: transparent !important;
}

    .btn-secondary-mb:hover {
        color: white;
        background-color: #006a7d !important;
        border-color: #006a7d;
        box-shadow: 0 0 .2rem #00aac6;
    }


.linkbutton_paperlesstile_mb a {
    color: #008094;
}

.linkbutton_paperlesstile_mb {
    font-size: 14px;
    margin-top: 20px;
}

@font-face {
    font-family: 'Tyrian';
    src: url('/App_Themes/Common/_fonts/Tyrian.eot?np538e');
    src: url('/App_Themes/Common/_fonts/Tyrian.eot?np538e#iefix') format('embedded-opentype'), url('/App_Themes/Common/_fonts/Tyrian.woff2?np538e') format('woff2'), url('/App_Themes/Common/_fonts/Tyrian.ttf?np538e') format('truetype'), url('/App_Themes/Common/_fonts/Tyrian.woff?np538e') format('woff'), url('/App_Themes/Common/_fonts/Tyrian.svg?np538e#Tyrian') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="hqy-"], [class*=" hqy-"] {
    font-family: 'Tyrian' !important;
    speak-as: never;
    font-size: inherit;
    font-size: 120%;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    top: .075em;
    /* Better Font Rendering =========== 
    -webkit-font-smoothing: antialiased;*/
    -moz-osx-font-smoothing: grayscale;
}

.hqy-close:before {
    content: "\e961";
}


.hqy-check:before {
    content: "\e94f";
}


.form-radio {
    margin: 0.5rem 0;
}

    .form-radio.form-radio-inline {
        display: inline-block;
    }

    .form-radio input[type="radio"] {
        display: inline;
        visibility: visible !important;
        opacity: 0 !important;
    }

        .form-radio input[type="radio"]:checked + label:before {
            border-color: #3B3B3B;
            animation: ripple 0.5s linear forwards;
        }

        .form-radio input[type="radio"]:disabled + label:before {
            border-color: #afafaf;
        }

        .form-radio input[type="radio"]:checked + label:after {
            transform: scale(1);
        }

    .form-radio label {
        display: inline-block;
        height: 1.25rem;
        position: relative;
        padding: 0 1.5rem;
        margin-bottom: 0;
        cursor: pointer;
        vertical-align: bottom;
        font-size: 1rem;
        color: #3B3B3B;
        font-weight: 400;
    }

        .form-radio label.disabled {
            color: #afafaf;
        }

        .form-radio label:before,
        .form-radio label:after {
            position: absolute;
            content: '';
            border-radius: 50%;
            transition: all 0.5s ease;
            transition-property: transform, border-color;
        }

        .form-radio label:before {
            left: 0;
            top: 1px;
            width: 1.25rem;
            height: 1.25rem;
            border: 2px solid rgba(0, 0, 0, 0.66);
        }

        .form-radio label:after {
            top: .375rem;
            left: 5px;
            width: 10px;
            height: 10px;
            transform: scale(0);
            background: #008094;
        }

    .form-radio input[type="radio"]:checked:disabled + label:after {
        background: #afafaf;
        border: none;
    }

.form-radio-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

.form-radio-switch {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem;
    overflow: hidden;
}

    .form-radio-switch input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .form-radio-switch label {
        background-color: transparent;
        color: #008094;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1;
        text-align: center;
        padding: .375rem .75rem;
        border: 1px solid #008094;
        border-left: none;
        transition: all 0.1s ease-in-out;
    }

        .form-radio-switch label:hover {
            cursor: pointer;
        }

    .form-radio-switch input:checked + label {
        background-color: #008094;
        color: white;
        box-shadow: none;
    }

    .form-radio-switch label:first-of-type {
        border-radius: .25rem 0 0 .25rem;
        border-left: 1px solid #008094;
    }

    .form-radio-switch label:last-of-type {
        border-radius: 0 .25rem .25rem 0;
    }

.callout-card {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #dcdcdc;
    border-left-color: #592c82;
    border-left-width: 1px;
    border-left-width: .375rem;
    border-radius: .25rem;
    background-color: #fff;
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 0.04);
}

.collapsePanelHeader {
    color: white;
    font-size: 16px;
    margin-bottom: 6px;
    background-color: #4F2984;
    padding-top:3px;
    padding-bottom:3px;
    padding-right:2px;
}

.collapsePanel {
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: white;
    border-width: 1px;
    border-color: #595959;
    clear: both;
    color: #595959;
}

.collapsePanelHeader-mb {
    color: white;
    font-size: 16px;
    margin-bottom: 0px;
    background-color: #4F2984;
    padding: 3px;
}

.walkme-icon-image-div {
    text-decoration: underline;
    font-family: Roboto, Lato, sans-serif;
    color: Blue;
    font-weight: normal;
}

td p a {
    color: #008094;
    text-decoration: none;
}

.collapsePanel b {
    font-weight: bolder;
    font-size: 14px;
}


.hideWebCases {
    display: none;
}

.client-message {
    font-size: 1rem;
    text-align: left !important;
}

td .bgcolor-none {
    background-color: unset !important;
    vertical-align: baseline !important;
    text-decoration: unset;
    align-self: baseline;
    float: right;
    display: block;
    margin-top: 1.5rem;
}

.wd-6 {
    width: 4rem !important;
    padding: unset !important;
}

.small-close {
    font-size: small !important;
    padding: .2rem;
}

.btn-top {
    vertical-align: top;
    padding: .1rem 1.3rem .1rem .1rem !important;
}

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

.no-border {
    border: unset !important;
}

.w-98-mb {
    width: 98% !important;
}

.hqy-success:before {
    content: "\ea69";
}

.hqy-success-alt:before {
    content: "\ea6a";
}

.hqy-warning:before {
    content: "\ea96";
}

.hqy-warning-alt:before {
    content: "\ea97";
}

.hqy-reset:before {
    content: "\ea3e";
}

.hqy-question-circle:before {
    content: "\ea34";
}

.hqy-question-circle-alt:before {
    content: "\ea35";
}

.hqy-minus-circle:before {
    content: "\ea01";
}

.hqy-minus-circle-alt:before {
    content: "\ea02";
}

.hqy-error:before {
    content: "\e993";
}

.hqy-error-alt:before {
    content: "\e994";
}

.text-red {
    color: #d80443;
}

.no-bottom-mb {
    margin-bottom: 1px !important;
}

.balancefontsize {
    font-size: 1em !important;
}

td .InputBoxMB {
    margin-left: 1px;
    width: 70%;
    height: 90%;
    vertical-align: middle;
    margin-top: 1px;
    border: black solid 1px;
}

.matchHeight {
    height: 62% !important;
}

.AchStatus {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px !important;
    position: absolute !important;
    color: #FFFFFF;
    top: auto !important;
}

.AchStatusIcon {
    font-family: 'Tyrian' !important;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 13px !important;
    position: absolute !important;
    color: #FFFFFF;
    top: auto !important;
}

.AchStatusIconMargin {
    margin: -9px 0px 0px 45px;
}

.AchStatusMargin1 {
    margin: -9px 0px 0px 0px;
}

.AchStatusMargin {
    margin: -9px 0px 0px 60px;
}

.text-white-mb {
    color: rgb(255 255 255 );
}

.p-4-mb {
    padding: 1rem;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

.txtGray-mb {
    color: #595959;
    font-size: 10px;
    margin: 1em 0px !important;
}

.fontsize10-mb {
    font-size: 10px;
    color: -webkit-link;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.gap-4-mb {
    gap: 1rem;
}

.justify-between-mb {
    justify-content: space-between;
}

.flex-row-mb {
    flex-direction: row;
}

.flex-mb {
    display: flex;
}

.flex-col-mb {
    flex-direction: column;
}

.heqimage-mb {
    content: url(../../App_Themes/HQY/Images/healthequitylogo-purple.svg);
}

.wizardTitle {
    color: #FFFFFF;
    background-color: #595959;
}

    .wizardTitle > .seperator {
        border-left: 1px solid #ffffff;
    }

.stepNotCompleted {
    background-color: #4F2984;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    border: solid 1px #595959;
}

.stepCurrent {
    background-color: #00aac6;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 14px !important;
    border: solid 1px #595959;
}

.stepCompleted {
    background-color: #006878 !important;
    font-weight: bold;
    border: none;
    color: #FFFFFF;
    border: solid 1px #595959;
}

.wizardHeader {
    background-color: #117fc2;
    /* border: none; */
    font-size: 0.9em;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.stepText {
    margin: .10rem .10rem !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.stepCurrent > .stepText {
    margin: .10rem .10rem !important;
}

.scrollable-div {
    overflow: auto
}

.row_mb_margin {
    margin-left: 0px !important;
}

.RegularTextGrey {
    line-height: 1.2rem;
    color: black !important;
    font-size: 14px !important;
}

.panelwithgrid > div:nth-child(1) {
    overflow: auto;
}

.check-agree {
    display: flex;
    align-items: flex-start;
}

    .check-agree > input {
        border: 1px solid red !important;
        margin-left: 18px !important;
        margin-top: 5px !important;
    }

    .check-agree > label {
        margin-left: 3px !important;
        margin-right: 10px !important;
        font-size: 14px;
    }


ul.rblmedicare label {
    font-size: 14px !important;
    display: inline-block;
    margin-bottom: .2rem !important;
}

.no-plans-forecolor > td {
    color: red !important;
}

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

.scrollable_list_padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.lblIndividual {
    display: flex;
    align-items: flex-start;
}

    .lblIndividual > label {
        margin-top: 0px !important;
        margin-left: 3px !important;
    }

.mb-support-link {
    font-weight: bold !important;
    color: #474747 !important;
}

.mb-iframe-height {
    height: 450px !important;
}

.oeOL {
    margin: 0 0 0 1em !important;
}



/* Tooltip Container */

.website-tooltip {
    width:fit-content;
    position: relative;
    display: flex;
    justify-content: center;
    cursor: pointer;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    color: #666;
    background-color: #eee; /* added just to show where the clickable areas are */
}



    .website-tooltip .website-tooltiptext {
        visibility: hidden;
        max-width: 350px;
        font-family: Roboto, Lato, sans-serif;
        font-size: 13px;
        line-height: 14px;
        background-color: #FFFFFF;
        color: #666;
        text-align: left;
        padding: 11px 15px 11px 15px !important;
        border-radius: 3px;
        box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.5);
        /* Position the tooltip text */
        position: absolute;
        z-index: 9;
        top: 100%;
        margin: 0px 0px 0px 0px;
    }


.website-tooltiptext-visible .website-tooltiptext {
    visibility: visible;
    display: block;
}
.spaceup-mob {
    margin-top: 0.7rem;
}

.spaceup-mob04rem {
    margin-top: 0.4rem;
}

.spacebottom-mob {
    margin-bottom: 5px;
}

.spaceleft-mob {
    margin-left: 5px;
}

.paddingLeft2 {
    padding-left: 2px;
}
b, strong {
    font-weight: bolder;
}

.mailAddrSpan {
    display: inline-flex;
    text-align: left;
    color: #212529 !important;
}

.paddingLeft20 {
    padding-left: 20px !important
}

.lineheight16 {
    line-height: 1.6 !important;
}