/* CSS Document */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 110px;
    text-rendering:optimizeSpeed;
}

button, input, optgroup, select, textarea {
    font-family: lato,sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

a {
    text-decoration: none;
    color: #428bca;
}

    a:hover, a:focus {
        color: #2a6496;
        text-decoration: underline;
    }


td a:not([href]):not([tabindex]):focus, td a:not([href]):not([tabindex]):hover {
    color: #0082c8 !important;
    text-decoration: none;
}

td a, td a:visited {
    color: #0082c8;
    text-decoration: none;
}

a:visited {
    color: #428bca;
    text-decoration: underline;
}

h1, .h1, h2, .h2 {
    margin-top: 25px;
    margin-bottom: 10px;
}

ul {
    list-style: outside;
    padding: 0;
    margin: 0;
}

.post ul li.related-posts {
    list-style-type: none;
}

.k-grid tbody tr {
    height: auto;
}

.navbar {
    margin-bottom: 0;
    padding: 0px;
}

.navbar {
    background: #ffffff;
    border-bottom: 1px solid #dbdbdb;
}

.navbar-brand {
    height: auto;
    margin: 10px 0;
    padding: 7px 15px 7px 0px;
}


.top-menu {
    padding-right: 0;
    margin-top: 0px !important;
}

    .top-menu ul.nav > li + li:before {
        content: "|";
        float: left;
    }

    .top-menu ul.nav > li:last-child a {
        padding-right: 0;
    }

    .top-menu ul.nav > li.welcome span {
        padding-left: 15px;
    }

    .top-menu ul.nav > li a {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 15px;
    }

        .top-menu ul.nav > li a.welcome-name {
            background: none;
            display: inline-block;
            padding-left: 2px;
        }

        .top-menu ul.nav > li a:hover {
            background: none;
            text-decoration: none;
        }

.navbar-nav {
    margin: 0px auto;
    display: inline-block;
}

.navbar-collapse {
    flex-basis: auto;
}

.navbar-nav > li {
    float: left;
    padding: 5px;
}

.nav > li {
    position: relative;
    display: block;
}

.top-menu ul > li a {
    padding-top: 0;
    padding-bottom: 0;
}

.top-menu ul > li a {
    color: #707070;
}

.top-menu ul > li:last-child a {
    padding-right: 0;
}


.top-menu ul > li a {
    padding-top: 0;
    padding-bottom: 0;
}



.caret {
    margin-left: 5px;
}

.fa {
    margin-right: 5px;
}

    .fa:hover {
        text-decoration: none;
    }

.glyphicon {
    margin-right: 5px;
}

    .glyphicon:hover {
        text-decoration: none;
    }

.page-header {
    margin: 20px 0 10px;
    border: 0;
}

.breadcrumb-block .breadcrumb {
    margin-bottom: 0;
}

.breadcrumb > li + li:before {
    content: ">";
}

a.dropdown-toggle {
    border-radius: 5px;
    padding: 3px 20px 3px 3px;
    text-decoration: none;
}

.breadcrumb-block .dropdown {
    margin-top: 4px;
}

.breadcrumb .dropdown-menu show {
    transform: none !important;
}

.breadcrumb-block .dropdown .dropdown-toggle .caret {
    left: -20px;
    position: relative;
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb-block {
    background: #f6f6f6;
    border-top: none !important;
    border-bottom: 1px solid #d9d9d9;
}

.card {
}

.card-title {
    font-weight: bold;
}

    .card-title .glyphicon {
        color: #fff;
    }

.panel-heading .navbar-form {
    margin: 0;
}

.panel-heading h3 {
    margin-top: 5px;
}

.title-button {
    margin-left: 10px;
}

.menu:before {
    content: none !important;
}

.menu button {
    border: 0;
    border-radius: 0;
    padding: 8px 12px !important;
}

.menu .dropdown-menu {
    border-radius: 0;
    margin: 0;
    padding: 0;
}

    .menu .dropdown-menu > li > a {
        line-height: 38px;
        padding-left: 53px;
        background: url('../images/sprite.png') no-repeat 11px 10px;
    }

    .menu .dropdown-menu > li:first-child > a {
        border-top: 0;
    }

.card-heading .input-group .form-control {
    border-right: 0;
}

.dropdown-header {
    padding: 3px 10px;
    font-weight: bold;
}

.dropdown-menu > li > a {
    background: url('../images/sprite.png') no-repeat 11px 10px;
    padding-left: 22px;
}

.form-group .dropdown-menu {
    width: 100%;
}

.form-group .dropdown-toggle:hover {
    text-decoration: none;
}

.form-group {
    font-size: 14px;
    margin-bottom: 25px;
}

.panel-form {
    padding-top: 10px;
}

.action .glyphicon {
    font-size: 14px;
    margin-left: 5px;
}

    .action .glyphicon:first-child {
        margin-left: 0;
    }

.action-icon {
    position: relative;
}

.box-top-arrow {
    position: absolute;
    right: 14px;
    top: 29px;
    display: none;
}

.open .box-top-arrow {
    display: block;
}

ul.list {
    margin-left: 35px;
}

.disclaimer-box ul.list {
    margin-left: 14px;
}

.action-list {
    min-width: unset !important;
    top: 34px;
}

    .action-list > li > a {
        background: none;
        padding-left: 10px;
    }

.sub-title {
    padding-left: 14px;
    font-size: 14px;
    font-weight: bold;
}

.caret {
    float: right;
    margin-top: 8px;
}

.button-block {
    xmargin-top: 40px;
    xmargin-bottom: 10px;
}

.button-block {
    xmargin-top: 10px;
    xmargin-bottom: 10px;
}

    .button-block .btn {
        margin-left: inherit;
    }

    .button-block button {
        margin-left: 14px;
        margin-bottom: 14px;
        /*text-transform: uppercase;*/
    }

    .button-block > .btn + .btn, .mleft {
        margin-left: 10px;
    }

.breadcrumb {
    padding: 8px 15px 8px 0;
}

.btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #ffffff;
}

.pagination {
    margin: 10px 20px;
}

.pagination-arrow {
    margin: 2px 20px 10px;
}

.pagination-info {
    margin: 10px 20px;
    line-height: 30px;
}

.accordion-menu .glyphicon {
    margin-top: 10px;
}

.card-title .accordion-menu .glyphicon {
    margin-top: 2px;
}

.accordion-menu .glyphicon-chevron-down {
    display: none;
}

.accordion-toggle .glyphicon-chevron-down {
    display: none;
}

.collapsed .glyphicon-chevron-down {
    display: block;
    float: left;
}

.collapsed .glyphicon-chevron-up {
    display: none;
}

.info-link {
    list-style: none;
    font-size: 40px;
}

    .info-link li {
        display: inline-block;
    }

        .info-link li a .glyphicon {
            color: #3e6177;
        }

.k-filter {
    font-size: 10px;
}

    .k-filter:hover {
        text-decoration: none;
    }

.RadioGroup label {
    font-weight: normal;
}

.show1, .hide1 {
    color: #fff;
    margin-right: 4px;
    font-weight: normal;
    width: 50px;
}

.accordion-menu .show1 {
    display: none;
}

.accordion-toggle .show1 {
    display: none;
}

.prospect-head-link .show1,
.prospect-head-link .hide1 {
    margin-top: 7px;
}

.collapsed .show1 {
    display: block;
}

.collapsed .hide1 {
    display: none;
}

.disclaimer-box h1 {
    margin-top: 0px;
}

.k-grid-header .k-header .k-link:hover {
    text-decoration: none;
}

.k-grid-content {
    margin-bottom: 20px;
}

.btn-info1 {
    border-color: #ccc #ccc #ccc -moz-use-text-color !important;
    border-image: none !important;
    border-style: solid solid solid none !important;
    border-width: 1px 1px 1px 0 !important;
    color: #fff;
}

    .btn-info1:hover {
        background: #fff !important;
        border-color: #ccc #ccc #ccc -moz-use-text-color !important;
        border-image: none !important;
        border-style: solid solid solid none !important;
        border-width: 1px 1px 1px 0 !important;
    }
/*Forgot Us*/
.button-row {
    margin: 0px 0px 10px 0px;
}

    .button-row button {
        margin: 0px 0px 0px 10px;
    }

    .button-row a span {
        margin: 0px 0px 0px 8px;
    }

.disp-block {
    display: block;
}

.modal-header.alert {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
}

    .modal-header.alert .close {
        opacity: 1;
        text-shadow: none;
    }

        .modal-header.alert .close:hover {
            opacity: 0.8;
        }

.modal-header.alert-success {
    border: none;
}

.modal-header .close {
    margin: 2px 0px 0px 0px;
    padding: 0.6rem
}

p.msg-note a {
    text-decoration: underline;
}

.button-row .btn-no-offset {
    margin: 0;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: 0;
}

#MainMenu > li {
    position: relative;
}

    #MainMenu > li > a {
        position: relative;
        z-index: 9;
    }

    #MainMenu > li > .dropdown-level2 {
        display: none;
        width: 340px;
        position: absolute;
        padding: 25px;
        right: 185px;
        top: 0;
        position: absolute;
        border-radius: 2px 0 0 2px;
        z-index: 8;
    }

    #MainMenu > li:hover > .dropdown-level2 {
        display: block;
    }

    #MainMenu > li > .dropdown-level2 > div {
        min-width: 130px;
        display: inline-block;
        vertical-align: top;
    }

        #MainMenu > li > .dropdown-level2 > div.FirstBlock {
            margin-right: 20px;
        }

    #MainMenu > li > .dropdown-single-row {
        width: 270px;
        padding: 15px 25px;
    }

    #MainMenu > li > .dropdown-level2 > div > ul > li {
        list-style: none;
        padding-bottom: 10px;
    }

    #MainMenu > li > .dropdown-level2 > div > span {
        padding-left: 11px;
        font-size: 14px;
        font-weight: bold;
    }

    #MainMenu > li > .dropdown-level2 > div > ul {
        padding: 15px 0px 0px 0px;
    }

    #MainMenu > li > .dropdown-single-row > div > ul {
        padding: 5px 0px 0px 0px;
    }

    #MainMenu > li > .dropdown-level2 > div > ul > li > a {
        padding: 3px 20px 3px 22px;
    }

.mandatory-fields {
    padding-left: 15px;
    color: #058bd4;
    margin-top: 10px;
}

.panel-form h2 {
    margin-top: 10px;
    padding-left: 15px;
}

.table tr:hover, table tr:hover {
    background: none;
    background-color: transparent;
}

.k-grid table tr {
    border-bottom: 1px solid #ddd !important;
}

    .k-grid table tr:hover {
        background: none;
        background-color: transparent;
    }

table tr.k-alt:hover:nth-child(even), .table tr.k-alt:hover:nth-child(even), table tr.k-alt:hover:nth-child(odd), .table tr.k-alt:hover:nth-child(odd) {
    background-color: #f5f8fb;
}

table tr:hover:nth-child(even), .table tr:hover:nth-child(even) {
    background-color: transparent;
}

.k-grid {
}

#collapseNonvolntaryDental .k-grid.k-widget {
    border: 1px solid #dadcdf;
    overflow-x: hidden;
}

.k-grid.k-widget {
    border: 0px;
}

.k-filter-row th, .k-grid-header th.k-header {
    border-width: 0 0 0px 1px;
}

.k-icon, .k-column-menu .k-sprite {
    opacity: 0.8;
}

.k-button:hover {
    color: #2e2e2e;
    border-color: #a99f9a;
    background-color: #a99f9a;
}

.k-state-selected, .k-button:active {
    background: #0082c8 !important;
    border-color: #ddd;
    color: #ffffff;
}

.k-filter-menu .k-button {
    width: 48%;
    margin: .6em 4% 0 0;
}

.k-grid-header .k-header {
    border-bottom: 0;
    border-top: 0;
    font-weight: bold;
    white-space: inherit;
    word-wrap: break-word;
}

    .k-grid-header .k-header a {
        color: #5c5c5c !important;
    }

.k-grid table {
    border-collapse: collapse;
}

.k-pager-wrap,
.k-grid-pager {
    background: #fff;
    border: 0;
    float: right;
}

    .k-pager-wrap .k-icon {
        background-image: none !important;
    }

div.k-grid-header, div.k-grid-footer {
    border: 0 none;
}

.k-pager-numbers .k-link {
    border-radius: 0;
    padding: 2px 6px;
}

.k-pager-numbers .k-state-selected {
    border-radius: 0;
    padding: 5px 6px;
}

.k-grid .k-pager-numbers, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    margin-right: 0;
}

.k-pager-wrap > .k-link {
    border-radius: 0;
}

.k-pager-wrap {
    line-height: 21px;
}

.k-pager-numbers .k-link:hover {
    padding: 2px 6px;
}

.k-pager-numbers {
    margin: 0;
}

.k-pager-wrap > .k-link {
    margin: 0;
    line-height: 26px;
    height: 28px;
    padding-top: 2px;
}

.datepicker table tr:nth-child(even), .datepicker .table tr:nth-child(even) {
    background: #ffffff;
    border-bottom: none !important;
}

table tr:nth-child(even), .table tr:nth-child(even) {
    background-color: none;
    border-bottom: none;
}

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: #f5f8fb;
}


.k-pager-wrap .k-icon, .k-pager-wrap .k-sprite, .k-pager-wrap .k-editor-button .k-tool-icon {
    background: url('../images/pagination-sprite.png') no-repeat;
}

.k-pager-wrap .k-i-seek-w {
    background-position: 0 4px;
}

.k-pager-wrap .k-i-arrow-w {
    background-position: 5px -55px;
}

.k-pager-wrap .k-i-seek-e {
    background-position: 0 -30px;
}

.k-pager-wrap .k-i-arrow-e {
    background-position: 5px -85px;
}

.k-pager-wrap > .k-link {
    margin: 0;
    border-left: 0;
}

.k-pager-wrap .k-link:first-child {
    border-left: 1px solid #c5c5c5;
}

.k-pager-wrap li .k-link {
    border-left: 0 !important;
}

.tick .glyphicon {
    color: #63b002;
}

.tick-remove .glyphicon {
    color: #f9bb82;
}

.k-grid-header-wrap, .k-grid-footer-wrap,
.k-grid-header .k-header {
    overflow: inherit;
}

.k-grid-header .k-link > .k-icon {
    float: left;
    left: 0;
    position: absolute;
    text-align: left;
    top: 7px;
    vertical-align: top;
}

.k-grid-header .k-link {
    padding-left: 14px;
    padding-right: 2.4em;
    position: relative;
}

.k-grid-header .k-header .k-link {
    padding: .5em .6em .4em 1.0em;
}

.k-grid-header .k-header .k-grid-filter {
    margin-left: 1px;
}

.k-pager-info {
    line-height: 31px;
}

.modal .large {
    width: 80%;
    /* respsonsive width */
}

#tabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 5px;
}

    #tabs li {
        float: left;
    }

    #tabs a {
        display: block;
        padding: 7px 30px 7px 10px;
        text-decoration: none;
    }

    #tabs li.active a {
        background-position: right -56px;
    }

    #tabs li:hover a {
        background-position: right -106px;
    }

    #tabs a span.step-number {
        display: inline-block;
        width: 28px;
        height: 28px;
        border-radius: 20px;
        text-align: center;
        line-height: 25px;
        margin-right: 13px;
    }

    #tabs a:focus {
        outline: 0;
    }

.tab-container .addclient-panel {
    border-radius: 5px;
    margin: 20px 0px 20px 0px;
    padding: 10px 0px 0px 0px;
}

.innercontent-tab {
    display: none;
}
/*Radio Button*/
.RadioGroup > label {
    margin-right: 13px;
    cursor: pointer;
    font-weight: normal;
}

    .RadioGroup > label input {
        margin-right: 5px;
    }

    .RadioGroup > label > span {
        margin-right: 5px;
    }

.custom-radio {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 3px;
}

    .custom-radio.selected {
        background-position: 0 0;
    }

    .custom-radio input[type="radio"] {
        margin: 1px;
        position: absolute;
        z-index: 2;
        cursor: pointer;
        outline: none;
        opacity: 0;
        top: 0px;
        width: 14px;
        height: 14px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }

.addclient-button-row {
    margin: 0px;
    padding: 10px;
}

    .addclient-button-row > button > span {
        margin: 0px 0px 0px 8px;
    }

        .addclient-button-row > button > span.glyphicon-chevron-left {
            margin: 0px 8px 0px 0px;
        }

    .addclient-button-row > button,
    .addclient-button-row > a {
        margin: 0 0 0 10px;
    }

        .addclient-button-row > button.lft-nooffset, .lft-nooffset {
            margin: 0 !important;
        }

.addclient-panel .panel {
    box-shadow: none;
    border: none;
}

.addclient-panel label {
    font-weight: normal;
}

.addclient-panel .panel-form {
    padding: 0;
}

input.pdt-number {
    width: 100px;
}

.top-offset-zero {
    margin-top: 0;
    font-size: 24px;
}

.panel-split-table {
    border: 0 none;
    margin-right: 1%;
    padding: 0;
    width: 49%;
}

    .panel-split-table + .panel-split-table {
        border: 0 none;
        margin-right: 0;
        width: 50%;
    }
/*default tab*/
.DefaultTab a:focus {
    outline: none;
}

.tab-content label {
    font-weight: normal;
}

.tab-wrapper {
    border-radius: 0px 5px 5px 5px;
    margin: -1px 0px 20px 0px;
    padding: 10px 0px 0px 0px;
}

.DefaultTab {
    margin-top: 20px;
}

.nav-tabs {
    border: none;
}

.col-no-offset {
    padding: 0;
}

.nav-tabs > li > a {
    margin: 0;
    border-left: 1px solid transparent;
}

    .nav-tabs > li > a:hover {
        border-left: 1px solid transparent;
    }

div.filled-value {
    margin-top: 7px;
}
/*Contribution*/
.step-wrapper {
    background: #fff;
    border: 1px solid #dbdbdd;
    margin-bottom: 15px;
    border-radius: 5px;
}

.infographic-block {
    padding: 15px 0px;
}

    .infographic-block ul.infographic-wrapper {
        background: #dbeef9;
        border: 1px solid #add2e6;
        border-radius: 5px;
        margin: 0px;
    }

        .infographic-block ul.infographic-wrapper > li {
            list-style: none;
            padding: 32px;
            display: inline-block;
            vertical-align: top;
            width: 49%;
            min-height: 198px;
        }

            .infographic-block ul.infographic-wrapper > li:first-child {
                border-right: 1px solid #add2e6;
            }

            .infographic-block ul.infographic-wrapper > li span.infographic-icon {
                background: url(../images/contribution-sprite.png) no-repeat;
                display: inline-block;
                cursor: default;
            }

            .infographic-block ul.infographic-wrapper > li span.premium-icon {
                background-position: -1px 1px;
                height: 52px;
                width: 42px;
                cursor: default;
            }

            .infographic-block ul.infographic-wrapper > li span.employer-icon {
                background-position: -1px -53px;
                height: 47px;
                width: 39px;
                cursor: default;
            }

            .infographic-block ul.infographic-wrapper > li span.sharedemployer-icon {
                background-position: -1px -555px;
                height: 47px;
                width: 39px;
            }

            .infographic-block ul.infographic-wrapper > li span.earning-icon {
                width: 58px;
                height: 48px;
                background-position: -3px -111px;
                cursor: default;
            }

            .infographic-block ul.infographic-wrapper > li span.penalty-icon {
                width: 55px;
                height: 49px;
                background-position: -3px -176px;
                cursor: default;
            }

            .infographic-block ul.infographic-wrapper > li span.infographic-amount {
                color: #3e6177;
                font-size: 24px;
                display: block;
                /*text-align: left;*/
                cursor: default;
            }

            .infographic-block ul.infographic-wrapper > li span.infographic-text {
                color: #3e6177;
                font-size: 12px;
                display: block;
                /*text-align: left;*/
                cursor: default;
            }

            .infographic-block ul.infographic-wrapper > li span.sharedemployer-icon {
                background-position: -1px -555px;
                height: 47px;
                width: 39px;
                cursor: default;
            }


.left-no-offset {
    padding-left: 0px;
}

.infographic-block ul.infographic-wrapper2 > li span.infographic-icon {
    float: left;
    width: 56px;
    height: 52px;
}

.infographic-block ul.infographic-wrapper2 > li span.infographic-text {
    font-size: 18px;
    float: left;
    padding-left: 10px;
    padding-top: 8px;
}

.infographic-block ul.infographic-wrapper2 > li span.infographic-amount {
    font-size: 18px;
    float: left;
    padding-left: 10px;
    padding-top: 8px;
    font-weight: bold;
}

.infographic-list-block {
    margin-top: 15px;
}

    .infographic-list-block:first-child {
        margin-top: 0px;
    }

.infographic-block ul.infographic-wrapper2 > li {
    width: 100%;
    padding: 32px;
    border-right: 0 !important;
}

.infographic-block ul.infographic-wrapper-left > li {
    min-height: 295px;
}

.infographic-block ul.infographic-wrapper3 > li {
    height: 99px;
    min-height: unset;
    padding: 26px 0;
}

    .infographic-block ul.infographic-wrapper3 > li:first-child {
        border-bottom: 1px solid #add2e6;
    }

.amount-calculator-wrapper {
    background: none;
    border: none;
    border-radius: 5px;
    margin-bottom: 0px;
    padding: 15px 0px 0px;
}

    .amount-calculator-wrapper label {
        color: #3e6177;
        font-size: 14px;
    }

    .amount-calculator-wrapper .input-hint {
        color: #777878;
        font-size: 12px;
        margin-top: 8px;
    }

.misc-icons {
    background: url(../images/misc_icons.png) no-repeat;
    display: inline-block;
    margin-right: 10px;
}

.icon-calc {
    background-position: 0px 2px;
    padding: 0px 0px 0px 22px;
}

.employee-assignments {
    background-position: 0px -55px;
    padding: 0px 0px 0px 29px;
}

.change-plan {
    background-position: 0px -25px;
    padding: 0px 0px 0px 24px;
}

.btn-left-offset, .left-offset-15 {
    margin-left: 15px;
}

.top-offset-25 {
    margin-top: 25px;
}

.bottom-offset {
    margin-bottom: 15px;
}

.required {
    color: #f31e2e;
}

.progress-offset {
    margin: 7px 0px 0px 0px;
    border: 1px solid #d9d9d9;
}

.progress-bar {
    background-color: #AAB1B8;
}

.top-offset-15 {
    padding-top: 15px;
}

.zero-bottom-offset {
    margin-bottom: 0px;
}

.custom-radio {
    margin: 0px 5px 0px 0px;
}

.unit-radio-wrapper label {
    font-size: 18px;
    font-weight: normal;
    color: #646565;
}

.bottom-splitter {
    padding: 15px;
    border-top: 1px solid #dbdbdd;
}

.form-control-radio {
    margin-bottom: 5px;
}

.additional-details-filter {
    xposition: relative;
    xtop: 50px;
}

.additional-details-filter-login {
    top: 0;
}

.additional-details-filter {
    display: inline-block;
    margin: 0px auto;
    width: 100%
}

    .additional-details-filter .btn {
        margin: 0;
        border-radius: 0;
    }

.additional-details-filter-login-a {
    position: relative;
    top: 50px;
}

.additional-details-filter .btn:first-child {
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.additional-details-filter .btn:first-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.additional-details-filter .btn:last-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.additional-details-filter-login-a .btn:first-child {
    xborder-bottom-left-radius: 0px !important;
    xborder-top-left-radius: 0px !important;
}

.additional-details-filter-login-a .btn:last-child {
    xborder-bottom-right-radius: 0px !important;
    xborder-top-right-radius: 0px !important;
}

.additional-details-filter1 {
    top: 0px;
}

    .additional-details-filter1 .btn:first-child {
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }

    .additional-details-filter1 .btn:last-child {
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }

.eligibility-date input[type=text] {
    display: inline-block;
    width: 50px;
}

.eligibility-date .dropdown {
    display: inline-block;
    width: auto;
}

.total-records {
    margin: 10px 0px;
    cursor: default;
}

.k-grid table {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal
}

    .k-grid table tbody tr {
        cursor: pointer;
    }

.left-btn-space {
    margin-left: 10px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}

    #footer nav ul > li + li:before {
        content: "|";
        float: left;
        line-height: 48px;
    }

    #footer nav ul > li a {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 48px;
    }

        #footer nav ul > li a:hover {
            background: none;
        }

.info-table td {
    font-weight: bold;
    font-size: 16px;
}

    .info-table td span {
        display: block;
        font-weight: normal;
        font-size: 14px;
    }

.clear-padding {
    padding: 0;
}

.clear-margin {
    margin: 0 !important;
}

.clear-padding + .clear-padding {
    padding-left: 15px;
}

.edit-accordion .fa {
    color: #fff;
    font-weight: normal;
}

.edit-accordion {
    margin-right: 10px;
    font-weight: normal;
}
/*Hack*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}



.no_contribution {
    border-top: solid 1px #ccc;
    padding: 15px 0px;
    position: relative;
    bottom: 0px;
    width: 100%;
    left: 0px;
    text-indent: 30px;
}

.amount-calculator-wrapper label {
    color: #3e6177;
}

.amount-calculator-wrapper label {
    font-size: 14px;
}

.addbdr.k-grid.k-widget {
    border: 1px solid #ccc;
}
/*Privacy-popup*/

.modal-body ul {
    padding: 0px 0px 9px 18px;
}

/*Plandetails-popup*/

.modal-body h3.logotitle {
    color: #058bd4;
    text-align: center;
}

.tagline1 {
    color: #00afe6;
    text-align: center;
    border-bottom: solid 1px #CCC;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.tagline2 {
    color: #fd7b00;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.top-logopart {
    display: block;
    width: 275px;
    margin: 0px auto 0px auto;
}

.summary-plan {
    text-align: center;
    font-size: 18px;
}

.plans-text-main {
    width: 100%;
    color: #423434;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    overflow: hidden;
    display: block;
}

    .plans-text-main .icon-area-outer {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        border: solid 2px #9c9c9c;
        cursor: pointer;
        color: #fff;
        float: left;
    }

    .plans-text-main .icon-area {
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        border: solid 2px #fff;
        vertical-align: top;
        background-color: #8b8b8b;
        text-align: center;
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        color: #fff;
    }

        .plans-text-main .icon-area p {
            padding: 0px 0px 0px 0px;
            margin: 0px;
            line-height: 11px;
            font-size: 10px;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            color: #fff;
        }

    .plans-text-main .icon-area-outer:hover {
        border-color: #33bee5;
    }

        .plans-text-main .icon-area-outer:hover .icon-area, .inner-container .icon-area-outer:hover .icon-area {
            background-color: #33bee5;
        }

    .plans-text-main .text-area {
        display: flex;
        padding-left: 20px;
        vertical-align: middle;
    }

.proposal-generation-list {
    margin-top: 10px;
    margin-bottom: 4px;
}

    .proposal-generation-list ul {
        padding-left: 16px;
    }

.proposal-generation-checkbox {
    margin-top: 25px !important;
    margin-left: 15px !important;
}

#myModalplandetails #grdProspectInfo_new tr td {
    border: none;
}

#myModalplandetails #grdProspectInfo_new {
    border: 1px solid #d3d3d3;
}

.table-head-check-box {
    margin-top: 6px;
}

.disclaimer-box {
    background: none repeat scroll 0 0 #dbeef9;
    border: 1px solid #add2e6;
    margin-bottom: 10px;
    padding: 10px;
}

.print-block {
    margin-bottom: 10px;
}

.date-picker {
    background: url('../images/icon-calendar.png') no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin-top: -26px;
    position: absolute;
    right: 21px;
    width: 17px;
}

.date-picker1 {
    margin-top: -30px;
}

.head-padding-left {
    padding-left: 15px;
}

.show-all {
    margin-top: 10px;
}

.align-center {
    text-align: center !important;
}

/*User Management*/

.user-management {
    padding: 25px 20px 5px;
    margin-top: 10px;
}

.user-management-search {
    padding-top: 15px;
}

.user-management-grid .panel-heading h3 {
    float: left !important;
}

.user-management-control .btn span {
    background: url("../images/user_management_control.png") no-repeat;
    display: inline-block;
    height: 17px;
    width: 16px;
    position: relative;
    top: 2px;
}

    .user-management-control .btn span.trash {
        background-position: 0px -60px;
    }

    .user-management-control .btn span.reset_pass {
        background-position: 0px -34px;
    }

    .user-management-control .btn span.lock_unlock {
        background-position: 0 -6px;
    }

.user-management-action-item a {
    background: url("../images/user_management_action_item.png") no-repeat;
    display: inline-block;
    height: 21px;
    width: 26px;
}

.user-management-action-item .edit {
    background-position: 0px -7px;
}

.user-management-action-item .delete {
    background-position: 0px -45px;
}

.user-management-action-item .file_info {
    background-position: 0 -79px;
}


/*Assigning Roles  Edit User*/
.assignedgroup-list {
    margin-bottom: 10px;
}

    .assignedgroup-list > strong {
        margin-right: 20px;
        font-size: 18px;
        font-weight: normal;
    }

    .assignedgroup-list > span {
        font-size: 14px;
    }

.border-top {
    padding-top: 15px;
}

.listgroup-roles {
    border-radius: 5px 5px 4px 4px;
}

.list-group-item {
    margin-bottom: 0px;
}

.list-group-item {
    border: none;
}

    .list-group-item:last-child {
        border-radius: 0;
        margin-bottom: -1px;
    }

    .list-group-item:first-child {
        cursor: default;
    }

.listgroup-controls button {
    padding: 6px;
    margin-bottom: 11px;
}

    .listgroup-controls button span {
        width: 14px;
        height: 14px;
        display: block;
    }

        .listgroup-controls button span.right-arrow {
            background-position: 0px -3px;
        }

        .listgroup-controls button span.left-arrow {
            background-position: 0px -24px;
        }

        .listgroup-controls button span.rightall-arrow {
            background-position: 0px -51px;
        }

        .listgroup-controls button span.leftall-arrow {
            background-position: 0px -81px;
        }

.alignmiddle {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.permission_table {
    border-radius: 5px;
    border-color: 1px solid #ccc;
}

    .permission_table .k-header {
        background: #058BD4;
        padding: 15px;
        position: relative;
    }

        .permission_table .k-header a {
            color: #fff;
        }

    .permission_table th {
        border-left: 1px solid #DDDDDD !important;
    }

        .permission_table th:first-child {
            border-left: none !important;
        }

    .permission_table td {
        background: #dbeef9 !important;
    }

    .permission_table .k-grid-header, .permission_table .k-grid-content {
        overflow: hidden;
        padding: 0px;
    }

        .permission_table .k-grid-header th:first-child {
            border-top-left-radius: 5px;
        }

        .permission_table .k-grid-header th:last-child {
            border-top-right-radius: 5px;
        }

table.default-table {
    border-collapse: collapse;
    width: 100%;
    border-radius: 5px;
}

    table.default-table tr th {
        font: bold 13px Arial;
        padding: 9px 11px;
        text-align: left;
    }

    table.default-table tr td {
        padding: 10px 11px;
        font: normal 14px Arial;
    }

    table.default-table .block-btn {
        display: block;
    }

    table.default-table .align-text-center {
        text-align: center;
    }

    table.default-table .offset15 {
        margin-top: 15px;
    }

.hide-ondesktop {
    display: none;
}

.info-icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/info-icon.png) no-repeat;
    vertical-align: top;
    margin-right: 10px;
}

.plandetail-logo {
    margin-bottom: 15px;
}

col.span-25 {
    width: 25%;
}

table.border-free.default-table {
    border: 1px solid #dadcdf;
}

    table.border-free.default-table tr td {
        border: none;
    }

.bolded-text {
    font-weight: bold;
}

table.border-free.default-table tr td.bordered-cell {
    border-right: 1px solid #dadcdf;
}

.custom-modal .modal-dialog {
    width: 900px;
}

@media only screen and (max-width: 1023px) {
    .list-group-item-heading {
        font-size: 15px;
    }

    .top-offset-25.div-plan-employee-change {
        width: 100%;
        display: block;
        clear: both;
        margin-top: 0;
    }

    .div-plan-employee-change .float-right {
        float: left;
    }

    .top-offset-25.div-plan-employee-change > span {
        float: left;
    }

        .top-offset-25.div-plan-employee-change > span.btnChangePlans {
            padding-left: 15px;
        }
}

/*User Management*/

.user-management {
    padding: 25px 20px 5px;
    margin-top: 10px;
}

.user-management-search {
    padding-top: 15px;
}

.user-management-control .btn span {
    background: url("../images/user_management_control.png") no-repeat;
    display: inline-block;
    height: 17px;
    width: 16px;
    position: relative;
    top: 2px;
}

    .user-management-control .btn span.trash {
        background-position: 0px -60px;
    }

    .user-management-control .btn span.reset_pass {
        background-position: 0px -34px;
    }

    .user-management-control .btn span.lock_unlock {
        background-position: 0 -6px;
    }

.user-management-action-item a {
    background: url("../images/user_management_action_item.png") no-repeat;
    display: inline-block;
    height: 21px;
    width: 26px;
}

.user-management-action-item .edit {
    background-position: 0px -7px;
}

.user-management-action-item .delete {
    background-position: 0px -45px;
}

.user-management-action-item .file_info {
    background-position: 0 -79px;
}


/*Assigning Roles  Edit User*/

.border-top {
    border-top: 1px solid #dbdbdd;
    padding-top: 15px;
}

.listgroup-roles {
    min-height: 165px;
    border: 1px solid #ddd;
    border-radius: 5px 5px 4px 4px;
}

.list-group-item {
    margin-bottom: 0px;
}

.list-group-item {
    border: none;
    border-bottom: 1px solid #ddd;
}

    .list-group-item:last-child {
        border-bottom: 1px solid #ddd;
        border-radius: 0;
        margin-bottom: -1px;
    }

    .list-group-item:first-child {
        background: #058BD4 !important;
        cursor: default;
    }

    .list-group-item:nth-of-type(even) {
        background: #ffffff;
    }

    .list-group-item:nth-of-type(odd) {
        background: #f5f8fb;
    }

.listgroup-controls button {
    background: #f5f8fb;
    padding: 6px;
    margin-top: 11px;
}

    .listgroup-controls button span {
        width: 14px;
        height: 14px;
        background: url(../images/listcontrol_arrow.png) no-repeat;
        display: block;
    }

        .listgroup-controls button span.right-arrow {
            background-position: 0px -3px;
        }

        .listgroup-controls button span.left-arrow {
            background-position: 0px -24px;
        }

        .listgroup-controls button span.rightall-arrow {
            background-position: 0px -51px;
        }

        .listgroup-controls button span.leftall-arrow {
            background-position: 0px -81px;
        }

.list-group-item-heading {
    line-height: 24px;
}

.permission_table {
    border-radius: 5px;
    border-color: 1px solid #ccc;
}

    .permission_table .k-header {
        background: #058BD4;
        padding: 20px 15px;
        position: relative;
    }

        .permission_table .k-header a {
            color: #fff;
        }

    .permission_table th {
        border-left: 1px solid #DDDDDD !important;
    }

        .permission_table th:first-child {
            border-left: none !important;
        }

    .permission_table td {
        background: #dbeef9 !important;
    }

.editable-input select.form-control, .editable-input input.form-control {
    max-width: 100%;
    margin-bottom: 10px;
    width: 100%;
}

.WaivedReason.editable.editable-click {
    text-decoration: underline !important;
    margin-left: 5px !important;
    border-bottom-style: none;
    border-bottom: 0;
}

.editableform .glyphicon {
    margin-right: 0;
}

@media (max-width: 1024px) {
    .k-edge .k-pager-numbers .k-link {
        text-align: center;
    }

    #planViewRates .grid-act-btn {
        position: relative;
        top: -10px !important;
        left: 5px !important;
    }

    .k-grid.k-widget + button.pagination-arrow {
        clear: both;
        display: block;
    }

    .dropdown-menu, .dropdown-menu > li > a, .dropdown-menu > li {
        list-style: none !important;
        min-width: 230px;
    }

    .modal .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: right !important;
        margin-left: 10px;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .modal .modal-dialog .grid-act-btn {
        top: 0px;
        margin-top: 14px;
        margin-left: 0px;
    }

    /*.k-edge .k-grid .k-pager-numbers, .k-ff .k-grid .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-safari .k-grid .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers {
  	    position: absolute;
        left: 4.3em;
        top:3px;
    }
    
     .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
        position: absolute;
        top: 0.2rem;
    }    
     .modal .k-edge .k-grid .k-pager-numbers, .modal .k-ff .k-grid .k-pager-numbers, .modal .k-ie11 .k-grid .k-pager-numbers, .modal .k-safari .k-grid .k-pager-numbers, .modal .k-webkit .k-grid .k-pager-numbers {
  	    position: absolute;
        left: 4.3em;
        top:3px;
    } 

    .modal .k-grid.k-widget .k-pager-wrap.k-grid-pager .k-pager-nav + .k-pager-numbers {
        position: absolute;
       
    }*/

    .td-ht75 {
        height: 75px;
    }


    /* Force table to not be like tables anymore */
    .k-grid-content table,
    .k-grid-content thead,
    .k-grid-content tbody,
    .k-grid-content th,
    .k-grid-content td,
    .k-grid-content tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .k-grid-content thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .k-grid-content tr {
        border: 1px solid #ccc;
        margin: 10px;
    }

    .k-grid-content td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align: left;
    }



        .k-grid-content td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
            overflow: hidden;
        }

    #hsaHeader .k-grid-content td {
        padding: 10px !important;
    }

        #hsaHeader .k-grid-content td.kradio {
            text-align: center !important
        }

    .k-detail-row {
        display: block;
    }

        .k-detail-row .k-detail-cell {
            padding-left: 20% !important;
        }



    /*
	Label the data
	*/
    .k-grid-content td:before {
        content: attr(data-title);
        text-overflow: ellipsis;
    }

    .k-grid-header {
        display: none;
    }
    /*Assigning Roles  Edit User*/
    .mobile-listbox-40 {
        width: 40%;
    }

    .mobile-listbox-10 {
        width: 15%;
        text-align: center !important;
        padding: 0 1%;
    }

        .mobile-listbox-10 button {
            display: block;
            left: 50%;
            margin-left: -13px;
            position: relative;
        }

    .alignmiddle {
        display: inline-block;
        vertical-align: middle;
    }

    .listgroup-controls button {
        margin-top: 0px;
    }


    .mobile-listbox-10 {
        width: 15%;
        text-align: center !important;
        padding: 0 1%;
    }

        .mobile-listbox-10 button {
            display: block;
            left: 50%;
            margin-left: -13px;
            position: relative;
        }

    .listgroup-controls button {
        margin-top: 0px;
    }

    .permission_table {
        padding-left: 0px !important;
    }

        .permission_table .k-grid-content tr {
            margin: 0px;
        }

    .align-controls {
        margin-top: 0;
    }

    .hide-onmobile {
        display: none;
    }

    .hide-ondesktop {
        display: block;
    }

        .hide-ondesktop colgroup {
            width: 100%;
        }

            .hide-ondesktop colgroup col {
                width: 50%;
            }

    .info-table,
    .info-table thead,
    .info-table tbody,
    .info-table th,
    .info-table td,
    .info-table tr {
        display: block;
    }

    .alignmiddle {
        display: block;
    }

    .emp_cost_analysis.infographic-block ul.infographic-wrapper, .emp_cost_analysis.infographic-block ul.infographic-wrapper > li, .carousel-inner > .item {
        display: block;
        height: auto;
    }


    .tick, .tick-remove {
        margin: 0px auto;
    }

    .nav-tabs li {
        text-align: center
    }

    .infographic-block ul.infographic-wrapper > li {
        display: block;
        min-height: unset;
        width: 100%;
    }

    .infographic-wrapper2 {
        margin-left: 15px;
    }

    .slider.slider-horizontal .slider-tick-label-container {
        white-space: nowrap;
        max-width: 186px;
        margin-top: 20px;
    }

    .slider.slider-horizontal {
        width: 186px;
        height: 20px;
    }
}

@media only screen and (max-width: 480px) {

    /* Force table to not be like tables anymore */
    .info-table,
    .info-table thead,
    .info-table tbody,
    .info-table th,
    .info-table td,
    .info-table tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .info-table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .info-table tr {
            border: 1px solid #ccc;
            margin: 10px;
        }

        .info-table td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 5% !important;
            white-space: normal;
            text-align: left;
        }

            .info-table td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
            }

            /*
	Label the data
	*/
            .info-table td:before {
                content: attr(data-title);
            }

    .k-grid-header {
        display: none;
    }

    .infographic-block ul.infographic-wrapper > li {
        display: block;
        min-height: unset;
        width: 100%;
    }

    .infographic-wrapper2 {
        margin-left: 15px;
    }
}

@media (min-width: 768px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        width: auto;
    }
}

@media (max-width: 1024px) {
    .k-edge .k-pager-numbers .k-current-page .k-link,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ff .k-pager-numbers .k-current-page .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ie11 .k-pager-numbers .k-current-page .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-safari .k-pager-numbers .k-current-page .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-webkit .k-pager-numbers .k-current-page .k-link,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        background-color: #0082c8 !important;
        background-image: none;
        border-color: #dddddd !important;
        line-height: 1.94rem;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
        color: #ffffff;
        text-align: center
    }

    .k-pager-wrap > .k-link > .k-icon {
        margin-top: 0px;
        position: relative;
        top: 0px;
    }

    .ng-scope .k-pager-wrap > .k-link > .k-icon {
        margin-top: 0px;
        position: relative;
        top: 5px;
    }

    .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: left;
    }

    .k-webkit ul.k-pager-numbers .k-current-page .k-link {
        background-color: #0082c8 !important;
        border-color: #ddd;
        color: #ffffff;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        line-height: 1.95rem;
        text-align: center;
        width: auto;
    }


    .k-webkit .k-pager-numbers + .k-link {
        margin-left: 2.4rem
    }

    .modal .k-webkit .k-pager-numbers + .k-link {
        margin-left: 3.2rem
    }

    .ng-scope .k-webkit .k-pager-numbers + .k-link {
        margin-left: 3.2rem
    }

    .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .grid-act-btn {
        position: relative;
        top: -3px;
    }

    tr.kendo-data-row td {
        padding-left: 0px !important
    }

    .infographic-block ul.infographic-wrapper > li:first-child {
        border-bottom: 1px solid #add2e6;
        border-right: none;
    }

    .ng-scope .k-webkit .k-pager-numbers + .k-link {
        margin-left: 2rem;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .ajax-loaderSetUp {
        margin-left: 20% !important;
        width: 75% !important;
    }

    .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
        position: absolute;
        top: 0.8rem;
    }
}

@media (max-width: 960px) {
    .breadcrumb-block .breadcrumb > li {
        display: none;
    }

        .breadcrumb-block .breadcrumb > li:first-child {
            display: block;
        }
}

@media (min-width: 320px) and (max-width: 767px) {

    .edit-accordion .edittext {
        display: none !important;
    }

    .ajax-loaderSetUp {
        margin-left: 10% !important;
        width: 75% !important;
    }

    .navbar-brand {
        padding: 10px 0;
    }

    .cuswid90p {
        width: 90%;
    }

    .lblQuest_mlbl {
        vertical-align: top;
        padding-top: 6px;
    }

    .grid-act-btn {
        position: relative;
        top: 0px;
        left: 10px;
    }

    #hsaHeader .k-grid.k-widget {
        overflow-x: scroll !important
    }

    .top-menu ul.nav > li + li:before {
        content: "";
        float: left;
    }

    .navbar-nav {
        margin: 0px auto;
        display: flex;
        width: 100%;
    }

    .navbar-toggle {
        background-color: #058bd4 !important;
        position: relative;
        float: right;
        padding: 8px 12px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        top: 4px;
        right: 0px;
    }

        .navbar-toggle .icon-bar {
            background: #fff;
        }

    .breadcrumb-block .breadcrumb > li {
        display: none;
    }

        .breadcrumb-block .breadcrumb > li:first-child {
            display: block;
        }

    .title-button {
        height: 32px;
        overflow: hidden;
        padding: 2px 6px;
        width: auto;
    }

    .table-head-check-box {
        float: left !important;
    }

    .card-heading h3 {
        float: left !important;
        margin-bottom: 10px;
        display: inline-block;
    }

    .card-heading .navbar-form {
        float: left;
        border: 0px;
    }

    .navbar-collapse {
        background: none repeat scroll 0 0 #058bd4;
        position: absolute;
        right: 30px;
        top: 60px;
        z-index: 9999;
    }

    .top-menu ul > li {
        color: #fff !important;
        padding-left: 7px !important;
    }

        .top-menu ul > li a {
            color: #fff !important;
            line-height: 26px;
            padding-left: 0;
            padding-right: 10px;
        }

            .top-menu ul > li .fa,
            .top-menu ul > li a .fa {
                color: #fff !important;
            }

        .top-menu ul > li + li:before {
            content: "";
            float: left;
        }

    .top-menu .navbar-nav {
        margin: 10px 0;
    }

    .top-menu ul > li.welcome span {
        padding-left: 0;
        color: #fff;
    }

    #MainMenu > li > .dropdown-level2 {
        display: block;
        position: static;
        width: 250px;
    }

    #footer nav ul > li + li:before {
        content: "";
        line-height: normal;
    }

    #footer nav ul > li a {
        line-height: 24px;
    }

        #footer nav ul > li a.nav-link {
            padding-left: 0px;
        }

    .k-pager-wrap {
        margin-left: 15px;
    }

    .k-pager-numbers li + li + li + li {
        display: none;
    }

    .k-pager-info {
        float: left;
        padding-left: 0;
        width: 100%;
    }

    .infographic-wrapper2 {
        margin-left: 0;
    }

    .additional-details-filter {
        top: 0;
    }

        .additional-details-filter .btn {
            width: 100%;
        }

            .additional-details-filter .btn:first-child {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
            }

            .additional-details-filter .btn:last-child {
                border-bottom-left-radius: 0;
                border-top-left-radius: 0;
            }

    .page-header-login {
        padding: 10px !important;
    }

    .login-info-graphic {
        display: none;
    }

    .show1,
    .hide1 {
        display: none !important;
    }

    #tabs a {
        background: none !important;
    }

    .prospect-head-link {
        margin-top: -37px;
    }

    .align-center {
        text-align: left !important;
    }

    .infographic-wrapper-phone {
        margin-top: 10px;
    }

    .infographic-block ul.infographic-wrapper > li span.infographic-text {
        text-align: left;
    }

    #frmContributionContent .infographic-block ul.infographic-wrapper > li span.infographic-text {
        text-align: center;
    }

    #frmContributionContent .infographic-block ul.infographic-wrapper {
        margin-top: 10px !important;
    }




    .mpr-0 {
        padding-right: 0 !important;
    }

    .mpl-0 {
        padding-left: 0 !important;
    }

    .infographic-block ul.infographic-block-phone > li span.infographic-icon {
        display: none;
    }

    .btn-primary {
        white-space: unset;
    }

    .btn {
        margin-bottom: 5px !important;
    }

    .custom-tfaccord .accordion .card-header:after, .custom-tfaccord .accordion .card-header.collapsed:after {
        top: 0px;
    }

    .additional-details-filter {
        display: inline-block;
        margin: 0px auto;
        width: 100%
    }

        .additional-details-filter .btn {
            margin: 0;
            border-radius: 0;
            width: 100%;
            margin-bottom: 5px !important;
        }




            .additional-details-filter .btn:first-child {
                xborder-bottom-right-radius: 0px !important;
                xborder-top-right-radius: 0px !important;
            }

            .additional-details-filter .btn:last-child {
                border-bottom-left-radius: 0px !important;
                border-top-left-radius: 0px !important;
            }
}

@media only screen and (max-width: 479px) {
    /*Assigning Roles  Edit User*/
    .list-group-item-heading {
        font-size: 15px;
    }

    .k-chart {
        position: static !important;
    }

    .listgroup-roles {
        min-height: 178px;
    }

    .mobile-listbox-10 button {
        margin-left: -14px;
    }

    #frmContributionContent .infographic-block ul.infographic-wrapper > li {
        height: 180px !important;
        padding: 20px 10px;
    }

    .btn {
        padding: 0.2rem 0.5rem;
    }
}

/*Employee Coverage*/

.inner-table-container {
    display: none;
}

    .inner-table-container > td {
        padding: 0 !important;
        border: 0 !important;
    }

    .inner-table-container table > tbody > tr > td:first-child {
        text-align: center;
    }

    .inner-table-container input[type="checkbox"] {
        margin-right: 3px;
    }

.checkbox-grid {
    width: 20px;
    display: inline-block;
}

.k-grid.table-arrow table tbody tr {
    cursor: default;
}

.k-grid.table-arrow .k-alt {
    background: #f5f8fb;
}

.k-alt1 table > tbody > tr > td {
    background: #f5f8fb;
}

.inner-table-container table > tbody > tr:last-child > td {
    border-bottom: 0;
}

.inner-table-container table > tbody > tr:first-child > td {
    border-top: 0;
}

.k-grid.table-arrow table > tbody > tr.k-alt1:last-child > td {
    border-bottom: 1px solid #ddd !important;
}

/*Initial Analysis*/

.initial-infographic ul.infographic-wrapper > li {
    width: 16.3%;
    padding: 30px 10px;
    min-height: 180px;
    transition: all .5s;
}

    .initial-infographic ul.infographic-wrapper > li:first-child {
        border-right: 0;
    }

.initial-infographic ul.total-premium > li {
    width: 100%;
}

.initial-infographic ul.infographic-wrapper > li + li {
    border-left: 1px solid #add2e6;
}

.infographic-block ul.infographic-wrapper > li span.life-icon {
    background-position: -1px -245px;
    height: 52px;
    width: 56px;
}

.infographic-block ul.infographic-wrapper > li span.vollife-icon {
    background-position: -1px -312px;
    height: 52px;
    width: 56px;
}

.infographic-block ul.infographic-wrapper > li span.std-icon {
    background-position: -1px -381px;
    height: 52px;
    width: 56px;
}

.infographic-block ul.infographic-wrapper > li span.ltd-icon {
    background-position: -1px -446px;
    height: 52px;
    width: 56px;
}

.infographic-block ul.infographic-wrapper > li span.vision-icon {
    background-position: -1px -508px;
    height: 37px;
    width: 57px;
}

.initial-infographic ul.infographic-wrapper > li span.infographic-icon {
    min-height: 50px;
}

h3, .h3 {
    font-size: 1.5rem;
}


.k-dateinput-wrap .k-select, .k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border-radius: 0 .10rem .10rem 0;
    padding: .0rem !important;
}

.k-input.k-state-invalid, .k-input.k-textbox.k-state-invalid, .k-input.k-textbox.ng-invalid, .k-input.k-textbox:invalid, .k-input.ng-invalid, .k-input:invalid, .k-textbox.k-state-invalid, .k-textbox.ng-invalid, .k-textbox:invalid {
    color: #222222 !important;
}

/* Compare plan - Life - CSS */

.mtitlebtn-algn {
    float: right
}

.monthly-premium-btn a {
    margin: 14px 0px;
}

.life-plan-titles {
    margin-left: 19px;
    font-weight: bold;
}

.life-left-border {
    border-left: none !important;
}

.life-right-border {
    border-right: none !important;
}

p.logo-on-table {
    margin-top: 30px;
}

/*********************************************Agent/Agency Styles*************************************************/
.button-block-new button.btn {
    margin: 10px 0 15px 15px;
    text-transform: uppercase;
}

.button-block-new {
    margin-bottom: 10px;
}

.AgencyRadio {
    margin: 8px 0;
}

.top-menu-bcbso {
    margin-top: 42px;
}

.selectTable td {
    background: #dbeef9 !important;
}

.selectTable .k-grid-header, .selectTable .k-grid-content {
    overflow: hidden;
    padding: 0px;
}

.selectTable table > tbody > tr td:last-child {
    border-right: 0;
}

.selectTable table > tbody > tr td input[type="checkbox"] {
    margin-right: 5px;
}

.selectTable table > tbody > tr td label {
    font-weight: normal;
}

.selectTable table > tbody > tr td {
    cursor: default;
}

.selectTable table > tbody > tr:last-child td {
    border-bottom: 0;
}

.selectTable .k-grid-content {
    margin-bottom: 0;
}

.checkboxInline input[type="checkbox"] {
    margin-right: 5px;
}

.checkboxInline label {
    font-weight: normal;
}

    .checkboxInline label + label {
        margin-left: 5%;
    }

.attachments .k-grid.k-widget {
    border-top: 1px solid #ddd;
}

.attachments .panel > p {
    margin: 10px;
}

    .attachments .panel > p .btn {
        margin-right: 10px;
    }

.upload-attachment {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 0;
    margin-bottom: 10px;
}

    .upload-attachment li {
        list-style: none;
        padding: 5px 0 5px 10px;
    }

        .upload-attachment li span {
            margin-right: 10px;
            cursor: pointer;
        }

.NoOfItems {
    margin-bottom: 5px;
    margin-top: -15px;
}

textarea.form-control.txtarea {
    height: 150px;
}

.gridbuttons button.btn {
    margin-bottom: 5px;
    margin-top: 0;
}

.k-grid-header .k-header.text-center {
    text-align: center;
}

.novis {
    visibility: hidden;
}

.mcus-padtab .fa.fa-envelope {
    font-size: 0.9rem
}

@media (min-width: 768px) and (max-width: 991px) /*SM - Tablet*/
{
    .container > .navbar-brand {
        padding: 10px;
    }

    .top-menu-bcbso {
        width: 100%;
        margin-top: 0;
        margin-bottom: 15px;
        padding-left: 0;
    }

    .cuswid90p {
        width: 90%;
    }

    .selectTable table > tbody > tr td input[type="checkbox"] {
        margin: auto auto;
        display: block;
    }

    .selectTable table > tbody > tr td {
        text-align: center;
    }

    .mcus-padtab {
        padding-left: 5px !important
    }

    .lblQuest_mlbl {
        vertical-align: top;
        padding-top: 6px;
    }
}

@media (max-width: 767px) /*XS Extra Small Device*/
{
    .modal .large {
        margin: 20px auto;
        width: 96%;
    }

    .btn-group.menu .btn {
        margin-bottom: 0 !important;
    }

    .k-pager-info {
        width: auto;
        margin-left: 5px;
    }

    .selectTable .k-grid-content td {
        xpadding-left: 3% !important;
    }

    .selectTable .k-grid .k-grid-header .k-header, .selectTable .k-grid table tbody tr td {
        white-space: normal;
        word-wrap: normal;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .checkboxInline label {
        display: block;
    }

        .checkboxInline label + label {
            margin-left: 0;
        }

    .lblQuest_mlbl {
        vertical-align: top;
        padding-top: 2px;
    }

    .btn {
        padding: 0.2rem 0.5rem;
    }

    .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: right;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .grid-act-btn {
        position: relative;
        top: 3px;
        margin-bottom: 5px;
        margin-left: 10px;
    }
}

@media (max-width: 567px) {
    #frmPreRegistration .btn-group label.btn, #frmForgotPassword .btn-group label.btn, #frmForgotUsername .btn-group label.btn {
        width: 100%;
        border-radius: 3px !important;
        transition: all .5s;
        margin-bottom: 5px;
        margin-left: 0px;
    }
}

@media (max-width: 380px) {
    .navbar-brand img {
        width: 100%;
    }

    #frmPreRegistration .btn-group label.btn, #frmForgotPassword .btn-group label.btn, #frmForgotUsername .btn-group label.btn {
        width: 100%;
        border-radius: 3px !important;
        transition: all .5s;
        margin-bottom: 5px;
        margin-left: 0px;
    }
}

#frmPreRegistration .btn-group label.btn, #frmForgotPassword .btn-group label.btn, #frmForgotUsername .btn-group label.btn {
    border-color: #266ba7;
    color: #fff;
}

@media (max-width: 320px) {
    .breadcrumb-block .btn-group.menu .btn {
        margin-bottom: 0px !important;
    }

    .btn-group.menu .btn {
        margin-bottom: 2px !important;
    }

    .k-pager-info {
        width: 100%;
        margin-left: 0;
    }
}


/***********************END Agent/Agency Styles*****************************/

/************* Stlyes used for Employer/Employee Files *****************/
.add-content, .edit-content, .edit-content1, .attach-main, .attach-main1, .add-l1, .add-l2, .add-l3, .shw-tab-main {
    display: none;
    width: 100%;
    clear: both;
}

#shw-add-main {
    display: none;
}

.note-attach {
    display: block;
    clear: both;
    width: 100%;
}

.ettd1 {
    display: block;
    width: 100%;
}

.ettd2 {
    display: none;
    width: 100%;
}

.shw-td, .hide-td {
}

#nt-td12, #nt-td22 {
    display: none;
}

#note-at2 {
    display: block;
}

.alert-main {
    position: fixed;
    width: 500px;
    top: 30px;
    left: 50%;
    margin-left: -250px;
}

.form-top {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: solid 1px #DDDDDD;
}

    .form-top ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: block;
        width: 100%;
    }

        .form-top ul li {
            display: inline-block;
            margin: 5px 20px 5px 0;
            vertical-align: middle;
        }

            .form-top ul li.last {
                margin-right: 0;
            }

            .form-top ul li.last1 {
                margin-right: 5px;
            }

            .form-top ul li .f-name {
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

            .form-top ul li .f-input {
                display: inline-block;
                vertical-align: middle;
            }

.form-buttons {
    display: block;
    width: 100%;
    padding: 5px 10px;
    border-bottom: solid 1px #DDDDDD;
    text-align: left;
}

    .form-buttons ul li {
        display: inline-block;
        margin: 5px 5px 5px 0;
        vertical-align: middle;
    }

        .form-buttons ul li.last {
            margin-right: 0;
        }

.global-bt {
    margin-right: 20px;
}

.global-outer {
    display: block;
    width: 100%;
}

.global-tab {
}

    .global-tab td, th {
        padding: 5px;
    }

.div k-grid-content {
    height: 100% !important;
}

.k-grid-header .k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child {
    border-left-width: 0;
}

@media only screen and (max-width: 400px) {
    .global-outer {
        overflow: scroll;
    }
}

div.tool-grid-head {
    padding-right: 0 !important;
}

.tool-grid {
    overflow: visible;
}

.tool-tab {
}

    .tool-tab td {
        overflow: visible;
        position: relative;
    }

.sel-drop {
    width: 100%;
    padding: 5px 10px;
}

.drop-cont {
    width: 100%;
    padding: 0px;
}

    .drop-cont .d-head {
        width: 100%;
        padding: 5px 10px;
        background: #F5F8FB;
        margin-bottom: 5px;
        font-size: 12px;
        position: relative;
    }

        .drop-cont .d-head a {
            color: #000000;
            display: inline-block;
            margin-right: 5px;
        }

            .drop-cont .d-head a:hover {
                color: #058BD4;
                text-decoration: none;
            }

            .drop-cont .d-head a .glyphicon {
                color: #000000;
            }

            .drop-cont .d-head a:hover .glyphicon {
                color: #058BD4;
            }

            .drop-cont .d-head a.closeul {
                position: absolute;
                right: 0px;
                top: 5px;
            }

    .drop-cont li {
        display: block;
        width: 100%;
        padding: 5px 10px;
        font-size: 12px;
    }

        .drop-cont li:hover {
            background: #F5F5F5;
        }

        .drop-cont li input.chk {
            margin-right: 15px;
        }

input.radio-roles {
    margin-right: 10px;
}

.radio-roles {
    margin-right: 5px;
}

.role-panel {
    border-bottom: 0px;
    padding-bottom: 0;
}

.f-set {
    margin-top: 20px;
}

.role-tabs {
    display: block;
    width: 100%;
    padding: 15px 15px 0 15px;
}

    .role-tabs h2 {
        color: #058bd4;
        font-size: 22px;
        margin-top: 0;
        padding-top: 0;
    }

.role-inner {
    display: block;
    width: 100%;
    padding: 15px 15px 0 15px;
}

.title-role {
    background: #F6F6F6;
}

.panel-default > .title-role {
    background-color: #D4EEFC;
    border-color: #ddd;
    color: #5c5c5c;
}

.menu .dropdown-menu > li.mn1 > a {
    background: url(../images/mn1.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn1:hover > a {
    background: url(../images/mn1a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn2 > a {
    background: url(../images/mn2.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn2:hover > a {
    background: url(../images/mn2a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn3 > a {
    background: url(../images/mn3.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn3:hover > a {
    background: url(../images/mn3a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn4 > a {
    background: url(../images/mn4.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn4:hover > a {
    background: url(../images/mn4a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn5 > a {
    background: url(../images/mn5.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn5:hover > a {
    background: url(../images/mn5a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn6 > a {
    background: url(../images/mn6.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn6:hover > a {
    background: url(../images/mn6a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn7 > a {
    background: url(../images/mn7.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn7:hover > a {
    background: url(../images/mn7a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn8 > a {
    background: url(../images/mn8.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn8:hover > a {
    background: url(../images/mn8a.png) no-repeat 13px center;
}

.blue-large {
    color: #428bca;
    font-size: 16px;
}

.search-btns {
}

    .search-btns button {
        margin-left: 10px;
        margin-top: 5px;
    }

.report-form {
    display: block;
    width: 100%;
    padding: 5px 10px;
}

    .report-form ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .report-form ul li {
            display: block;
            width: 100%;
            margin: 10px 0px;
        }

    .report-form .top-main {
        display: block;
        width: 100%;
    }

        .report-form .top-main label {
            margin-right: 10px;
            font-weight: normal;
            margin-bottom: 0;
        }

        .report-form .top-main input {
            display: inline-block;
            vertical-align: top;
            margin-right: 5px;
        }

    .report-form .sub-main input {
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
    }

    .report-form .sub-main label {
        margin-right: 10px;
        font-weight: normal;
        margin-bottom: 0;
    }

    .report-form .sub-main {
        display: block;
        width: 100%;
        margin-left: 20px;
    }

        .report-form .sub-main ul {
            list-style: none;
            padding: 0px;
            margin: 0px;
        }

            .report-form .sub-main ul li {
                display: inline-block;
                margin: 0 10px 0px 0;
            }

.report-tab {
    margin-top: 10px;
}

.sub-input {
    display: block;
    width: 100%;
    margin-top: 5px;
}

.sub-each {
    display: inline-block;
    vertical-align: middle;
}

.hg1 {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    margin-right: 1%;
}

.hg2 {
    display: inline-block;
    vertical-align: middle;
    width: 9%;
}

.dt1 {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    margin-right: 1%;
}

.dt2 {
    display: inline-block;
    vertical-align: middle;
    width: 29%;
}

.div-head {
    display: block;
    width: 100%;
    margin: 8px 0px 12px 0px;
    border-top: solid 1px #ccc;
    padding-top: 8px;
    color: #058bd4;
    font-size: 20px;
}

.fr-row {
    margin-top: 15px;
}

.paper-row {
    margin-top: 15px;
}

    .paper-row h2 {
        margin-top: 0;
        padding-top: 0;
        color: #058bd4;
        font-size: 20px;
        padding-left: 0;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .paper-row p {
        margin-bottom: 25px;
    }

#bt-employer, #bt-employee, #lg-employee, #lg-employer {
    display: none;
}

.form-group1 {
    display: none;
    width: 100%;
    margin-top: 20px;
}

.form-div {
    display: block;
    width: 100%;
    background: #ccc;
    height: 1px;
    margin: 10px 0 15px 0;
}

.custom-list {
    display: block;
    width: 100%;
    padding: 15px;
}

.add-custom {
    display: block;
    width: 100%;
    margin-top: 60px;
    padding: 0 25px;
    border-top: solid 1px #ccc;
    padding-top: 20px;
    border-radius: 0;
    border-bottom: 0;
}

.learn-more {
    margin-top: 6px;
}

.add-edit-main {
    display: block;
    width: 100%;
}

#fixedtipdiv {
    position: absolute;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    font: normal 12px;
    line-height: 18px;
    z-index: 100;
}
/************* ENDS(Stlyes used for Employer/Employee Files) *****************/

/************* Newly added styles to fix bugs *****************/
.mandatory {
    color: red;
    font-size: 14px;
}

.agent-edit-employer {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-top: 15px;
}

.groupMenusDisabled {
    cursor: not-allowed;
    opacity: 0.3;
}

#MainMenu > li > .dropdown-level2.Rfix {
    right: 199px;
}

.forgot {
    margin-bottom: 10px;
}

.additional-details-filter-login {
    display: table;
    margin: 0 auto 20px !important;
}

.button-block-left button {
    margin-right: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.margin-left-off {
    margin-left: 0 !important;
}

input[type="file"].form-control {
    height: auto !important;
}

.annual-cost {
    display: none;
}

#DeleteRecord p {
    margin-bottom: 20px;
}

.panel-split-table + .panel-split-table {
    border: 0 none;
    border-right: 1px solid #ddd;
    margin-right: 0;
    width: 50%;
}

.mleft0 {
    margin-left: 0;
}

@media only screen and (max-width: 479px) {
    /*Assigning Roles  Edit User*/
    .list-group-item-heading {
        font-size: 15px;
    }

    .alignmiddle {
        vertical-align: top;
    }

    .listgroup-roles {
        min-height: 178px;
    }

    .mobile-listbox-10 button {
        margin-left: -14px;
    }
}

.no-bg {
    background: none !important;
}

.user-management-control .btn span.white-lock-icon {
    background: url("../images/lock.png") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    width: 14px;
}

.user-management-control .btn span.white-unlock-icon {
    background: url("../images/lock.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    width: 14px;
}

span.blue-unlock-icon {
    background: url("../images/lock.png") no-repeat scroll -15px 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    width: 14px;
}

span.blue-lock-icon {
    background: url("../images/lock.png") no-repeat scroll -15px -20px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    width: 14px;
}

.dropdown-menu {
    padding: 10px;
}

    .dropdown-menu, .dropdown-menu > li > a, .dropdown-menu > li {
        list-style: none !important;
        min-width: 230px;
    }

#errrInValidDob {
    color: red;
    display: none;
}

.padding-left0 {
    padding-left: 0px !important;
}

.top-offset-5 {
    padding-top: 5px;
}

.col-sm-3-24% {
    width: 24.35%;
}

.padleft40 {
    padding-left: 40px;
}

.padleft10 {
    padding-left: 10px;
}

.padleft15 {
    padding-left: 15px;
}

.padleft20 {
    padding-left: 20px;
}

.padleft23 {
    padding-left: 23px;
}

.padTop5 {
    padding-top: 5px;
}

.padTop10 {
    padding-top: 10px;
}

.padTop15 {
    padding-top: 15px;
}

.padTop20 {
    padding-top: 20px;
}

.marginL15 {
    margin-left: 15px;
}

.marginR15 {
    margin-right: 15px;
}

.marginL10 {
    margin-left: 10px;
}

.marginR10 {
    margin-right: 10px;
}

.infographic-block ul.infographic-wrapper3 {
    background: #dbeef9;
    border: 1px solid #add2e6;
    border-radius: 5px;
}

    .infographic-block ul.infographic-wrapper3 > li {
        list-style: none;
        padding: 32px;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        min-height: 198px;
    }

        .infographic-block ul.infographic-wrapper3 > li span.infographic-icon {
            background: url(../images/contribution-sprite.png) no-repeat;
            display: inline-block;
            cursor: default;
        }

        .infographic-block ul.infographic-wrapper3 > li span.premium-icon {
            background-position: -1px 1px;
            height: 42px;
            width: 42px;
            cursor: default;
        }

        .infographic-block ul.infographic-wrapper3 > li span.infographic-amount {
            color: #3e6177;
            font-size: 24px;
            display: block;
            text-align: center;
            cursor: default;
        }

        .infographic-block ul.infographic-wrapper3 > li span.infographic-text {
            color: #3e6177;
            font-size: 12px;
            display: block;
            text-align: center;
            cursor: default;
        }

#collapseFinalTwo .k-grid table {
    border-right: 1px solid #ddd;
}

#dv_MonthlyEmpContribution .k-grid table {
    border-right: 1px solid #ddd;
}







.analysisEmpty {
    color: #058bd4 !important;
    font-size: 16px;
    padding-left: 10px;
    padding-top: 5px;
    border: 1px solid #dddddd;
    padding-bottom: 10px;
}

#ancillaryPlanSummary .analysisEmpty {
    border: none;
}

#divContribution .k-grid .k-grid-header .k-header, #divContribution .k-grid table tbody tr td {
    width: 100%;
}


.table-kendo {
    padding-right: 15px;
    padding-left: 15px;
}

    .table-kendo > table {
        border-top: 1px solid #ddd;
    }

        .table-kendo > table > thead > tr th:last-child {
            border-right: 1px solid #ddd;
        }

.proposal-list {
    padding-top: 5px;
    padding-bottom: 10px;
    margin-top: 15px;
}


#divPlanSummary table tr th:first-child,
#divPlanSummary table tr td:first-child,
#divPlanSummary table tr th[data-field="SelectedFlag"],
#divPlanSummary table tr td[data-title="Select"] {
    border-left: 0;
}

#divPlanSummary table tr th:last-child,
#divPlanSummary table tr td:last-child {
    border-right: 0;
}

#divPlanSummary th, #ancillaryPlanSummary th, #grdPlanListRate th, #rateGrid th {
    border-top: 1px solid #ddd;
}

#rateGrid .k-grid-content {
    border-bottom: 1px solid #ddd;
}
/*To remove unwanted scrolls from kendo grid*/
.card #divProspectGrid .k-grid-header {
    padding-right: 0px !important;
}


.card .k-grid-header-wrap {
    border-right: 0;
}

.card .k-grid-content {
    overflow-y: hidden;
}

.card .k-grid-content {
    overflow-x: auto;
}

    .card .k-grid-content table tr td:last-child {
        border-right: 0;
    }

    .card .k-grid-content table tr td:first-child {
        border-left: 0;
    }

/**Grid border alignment issue*/

.card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
    padding-right: 18px;
}

.card #censusInformation .dependent-cls .k-grid-header, #div-enrollment-grid .dependent-cls .k-grid-header {
    padding-right: 0px !important;
}

    .card #censusInformation .dependent-cls .k-grid-header .k-grid-header-wrap, #div-enrollment-grid .dependent-cls .k-grid-header .k-grid-header-wrap {
        border-right: 0 !important;
    }




/*Chrome browser border alignment fix **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #PlanRateGrid .k-grid-header, #div-member-rate .k-grid-header {
        padding-right: 0px !important;
    }

    .card .k-grid-header {
        padding-right: 1px;
    }

    .card #divProspectGrid .k-grid-header {
        padding-right: 1px !important;
    }

    .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
        padding-right: 18px;
    }
    /*@media (max-width: 1680px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 16px !important;
        }
    }

    @media (max-width: 1600px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 15px !important;
        }
    }

    @media (max-width: 1440px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right:14px !important;
        }
    }

    @media (max-width: 1280px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 13px !important;
        }
    }*/



    @media only screen and (min-width: 1761px) and (max-width: 1920px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 18px;
        }
    }

    @media only screen and (min-width: 1601px) and (max-width: 1760px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 16px;
        }
    }

    @media only screen and (min-width: 1441px) and (max-width: 1600px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 15px;
        }
    }

    @media only screen and (min-width: 1367px) and (max-width: 1440px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 14px;
        }
    }
    /* For 1366 Resolution */
    @media only screen and (min-width: 1281px) and (max-width: 1366px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 18px;
        }
    }
    /* For 1280 Resolution */
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 13px;
        }
    }
}

/*Firefox browser border alignment fix**/
@-moz-document url-prefix() {
    .card .k-grid-header {
        padding-right: 0px;
    }

    .card #divProspectGrid .k-grid-header {
        padding-right: 0px !important;
    }

    .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
        padding-right: 23px !important;
    }

    @media (min-width: 2400px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 23px !important;
        }
    }

    @media only screen and (min-width: 1921px) and (max-width: 2399px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 21px !important;
        }
    }



    @media only screen and (min-width: 1761px) and (max-width: 1920px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 19px !important;
        }
    }

    @media only screen and (min-width: 1601px) and (max-width: 1760px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 17px !important;
        }
    }

    @media only screen and (min-width: 1441px) and (max-width: 1600px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 16px !important;
        }
    }

    @media only screen and (min-width: 1367px) and (max-width: 1440px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 14px !important;
        }
    }
    /* For 1366 Resolution */
    @media only screen and (min-width: 1281px) and (max-width: 1366px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 19px !important;
        }
    }
    /* For 1280 Resolution */
    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 18px !important;
        }
    }


    @media (max-width: 1280px) {
        .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
            padding-right: 14px !important;
        }
    }
}
/*@media (min-width: 1680px) and (max-width: 1920px) {
    .card #censusInformation .k-grid-header, #div-enrollment-grid .k-grid-header {
        padding-right: 18px !important;
    }
}*/
a.edit-accordion:hover {
    text-decoration: none;
}

.pos-rel {
    position: relative;
    top: -5px;
}

.plans-text-main > .table {
    margin-bottom: 0;
}

a.accordion-menu:hover, a.accordion-menu:focus {
    text-decoration: none !important;
    opacity: 1;
    text-decoration: underline
}

.hide-additional-carriers, .view-additional-carriers {
    padding: 0 10px 10px 0;
    float: left;
    text-decoration: underline;
}

a,
a:focus,
a:hover {
    outline: 0;
}

.createAccount .accordion-menu-width {
    width: auto;
}

@media (min-width: 768px) and (max-width: 1199px) /*SM and MD */
{
    .createAccount .accordion-menu-width .accordion-menu span {
        display: none;
    }
}

@media (min-width: 768px) /*above 768px */
{
    #planViewRates .modal-dialog {
        margin-top: 80px;
    }


    /*#planViewRates .k-grid.k-widget {
        overflow-x: scroll;
        overflow-y: hidden;
    }*/
}
/*Grid pagination alignment by setu*/
.modal-body ul.k-pager-numbers {
    padding-left: 0;
}

.modal-body ul.k-pager-numbers {
    padding-left: 0;
}

.available-job-class {
    display: none;
}

    .available-job-class a[data-hide='closejobclass'] {
        margin: 0 15px 8px 0;
    }


.memberDropdown > select > option {
    background: url('../images/sprite.png') no-repeat 11px 10px;
    padding-left: 22px;
}


.assign-class {
    margin-top: 0px;
    margin-bottom: 10px;
}
/*Bootstrap Select */
.bootstrap-select.btn-group .btn .filter-option {
    text-overflow: ellipsis;
    width: 98% !important;
    margin-left: 10px;
}

.bootstrap-select > .btn {
    padding-left: 0;
}

.bootstrap-select.btn-group .btn .caret {
    color: #777;
}

.newLine {
    clear: both;
}

.gridOverflowX .k-grid.k-widget {
    overflow-x: auto;
}
/************* Stlyes used for Employer/Employee Files *****************/
.add-content, .edit-content, .edit-content1, .attach-main, .attach-main1, .add-l1, .add-l2, .add-l3, .shw-tab-main {
    display: none;
    width: 100%;
    clear: both;
}

#shw-add-main {
    display: none;
}

.note-attach {
    display: block;
    clear: both;
    width: 100%;
}

.ettd1 {
    display: block;
    width: 100%;
}

.ettd2 {
    display: none;
    width: 100%;
}

#nt-td12, #nt-td22 {
    display: none;
}

#note-at2 {
    display: block;
}

.alert-main {
    position: fixed;
    width: 500px;
    top: 30px;
    left: 50%;
    margin-left: -250px;
}

.form-top {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: solid 1px #DDDDDD;
}

    .form-top ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: block;
        width: 100%;
    }

        .form-top ul li {
            display: inline-block;
            margin: 5px 20px 5px 0;
            vertical-align: middle;
        }

            .form-top ul li.last {
                margin-right: 0;
            }

            .form-top ul li.last1 {
                margin-right: 5px;
            }

            .form-top ul li .f-name {
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

            .form-top ul li .f-input {
                display: inline-block;
                vertical-align: middle;
            }

.form-buttons {
    display: block;
    width: 100%;
    padding: 5px 10px;
    border-bottom: solid 1px #DDDDDD;
    text-align: left;
}

    .form-buttons ul li {
        display: inline-block;
        margin: 5px 5px 5px 0;
        vertical-align: middle;
    }

        .form-buttons ul li.last {
            margin-right: 0;
        }

.global-bt {
    margin-right: 20px;
}

.global-outer {
    display: block;
    width: 100%;
}

.global-tab td, th {
    padding: 5px;
}

@media only screen and (max-width: 400px) {
    .global-outer {
        overflow: scroll;
    }
}

div.tool-grid-head {
    padding-right: 0;
}

.tool-grid {
    overflow: visible;
}

.tool-tab {
}

    .tool-tab td {
        overflow: visible;
        position: relative;
    }

.sel-drop {
    width: 100%;
    padding: 5px 10px;
}

.drop-cont {
    width: 100%;
    padding: 0px;
}

    .drop-cont .d-head {
        width: 100%;
        padding: 5px 10px;
        background: #F5F8FB;
        margin-bottom: 5px;
        font-size: 12px;
        position: relative;
    }

        .drop-cont .d-head a {
            color: #000000;
            display: inline-block;
            margin-right: 5px;
        }

            .drop-cont .d-head a:hover {
                color: #058BD4;
                text-decoration: none;
            }

            .drop-cont .d-head a .glyphicon {
                color: #000000;
            }

            .drop-cont .d-head a:hover .glyphicon {
                color: #058BD4;
            }

            .drop-cont .d-head a.closeul {
                position: absolute;
                right: 0px;
                top: 5px;
            }

    .drop-cont li {
        display: block;
        width: 100%;
        padding: 5px 10px;
        font-size: 12px;
    }

        .drop-cont li:hover {
            background: #F5F5F5;
        }

        .drop-cont li input.chk {
            margin-right: 15px;
        }

input.radio-roles {
    margin-right: 10px;
}

.radio-roles {
    margin-right: 5px;
}

.role-panel {
    border-bottom: 0px;
    padding-bottom: 0;
}

.f-set {
    margin-top: 20px;
}

.role-tabs {
    display: block;
    width: 100%;
    padding: 15px 15px 0 15px;
}

    .role-tabs h2 {
        color: #058bd4;
        font-size: 22px;
        margin-top: 0;
        padding-top: 0;
    }

.role-inner {
    display: block;
    width: 100%;
    padding: 15px 15px 0 15px;
}

.title-role {
    background: #F6F6F6;
}

.panel-default > .title-role {
    background-color: #D4EEFC;
    border-color: #ddd;
    color: #5c5c5c;
}

.menu .dropdown-menu > li.mn1 > a {
    background: url(../images/mn1.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn1:hover > a {
    background: url(../images/mn1a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn2 > a {
    background: url(../images/mn2.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn2:hover > a {
    background: url(../images/mn2a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn3 > a {
    background: url(../images/mn3.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn3:hover > a {
    background: url(../images/mn3a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn4 > a {
    background: url(../images/mn4.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn4:hover > a {
    background: url(../images/mn4a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn5 > a {
    background: url(../images/mn5.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn5:hover > a {
    background: url(../images/mn5a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn6 > a {
    background: url(../images/mn6.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn6:hover > a {
    background: url(../images/mn6a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn7 > a {
    background: url(../images/mn7.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn7:hover > a {
    background: url(../images/mn7a.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn8 > a {
    background: url(../images/mn8.png) no-repeat 13px center;
}

.menu .dropdown-menu > li.mn8:hover > a {
    background: url(../images/mn8a.png) no-repeat 13px center;
}

.blue-large {
    color: #428bca;
    font-size: 16px;
}

.search-btns button {
    margin-left: 10px;
    margin: top:5px;
}

.report-form {
    display: block;
    width: 100%;
    padding: 5px 10px;
}

    .report-form ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .report-form ul li {
            display: block;
            width: 100%;
            margin: 10px 0px;
        }

    .report-form .top-main {
        display: block;
        width: 100%;
    }

        .report-form .top-main label {
            margin-right: 10px;
            font-weight: normal;
            margin-bottom: 0;
        }

        .report-form .top-main input {
            display: inline-block;
            vertical-align: top;
            margin-right: 5px;
        }

    .report-form .sub-main input {
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
    }

    .report-form .sub-main label {
        margin-right: 10px;
        font-weight: normal;
        margin-bottom: 0;
    }

    .report-form .sub-main {
        display: block;
        width: 100%;
        margin-left: 20px;
    }

        .report-form .sub-main ul {
            list-style: none;
            padding: 0px;
            margin: 0px;
        }

            .report-form .sub-main ul li {
                display: inline-block;
                margin: 0 10px 0px 0;
            }

.report-tab {
    margin-top: 10px;
}

.sub-input {
    display: block;
    width: 100%;
    margin-top: 5px;
}

.sub-each {
    display: inline-block;
    vertical-align: middle;
}

.hg1 {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    margin-right: 1%;
}

.hg2 {
    display: inline-block;
    vertical-align: middle;
    width: 9%;
}

.dt1 {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    margin-right: 1%;
}

.dt2 {
    display: inline-block;
    vertical-align: middle;
    width: 29%;
}

.div-head {
    display: block;
    width: 100%;
    margin: 8px 0px 12px 0px;
    border-top: solid 1px #ccc;
    padding-top: 8px;
    color: #058bd4;
    font-size: 20px;
}

.fr-row {
    margin-top: 15px;
}

.paper-row {
    margin-top: 15px;
}

    .paper-row h2 {
        margin-top: 0;
        padding-top: 0;
        color: #058bd4;
        font-size: 20px;
        padding-left: 0;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .paper-row p {
        margin-bottom: 25px;
    }

#bt-employer, #bt-employee, #lg-employee, #lg-employer {
    display: none;
}

.form-group1 {
    display: none;
    width: 100%;
    margin-top: 20px;
}

.form-div {
    display: block;
    width: 100%;
    background: #ccc;
    height: 1px;
    margin: 10px 0 15px 0;
}

.custom-list {
    display: block;
    width: 100%;
    padding: 15px;
}

.add-custom {
    display: block;
    width: 100%;
    margin-top: 60px;
    padding: 0 25px;
    border-top: solid 1px #ccc;
    padding-top: 20px;
    border-radius: 0;
    border-bottom: 0;
}

.learn-more {
    margin-top: 6px;
}

.add-edit-main {
    display: block;
    width: 100%;
}

#fixedtipdiv {
    position: absolute;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    font: normal 12px;
    line-height: 18px;
    z-index: 100;
}
/************* ENDS(Stlyes used for Employer/Employee Files) *****************/
/************* Newly added styles to fix bugs *****************/
.mandatory {
    color: red;
    font-size: 14px;
}

.agent-edit-employer {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-top: 15px;
}

.groupMenusDisabled {
    cursor: not-allowed;
    opacity: 0.3;
}

#MainMenu > li > .dropdown-level2.Rfix {
    right: 186px;
}

.forgot {
    margin-bottom: 10px;
}

.additional-details-filter-login {
    display: table;
    margin: 0 auto 20px !important;
}

.button-block-left button {
    margin-right: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.margin-left-off {
    margin-left: 0 !important;
}

input[type="file"].form-control {
    height: auto !important;
}

.annual-cost {
    display: none;
}

#DeleteRecord p {
    margin-bottom: 20px;
}
/*Dearborn National Proposal*/
.proposal {
    padding-top: 20px;
    min-height: 100%;
    position: relative;
    font-size: 14px;
}

    .proposal p.logo {
        text-align: center;
        margin-bottom: 100px;
        margin-top: 100px;
    }

    .proposal .prepared {
        margin-bottom: 30px;
    }
    /*.proposal .home-footer {width: 100%; position: absolute; left: 0; bottom: 0; margin:auto 15px}*/
    .proposal .reg {
        position: relative;
        top: -6px;
        font-size: 12px;
    }

    .proposal .mtop50 {
        margin-top: 50px;
    }

    .proposal .mtop30 {
        margin-top: 30px;
    }

    .proposal .mbottom50 {
        margin-bottom: 50px;
    }

    .proposal .mbottom30 {
        margin-bottom: 30px;
    }

    .proposal .no-margin {
        margin: 0 !important;
    }

    .proposal .mtop20 {
        margin-top: 20px !important;
    }

    .proposal .padding-offset {
        padding: 0 10px !important;
    }

    .proposal .line {
        width: 100%;
        height: 5px;
        background: #ccc;
        display: block;
        margin: 15px 0;
    }

    .proposal header > div > img {
        opacity: .4;
    }

    .proposal h1, .proposal h2, .proposal h3, .proposal h4, .proposal h5 {
        color: #005eab;
    }

    .proposal h3 {
        font-size: 20px;
    }

    .proposal p {
        font-size: 16px;
        color: #333;
    }

    .proposal small, .proposal .small p {
        font-size: 14px;
    }

    .proposal h1 {
        font-size: 36px;
    }

    .proposal .prepared + p {
        font-size: 20px;
    }

    .proposal footer > span {
        font-size: 20px;
        color: #ccc;
    }

    .proposal #body {
        padding-bottom: 60px; /* height of footer */
    }

    .proposal footer {
        height: 60px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        margin-left: 15px;
        padding-top: 15px;
    }

    .proposal .red {
        color: #ee3124;
    }

    .proposal .wrapper {
        border: 1px solid #ddd;
        margin-top: 20px;
    }

        .proposal .wrapper h3 {
            padding: 10px;
            margin: 0;
        }

    .proposal .table {
        border: 0 !important;
    }

        .proposal .table thead tr td {
            border-top: 1px solid #ddd !important;
        }

        .proposal .table.no-top-border thead tr td {
            border-top: 0px solid #ddd !important;
        }

    .proposal .wrapper .table thead tr td:first-child, .proposal .wrapper .table tbody tr td:first-child {
        border-left: 0 !important;
    }

    .proposal .wrapper .table thead tr td:last-child, .proposal .wrapper .table tbody tr td:last-child {
        border-right: 0 !important;
    }

    .proposal .bar1, .proposal .bar2 {
        background: #ededed;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        height: 20px;
        display: block;
        width: 100%;
    }

    .proposal .bar2 {
        border-top: 0 solid #ddd;
    }

    .proposal .table td.head, .proposal .table td.head:hover {
        background: #fff;
    }

        .proposal .table td.head h3 {
            padding: 0;
        }

    .proposal .table tr:nth-child(2n) {
        background: #fff;
    }

    .proposal ul.list1 {
        padding-left: 15px;
        font-size: 15px;
    }

        .proposal ul.list1 > li {
            padding: 10px 5px;
            list-style-type: circle;
            font-size: 16px;
        }

            .proposal ul.list1 > li > ul > li {
                padding: 0;
            }

            .proposal ul.list1 > li > ul {
                margin-left: 25px;
                margin-top: 10px;
            }

h3.second-head {
    font-size: 25px;
    text-decoration: underline;
}

.proposal ul.list2 {
    padding-left: 25px;
    font-size: 15px;
}

.proposal ul.list3 li {
    margin: 10px 0;
}

.additional-details-filter1 .custom-radio {
    display: none;
}

.additional-details-filter1 .btn-group.disp-block {
    display: table;
    margin: 0 auto;
}

body > #footer ~ #fixedtipdiv {
    display: none;
}

.PreRegistration-Agent, .PreRegistration-Agency, .PreRegistration-GA {
    display: none;
}

.clear {
    clear: both;
}

.listview p {
    clear: both;
}

.listview ul {
    margin-bottom: 10px;
}

.margin-offset-top20 {
    margin-top: 20px;
}

.mandatory {
    color: red;
    font-size: 14px;
}

.disclaimer-box li {
    margin-left: 20px;
}

    .disclaimer-box li + li {
        margin-top: 10px;
    }

.dropdown .dropdown-toggle .caret {
    color: #8b8c8c;
}

.accordion-menu .glyphicon-chevron-up, .accordion-menu .glyphicon-chevron-down {
    font-family: "Lato", sans-serif;
}

    .accordion-menu .glyphicon-chevron-up:before, .accordion-menu .glyphicon-chevron-down:before {
        font-family: "Glyphicons Halflings";
        position: relative;
        top: 2px;
        margin-right: 5px;
    }

.card-heading .accordion-menu span.fa {
    font-size: 15px;
}

a, a:focus {
    outline: none;
}

.terms .panel-heading .accordion-menu span.glyphicon {
    margin-top: 5px;
}

.dependent {
    margin-top: 15px;
}
/*.table-detailed-row*/
.k-grid .table-detailed-row td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 6px;
}

.k-grid .table-detailed-row .k-detail-row .k-detail-cell {
    padding: 0;
    border: 0;
}

    .k-grid .table-detailed-row .k-detail-row .k-detail-cell table td {
        border-top: 0;
    }

.tablescroll {
    table-layout: fixed;
}

    .tablescroll th, .tablescroll td {
        width: 269px;
    }

.tablescroll-holder, .tablescroll-holder1 {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
}

.emptyscroll {
    height: 20px;
}

.table-border .k-grid-header .k-header:first-child, .table-border .k-grid tbody td:first-child, .table-border .k-grid tfoot td:first-child {
    border-left-width: 1px;
}

.table-border .k-grid-header .k-header {
    border-width: 0 1px 1px;
}
/*REPORTS page*/
.reportpanel .panel-heading i.fa {
    margin-right: 2%;
    cursor: pointer;
}

    .reportpanel .panel-heading i.fa:hover {
        opacity: .8;
    }

.reportpanel .panel-heading input[type="text"] {
    width: 30px;
    line-height: 18px;
    height: 18px;
    border: 0;
    color: #333;
    text-align: center;
    font-size: 13px;
}

.reportpanel .panel-heading i.fa + span {
    margin-right: 2%;
}

.reportpanel .k-grid.k-widget {
    width: 95%;
    margin: 20px auto;
    border-left: 1px solid #ddd;
}

    .reportpanel .k-grid.k-widget thead th {
        border-top: 1px solid #ddd;
    }

.proposal-list {
    padding-top: 5px;
    padding-bottom: 10px;
    margin-top: 15px;
}

.hsatext {
    margin-bottom: 20px;
    margin-left: 5px;
    width: 250px;
    display: inline-block;
}

.form-group .dropdown .dropdown-toggle.disabled {
    cursor: not-allowed;
    background: #eee;
}

.zero-top-offset {
    margin-top: 0;
}

.recordsbtn {
    margin-bottom: 20px;
}

.proposal-listing .glyphicon-download-alt {
    cursor: pointer;
    font-size: 15px;
}

.proposal-listing tr td:last-child {
    text-align: center;
}

.panel-group .panel .panel + .panel {
    margin-top: 0;
}
/************************************************EMPLOYEE ENROLLMENT**************************************************/
.ee-panel > .panel-body > h4, .ee-panel > .panel-body h4 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}

.hideDependent {
    padding: 20px 0;
}

    .hideDependent button {
        margin-right: 15px;
    }

    .hideDependent a {
        text-decoration: underline;
    }

.mydependent table > tbody > tr:last-child td {
    border-bottom: 0;
}

.editdependent, .editdependent1 {
    margin-top: 20px;
    margin-bottom: 10px;
}

    .editdependent .button-block > button, .editdependent1 .button-block > button {
        margin-bottom: 0;
    }

.mydependent {
    margin-top: 15px;
}

#MainMenu > li > .dropdown-level2.emp-fix {
    right: 171px;
}
/*Shopping cart at header*/
.top-menu .glyphicon-shopping-cart {
    font-size: 20px;
    color: #777;
    margin: 0;
    position: absolute;
}

    .top-menu .glyphicon-shopping-cart + .badge {
        font-size: 8px;
        padding: 3px 5px;
        position: absolute;
        left: 5px;
        top: -5px;
        background: #058bd4;
    }

.top-menu li > a.cart {
    position: relative;
}

.top-menu a.cart > .value {
    font-size: 20px;
    color: #058bd4;
    text-align: right;
    margin-left: 20px;
}

    .top-menu a.cart > .value > small {
        font-size: 13px;
    }

.health-icon, .ancillary-icon, .health-account, .wellness {
    background: url("../images/enrollment.png") -7px -7px;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-top: 10px;
}

.ancillary-icon {
    background-position: -7px -114px;
}

.health-account {
    background-position: -7px -220px;
}

.wellness {
    background-position: -7px -326px;
}

.coverage-election {
    clear: both;
    display: block;
    margin-top: 20px;
    transition: all .5s;
}

    .coverage-election h3 {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .coverage-election p {
        margin: 0 0 10px 0;
    }

    .coverage-election ul {
        margin-top: 10px;
        margin-bottom: 15px;
    }

        .coverage-election ul > li {
            list-style: none;
            padding: 0 0 5px 0;
        }

    .coverage-election a {
        color: #5c5c5c;
        text-decoration: underline;
    }

        .coverage-election a:hover {
            color: #7c7c7c;
        }

    .coverage-election ul > li > span {
        width: 75px;
        display: inline-block;
    }

    .coverage-election .ee-panel {
        margin: 15px 0;
    }

    .coverage-election a.change {
        color: #bbb;
    }

    .coverage-election .large {
        font-size: 45px;
        font-weight: normal;
    }

        .coverage-election .large > small {
            font-size: 14px;
        }

.panel-body > .period a {
    font-weight: bold;
}

.panel-body > .period > span {
    border-right: 1px solid #ccc;
    padding: 0 10px;
    color: #ccc;
    cursor: pointer;
    text-decoration: underline;
}

    .panel-body > .period > span:last-child {
        border: 0;
    }

    .panel-body > .period > span.active {
        color: #047bb7;
        cursor: default;
    }

.btn-1, .btn-11 {
    background: #ff7200 !important;
    border: 1px #dd6707 solid;
    text-transform: uppercase;
    word-spacing: 5px;
    margin-bottom: 15px;
    color: #fff;
}

    .btn-1:hover, .btn-1:focus, .btn-11:hover, .btn-11:focus {
        background: #ff8726 !important;
        border: 1px #dd6707 solid !important;
        color: #fff;
    }

.alt-coverage > div.col-sm-12 > .ee-panel {
    background: #e6f6ff;
    border: 1px solid #a3dbf9;
}

.alt-coverage > div.col-sm-12:nth-child(2n) > .ee-panel {
    background: #fafafa;
    border: 1px solid #d9d9d9;
}

.paragraph h4 {
    color: #058bd4;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.paragraph p {
    margin: 10px 0;
    padding: 0;
}

.paragraph strong {
    margin-top: 15px;
    display: inline-block;
}

.paragraph ul {
    margin: 10px;
}

.paragraph .panel-body > img {
    transition: all .5s;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.paragraph ul li {
    list-style: none;
    padding: 3px;
}

    .paragraph ul li:before {
        content: "\e013";
        font-family: 'Glyphicons Halflings';
        margin-right: 10px;
        color: #058bd4;
    }
/*compare plan listing*/
.compare-plan-list {
    margin-top: 5px;
}

    .compare-plan-list .carousel-control.left, .compare-plan-list .carousel-control.right {
        background-image: none;
    }

    .compare-plan-list .plan {
        background: #f5f8fb;
        border: 1px solid #ddd;
        display: block;
        min-height: 430px;
        text-align: center;
        padding: 20px;
        position: relative;
        border-radius: 5px;
    }

    .compare-plan-list #grdProspectInfo_new {
        margin-bottom: 0;
    }

    .compare-plan-list .plan > img {
        width: 100%;
        margin-bottom: 15px;
    }

        .compare-plan-list .plan > img + p {
            font-size: 16px;
            color: #888;
        }

    .compare-plan-list .plan > p > strong {
        font-size: 30px;
        font-weight: normal;
        color: #777;
    }

    .compare-plan-list .plan ul {
        margin-bottom: 15px;
    }

        .compare-plan-list .plan ul > li {
            color: #4a4a4a;
            list-style: none;
            width: 70%;
            margin: 0 auto;
            text-align: left;
        }

            .compare-plan-list .plan ul > li > span {
                text-align: left;
                display: inline-block;
                float: left;
            }

    .compare-plan-list .plan > ul ~ a {
        display: block;
        clear: both;
        text-decoration: underline;
        margin: 5px 0;
    }

    .compare-plan-list .carousel-inner {
        width: 95%;
        margin: 0 auto;
    }

    .compare-plan-list .carousel-control {
        width: auto;
    }

        .compare-plan-list .carousel-control > span {
            background: #888;
            color: #fff;
            font-size: 15px;
            border-radius: 50%;
            height: auto;
            width: auto;
            padding: 10px;
            text-shadow: none;
        }

.plan a[title="Click Here"] {
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 20px;
    margin: 0px -20px;
    text-decoration: underline;
}

.plan div.alert {
    margin: 25px 0 0;
}

.plan > .btn-1, .plan > .btn-11 {
    padding: 10px 25px;
    color: #fff;
}

.compare-plan-list .plan + .btn-block {
    margin-top: 5px;
    background: #b0b0b0;
    border: 1px solid #9a9a9a;
    color: #fff;
    vertical-align: top;
}

    .compare-plan-list .plan + .btn-block > input[type="checkbox"] {
        margin-right: 5px;
    }

.compare-btn {
    margin: 30px 0 20px 0;
    text-align: center;
}

    .compare-btn + p > strong {
        font-size: 16px;
    }

.compare-plan {
    display: inline-block;
}

    .compare-plan .plan {
        background: #f8f7f7;
        border: 1px solid #d8d8d8;
        min-height: 300px;
        font-size: 14px;
    }

        .compare-plan .plan > strong {
            font-size: 16px;
            display: block;
            margin-bottom: 15px;
        }
/*selected plan*/
.plan.selected {
    background: #fff;
    border: 1px solid #b5e86d;
}

.selectedbtn span {
    color: #fff;
    margin-right: 10px;
}

.selectedbtn {
    background: #6aae09 !important;
    border: 1px solid #5b9805 !important;
}

    .selectedbtn:hover, .selectedbtn:focus {
        background: #79c013 !important;
        border: 1px solid #5b9805 !important;
    }

.plan.selected .selectbtn {
    display: none;
}

.plan.selected .selectedbtn {
    display: block;
    margin: 0 auto 15px;
}

.plan .selectedbtn {
    display: none;
    padding: 10px 15px;
}

.chkSelected {
    background: #6b6b6b !important;
    border: 1px solid #464646 !important;
}

.compare-plan-list .plan .cost-breakdown ul > li {
    width: 90%;
    text-align: right;
}

.cost-breakdown h5 {
    color: #2b85c3;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.cost-breakdown .close-cost-breakdown {
    padding: 1px 10px 3px;
}

div.cost-breakdown {
    display: block !important;
}
/*Guided Wizards*/
.check-answers {
    position: static;
    display: table;
    margin: 10px 0;
}

.question + .question {
    border-top: 1px solid #ddd;
}

.question {
    padding: 15px 0;
}
/*Apply Screen*/
.apply-screen {
    border: 1px solid #a3dbf9;
    margin: 20px 0;
}

    .apply-screen > .panel-body {
        background: #e6f6ff;
    }

        .apply-screen > .panel-body > .row > div > .plan {
            background: #fff;
            border: 1px solid #a3dbf9;
            padding: 15px;
            border-radius: 5px;
        }

.btn-2 {
    background: #fff !important;
    border: 1px #2b85c3 solid;
    text-transform: uppercase;
    word-spacing: 5px;
    margin-bottom: 15px;
    margin-top: 20px;
    color: #2b85c3;
    font-weight: bold;
}

    .btn-2:hover, .btn-2:focus {
        background: #2b85c3 !important;
        border: 1px #2b85c3 solid !important;
        color: #fff;
        transition: all .5s;
    }

.compare-plan-list .submit-plan .plan {
    text-align: left;
}

.submit-plan h5 {
    color: #2b85c3;
    font-weight: bold;
}

.submit-plan h4 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.plan ul.covered > li span {
    width: 30%;
}

.submit-plan {
    position: relative;
}

    .submit-plan .selectbtn, .submit-plan .selectbtn1 {
        position: absolute;
        bottom: 15px;
        right: 30px;
    }

    .submit-plan .plan ul > li {
        width: 100%;
    }

    .submit-plan .glyphicon {
        color: #fff;
    }

.fa-info-circle {
    color: #e8b753;
    font-size: 16px;
    top: 3px;
    margin-right: 10px;
}

.compare-plan .fa-info-circle {
    top: -2px;
}

.infoAlert > p + p {
    margin-top: 15px;
}

.plan ul.monthlycost > li.line-dash {
    margin-top: 10px;
    border-top: 1px dashed #aaa;
    padding-top: 10px;
}

.ApplyHMO h4 {
    margin-bottom: 20px;
}

.ApplyHMO label {
    font-weight: normal;
}

.ApplyHSA {
    margin-top: 25px;
}
/*Dashboard*/
.agent-details-img {
    width: 100%;
    background: url(../images/enrollment.png) -200px -20px no-repeat;
    min-height: 100px;
}

.employer-details-img {
    width: 100%;
    background: url(../images/enrollment.png) -190px -210px no-repeat;
    min-height: 100px;
}

.dash-Enrollment, .benefits-list {
    border: 1px solid #ddd;
    clear: both;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 40px;
}

.cHeader {
    width: 100%;
    min-height: 425px;
}

.dashboard-health .cHeader {
    background: url(../images/emp-enrollment-health.jpg) no-repeat -125px 0;
}

.dashboard-life .cHeader {
    background: url(../images/emp-enrollment-life.jpg) no-repeat -155px 0;
}

.cHeader-content > span {
    width: 76px;
    height: 76px;
    background: url(../images/enrollment.png) no-repeat;
    display: inline-block;
    position: relative;
    top: 25px;
    z-index: +1;
}

.cHeader-content > .WhiteBox {
    background: #fff;
    color: #111;
    display: block;
    border-radius: 5px;
    text-align: center;
    padding: 25px 8px 8px;
    font-size: 13px;
}

.dash-Enrollment h5 {
    font-weight: bold;
    font-size: 17px;
    margin-top: 0;
}

.cHeader-content {
    display: inline;
    float: right;
    margin-right: 3%;
    text-align: center;
}

.dashboard-health .cHeader-content {
    width: 70%;
}

.dashboard-life .cHeader-content {
    width: 60%;
}

#Enrollment-dashboard .carousel-control.left, #Enrollment-dashboard .carousel-control.right {
    background: none;
}

#Enrollment-dashboard .carousel-control > span {
    color: #5c5c5c;
    margin: -4px;
}

#Enrollment-dashboard .carousel-control {
    width: auto;
    text-shadow: none;
}

#Enrollment-dashboard .carousel-indicators {
    bottom: 0;
}

.cbody > div > span {
    width: 76px;
    height: 76px;
    background: url(../images/enrollment.png) no-repeat;
    display: inline-block;
    position: relative;
    top: -20px;
    margin-bottom: -20px;
}

.dashboard-health .cbody > div:first-child > span {
    background-position: -24px -465px;
}

.dashboard-health .cbody > div:last-child > span {
    background-position: -108px -465px;
}

.dashboard-life .cbody > div:first-child > span {
    background-position: -528px -465px;
}

.dashboard-life .cbody > div:last-child > span {
    background-position: -444px -465px;
}

.cbody {
    min-height: 200px;
}

#Enrollment-dashboard .carousel-indicators li {
    background-color: #cccccc;
    width: 12px;
    height: 12px;
    margin: 0;
    border: 0;
}

    #Enrollment-dashboard .carousel-indicators li + li {
        margin-left: 3px;
    }

#Enrollment-dashboard .carousel-indicators .active {
    background-color: #048bd3;
}

#Enrollment-dashboard .carousel-control .glyphicon-chevron-left, #Enrollment-dashboard .carousel-control .glyphicon-chevron-right {
    top: 35%;
    font-size: 20px;
}

.dashboard-alert > [class*="calendar"] {
    margin: 0 2px;
}

.dashboard-alert .btn-1 {
    margin-bottom: 1px;
    margin-left: 10px;
    padding: 5px;
}

    .dashboard-alert .btn-1:hover {
        color: #fff;
    }

.dashboard-alert > strong ~ .glyphicon-calendar {
    color: #bebc7f;
    font-size: 16px;
    top: 3px;
    cursor: pointer;
}

.dash-Enrollment + h4 {
    font-weight: bold;
    margin-bottom: 25px;
}

.key-fact > li {
    list-style: none;
    margin-left: 15px;
    padding: 5px 0;
}

    .key-fact > li:before {
        font-family: "Glyphicons Halflings";
        content: "\E013";
        color: #fc8300;
        margin-right: 10px;
        left: 25px;
        position: absolute;
    }

    .key-fact > li > ul {
        margin-left: 20px;
    }

        .key-fact > li > ul > li {
            list-style-type: disc;
        }

.agent-details p {
    text-align: center;
    display: block;
    margin: 7px 0;
}

.agent-details a {
    text-align: center;
    margin: 7px 0;
}

.agent-details-img, .employer-details-img {
    margin-bottom: 18px;
}

.agent-details p {
    font-size: 14px;
}

.agent-details-img + p, .agent-details h4, .emp-details li > span:last-child, .agent-details li > span:last-child, .agent-details li > span > a {
    color: #048bd3;
}

    .agent-details-img + p > strong {
        color: #5c5c5c;
    }

.agent-details h4 {
    margin: -3px 0 5px 0;
    text-align: center;
    font-size: 22px;
}

    .agent-details h4 > span {
        color: #fc8300;
        font-size: 30px;
        position: relative;
        top: 10px;
    }

.agent-details p > a {
    margin: 0;
    text-decoration: underline;
}

.emp-details li {
    list-style: none;
    line-height: 20px;
}

    .emp-details li > span {
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 700;
        display: inline-block;
    }

.agent-details li {
    list-style: none;
    font-weight: bold;
    margin-bottom: 10px;
}

    .agent-details li > span {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }
/*Medical Plan Details*/
.medical-plan-details > .plan {
    min-height: 0;
    margin-bottom: 30px;
}

    .medical-plan-details > .plan:last-child ul {
        margin-bottom: 0;
    }

    .medical-plan-details > .plan:last-child h4 {
        font-weight: bold;
        margin-bottom: 20px;
    }

    .medical-plan-details > .plan:last-child li {
        text-align: right;
        width: 100%;
    }

    .medical-plan-details > .plan > .planLegalservice:last-child li {
        text-align: left !important;
    }

.plan-summary .table {
    margin: 0;
}

.plan-summary .panel-body {
    padding: 0;
}

.plan-summary .table td {
    border: 0 !important;
}

.plan-summary .panel-primary > .panel-heading {
    background: #f9f3d9;
    border-color: #f5e1b6;
}

.plan-summary .panel-primary {
    border-color: #f5e1b6;
}

.plan-summary .table tr:nth-child(2n) {
    background: #f9f9f9;
}

.plan-summary .panel-heading h3 {
    margin-top: 0;
    color: #444;
}

.compare-plan-list .medical-plan-details .plan {
    min-height: 0;
}
/*Job Class*/
.fa-trash {
    cursor: pointer;
}

.k-grid-content {
    margin-bottom: 10px;
}

.prospects .grid-act-btn {
    position: relative;
    top: 6px;
    left: 10px;
    margin-top: 6px;
    margin-left: 0;
}


.grid-act-btn {
    position: relative;
    top: 12px;
    left: 10px;
}

.k-button {
    background-color: #e3e3e3;
    color: #000;
    border-color: #ccc;
}

.k-grid-filter.k-state-active {
    background-color: #ebebeb;
}

.custaccord-edit .card {
    margin-bottom: 5px;
}

    .custaccord-edit .card.rem-mbtm {
        margin-bottom: 0px;
    }

.no-records .k-grid.k-widget .k-grid-content {
    margin-bottom: 0;
}

    .no-records .k-grid.k-widget .k-grid-content table tr:last-child td {
        border-bottom: 0;
    }

.available-job-class {
    display: none;
}

    .available-job-class a[data-hide='closejobclass'] {
        margin: 0 15px 8px 0;
    }

.assign-class {
    margin-top: 0px;
    margin-bottom: 10px;
}
/*Plan Recommendation*/
.all-plans .k-grid.k-widget {
    margin: 25px 0;
    border: 1px solid #ddd;
    border-bottom: 0;
}

    .all-plans .k-grid.k-widget table thead tr:first-child th {
        height: 45px;
        border-bottom: 1px solid #ddd;
    }

    .all-plans .k-grid.k-widget table tbody tr td:first-child {
        font-weight: bold;
    }

    .all-plans .k-grid.k-widget table tbody tr td {
        border-bottom: 1px solid #ddd;
    }

    .all-plans .k-grid.k-widget .k-grid-content {
        margin-bottom: 0;
    }
/*Bootstrap Select */
.bootstrap-select.btn-group .btn .filter-option {
    text-overflow: ellipsis;
    width: 98%;
    margin-left: 10px;
}

.bootstrap-select > .btn {
    padding-left: 0;
}

.bootstrap-select.btn-group .btn .caret {
    color: #777;
}
/*E-payment*/
.payment-amount > div {
    margin-bottom: 5px;
}

.payment-amount label {
    padding-top: 5px;
}

.payment-amount input {
    display: inline-block;
    width: 55%;
    float: right;
}

.payment-amount label ~ span {
    font-size: 20px;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 5px;
    float: right;
}

.transaction label {
    font-size: 17px;
}

.transaction .form-group label:last-child {
    color: #bbb;
}

.left-buttons a {
    margin: 15px 0 0 10px;
}

#accordion-payment > .panel {
    margin-bottom: 5px;
}

#accordion-payment {
    margin-bottom: 5px;
}
/*Changes in Employee enrollment pages*/
a[data-target='close-agent-address'] {
    text-decoration: underline;
}

#popover-coverage {
    display: none;
}

#cart + .popover small {
    font-size: 11px;
    font-weight: normal;
}

.popover {
    max-width: 400px;
    z-index: 1039;
}

#cart + .popover {
    min-width: 0;
}

    #cart + .popover > .popover-content ul {
        margin: 0;
        padding: 0;
    }

    #cart + .popover.bottom > .arrow::after {
        border-bottom-color: #f7f7f7;
    }

    #cart + .popover > .popover-content ul > li {
        list-style: none;
        white-space: nowrap;
        padding: 2px;
    }

    #cart + .popover > .popover-content ul > li {
        background: url("../images/sprite.png") no-repeat scroll 1px 9px rgba(0, 0, 0, 0);
        padding-left: 12px;
    }

        #cart + .popover > .popover-content ul > li a {
            color: #058bd4;
        }

        #cart + .popover > .popover-content ul > li.coverage {
            font-weight: bold;
            background: none;
            padding-left: 0;
            margin-top: 10px;
        }

            #cart + .popover > .popover-content ul > li.coverage:first-child {
                margin-top: 0;
            }

        #cart + .popover > .popover-content ul > li + li::before {
            content: none;
            float: none;
        }

.enrollBenefit .k-grid.k-widget table tbody tr td:first-child {
    font-weight: normal;
}

.enrollBenefit .k-grid.k-widget table tbody tr:last-child td {
    font-weight: bold;
}

.life-event-img {
    background: url("../images/enrollment.png") no-repeat scroll -483px -28px rgba(0, 0, 0, 0);
    min-height: 100px;
    width: 100%;
}

#cart + .popover {
    top: 12px !important;
}

    #cart + .popover > .arrow {
        display: none;
    }

    #cart + .popover > .popover-content ul > li > span {
        color: #888;
        font-weight: bold;
    }

span.coverageIcon {
    width: 76px;
    height: 76px;
    background: url(../images/enrollment.png) no-repeat;
    display: inline-block;
}

span.healthIcon {
    background-position: -23px -573px;
}

span.healthGroup {
    background-position: -23px -783px;
}

span.healthIndividual {
    background-position: -129px -783px;
}

span.dentalIcon {
    background-position: -129px -573px;
}

span.lifeIcon {
    background-position: -235px -573px;
}

span.ltdIcon {
    background-position: -341px -573px;
}

span.stdIcon {
    background-position: -447px -573px;
}

span.hsaIcon {
    background-position: -553px -573px;
}

span.hraIcon {
    background-position: -659px -573px;
}

span.fsaIcon {
    background-position: -765px -573px;
}

span.wellnessIcon {
    background-position: -233px -783px;
}

.lifeChange-details p {
    margin-top: 15px;
}

    .lifeChange-details p + p.clear {
        text-align: center;
        margin-bottom: 0;
    }

.benefits-list li {
    transition: all .3s;
    overflow: hidden;
}

    .benefits-list li > span {
        float: left;
        transition: all .2s;
    }

        .benefits-list li > span h4 {
            font-weight: bold;
        }

        .benefits-list li > span:first-child {
            width: 80px;
        }

        .benefits-list li > span:last-child {
            width: 65%;
        }

            .benefits-list li > span:last-child p {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%;
            }

.benefits-list li {
    list-style-type: none;
    margin: 25px 0;
}

    .benefits-list li:hover span {
        opacity: .8;
    }

.addEmployer label {
    font-weight: bold;
}

.tab-container .addEmployer {
    padding: 15px;
    min-height: 480px;
}
/*Compare*/
.compare-page .plan {
    margin-bottom: 20px;
}

.compare-page.compare-plan-list .carousel-control > span {
    top: 13%;
}

.compare-details > table > tbody td:first-child {
    width: 60%;
}

.compare-details > table > tbody td:last-child {
    width: 40%;
}

.compare-details .fa.fa-info-circle {
    color: #bbb !important;
}

.compare-details > table > thead > tr > th {
    border-top: 1px solid #ddd !important;
}

.compare-plan-list > .medical-plan-details + div td p {
    margin: 0;
}

.plan.selected {
    transition: all .5s;
}

    .plan.selected + .compare-details .table > thead > tr > th, .plan.selected + .compare-details .table > tbody > tr > th, .plan.selected + .compare-details .table > tfoot > tr > th, .plan.selected + .compare-details .table > thead > tr > td, .plan.selected + .compare-details .table > tbody > tr > td, .plan.selected + .compare-details .table > tfoot > tr > td {
        border-color: #b5e86d;
    }

    .plan.selected + .compare-details .table > thead {
        background: #e8f9d9;
    }

.compare-page .text-center > h3 {
    margin-bottom: 20px;
}

.group-plan .plan, .compare-page.group-plan .table > thead {
    background: #f7ecba;
}

    .group-plan .plan.selected {
        background: #e9fada;
    }
/********************End of EMPLOYEE ENROLLMENT styles*******************/
.variable-tier > div label {
    font-weight: bold;
}

.variable-tier .help-block {
    margin-bottom: 0;
}

.hide-additional-carriers, .view-additional-carriers {
    padding: 10px;
    float: left;
    text-decoration: underline;
}

#dental-nonvoluntry p.logo-on-table {
    margin-top: 0;
}

.coverage-tier p {
    margin-bottom: 0;
}

    .coverage-tier p > label {
        font-weight: normal;
    }
/*Changes in EDT 'add employer' page*/
.import-options .RadioGroup > label {
    display: block;
    margin: 12px 0;
}

    .import-options .RadioGroup > label:last-child {
        margin-bottom: 25px;
    }

.quote-dates > .row label {
    width: 20%;
}

.quote-dates > .row input {
    width: 78%;
    display: inline;
}
/*Changes in Employee Enrollement pages*/
/*Emp-Enrolled Benefir page*/
.grid-highlight {
    background-image: none, -webkit-linear-gradient(top, #ffc5cc 0%, #fcd2d7 100%);
    background-image: none, -moz-linear-gradient(top, #ffc5cc 0%, #fcd2d7 100%);
    background-image: none, -o-linear-gradient(top, #ffc5cc 0%, #fcd2d7 100%);
    background-image: none, linear-gradient(to bottom, #ffc5cc 0%, #fcd2d7 100%);
}

table.highlight tr td:nth-child(10), table.highlight tr td:nth-child(11), table.highlight tr td:nth-child(12), .highlight-td {
    background: #fdf1f3;
}

.add-dependent + a[title='eligible'] {
    text-decoration: underline;
    margin-left: 15px;
}

#eligible-dependent li {
    margin: 15px 0;
}

#MainMenu > li[class^="mn"] > a + div.dropdown-level2 {
    right: 220px;
}

.general-head h3 {
    font-size: 21px;
    margin: 15px auto 10px auto;
    color: #333;
}

.general-head {
    margin-bottom: 15px;
}

.default-table.colgroup3.hide-onmobile {
    margin-top: 15px;
}
/*SEARCH in iHRIS*/
.search-table.table {
    margin-top: 30px;
}

    .search-table.table > tbody > tr > td {
        border: none;
        padding: 20px 5px;
        border-top: 1px solid #ddd;
        color: #000;
    }

    .search-table.table tr:nth-child(2n) {
        background: #fcfcfc;
    }

.search-table active {
    color: #058bd4;
}

.search-table.table tr > td:first-child {
    font-size: 16px;
}

.search-table.table tr:hover {
    background: #eee;
}

.search-buttons > a.btn {
    margin-left: 10px;
    margin-bottom: 5px;
}

.search-buttons {
    float: right;
    overflow: hidden;
}

.btn-warning.btn:hover, .btn-warning.btn:focus {
    background: #d49c3d;
}
/*End of SEARCH in iHRIS*/
.ee-panel > .panel-body h4.card-title {
    margin: 0;
    font-size: 16px;
    margin: 5px;
}
/*Coverage Election*/
.coverage-plan > div > .well {
    background: #fff;
    box-shadow: none;
    margin-top: 20px;
    padding-bottom: 5px;
    min-height: 220px;
}

    .coverage-plan > div > .well > .mainplan > span {
        float: left;
    }

    .coverage-plan > div > .well > .mainplan h3 {
        margin-top: 23px;
        margin-left: 20px;
        font-weight: bold;
    }

.coverage-plan .links li {
    display: inline-block;
    margin-right: 10px;
}

.coverage-plan .currentplan {
    display: block;
    clear: both;
    margin-top: 15px;
}

    .coverage-plan .currentplan p {
        color: #666;
        font-size: 15px;
        margin-bottom: 0;
    }

        .coverage-plan .currentplan p > span {
            color: #222;
        }

            .coverage-plan .currentplan p > span > small {
                color: #444;
                font-size: 12px;
            }

        .coverage-plan .currentplan p > a {
            color: #000;
        }

            .coverage-plan .currentplan p > a:hover {
                color: #5c5c5c;
            }

.coverage-plan .links {
    margin-top: 20px;
}

    .coverage-plan .links li a {
        color: #048bd3;
        text-decoration: underline;
    }

        .coverage-plan .links li a:hover {
            color: #0068a0;
        }

.other-textarea {
    display: none;
    margin-top: 15px;
}

.currentplan .btn-default {
    text-decoration: none;
    color: #222;
    background: #ddd;
    margin-top: 15px;
}
/*Changes*/
.vol-life-plan table {
    margin: 0 !important;
    border: 0;
}

.vol-life-plan {
    border: 0;
}

    .vol-life-plan tr td:nth-child(2n), table.vol-life-plan tr td:nth-child(4n),
    .vol-life-plan tr th:nth-child(2n), table.vol-life-plan tr th:nth-child(4n) {
        display: none;
    }

    .vol-life-plan tr td a.colgroup3 {
        display: none;
    }

        .vol-life-plan tr td a.colgroup3 + div.offset15 {
            margin: 0;
        }

.individual-plan + div.clearfix {
    margin-top: 15px;
}

.compare-plan-list .plan > p > strong > span {
    font-size: 12px;
}

.per-year, .per-period {
    display: none;
}

.plan-match input[type="checkbox"] {
    margin-right: 5px;
}

.top-menu ul > li.apply-btn::before {
    content: "";
}

.compare-plan-list .plan .cost-breakdown ul {
    margin-bottom: 0;
}


@media (max-width: 480px) {
    .card-body > .period {
        text-align: left;
    }

        .card-body > .period > span {
            display: block;
            border: 0;
            margin-top: 5px;
            padding: 0;
        }

    .compare-plan-list .plan > img {
        width: 100% !important;
    }
    /*Dashboard*/
    .cHeader-content > .WhiteBox {
        background: #333;
        color: #fff;
    }

    .carousel-inner > .item {
        padding: 15px;
    }

    .dashboard-alert .btn-1 {
        clear: both;
        display: block;
        margin-left: 0;
        margin-top: 15px;
    }

    .additional-details-filter-login-a .btn-group .btn + .btn {
        margin-left: 0px;
    }

    .padTop20 {
        padding-top: 20px;
    }
}

@media (max-width: 767px) { /*XS Extra Small Device*/
    .search-buttons > a.btn {
        margin-right: 10px;
        margin-left: 0;
    }

    .search-buttons {
        float: none;
        overflow: hidden;
        display: block;
        margin-bottom: 15px;
    }

    .quote-dates > .row input {
        width: 100%;
    }

    .compare-page.compare-plan-list .carousel-control > span {
        top: 48.5%;
    }

    .group-plan + .compare-page.compare-plan-list .carousel-control > span {
        top: 48.5%;
    }

    #Enrollment-dashboard .carousel-indicators {
        bottom: -50px;
    }

    .all-plans .k-grid-content {
        overflow: hidden;
        border-bottom: 1px solid #ddd;
    }

    #cart + .popover {
        display: none !important;
    }

    .top-menu a.cart > .value {
        color: #fff;
    }

    .top-menu .glyphicon-shopping-cart + .badge {
        background: #777;
    }

    .coverage-election .panel-body div.col-sm-12 {
        text-align: center;
    }

    .coverage-election ul > li > span {
        width: auto;
        font-weight: bold;
    }

    .coverage-election ul {
        margin-top: 20px;
        margin-bottom: 25px;
    }

    .compare-plan-list .item > .row > div {
        margin-bottom: 25px;
    }

    .compare-btn {
        margin-top: 0;
    }

    .compare-plan > div + div {
        margin-top: 30px;
    }

    .compare-plan .plan, .compare-plan-list .plan {
        min-height: 0;
        height: auto !important;
    }

    .plan a[title="Click Here"] {
        position: static;
    }

    .compare-plan-list .plan ul > li > span {
        width: 100%;
        font-weight: bold;
        text-align: center;
    }

    .compare-plan-list .plan ul > li {
        text-align: center;
    }

    .compare-plan-list .submit-plan .plan ul > li > span {
        text-align: left;
    }

    .compare-plan-list .submit-plan .plan ul > li {
        text-align: left;
    }

    .submit-plan .btn-1, .submit-plan .btn-11 {
        position: static;
    }

    .ApplyHSA + .btn-1, .ApplyHSA + .btn-11 {
        margin-top: 30px;
    }

    .compare-plan-list .plan > img {
        width: auto;
    }

    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 180px !important;
    }
    /*Dashboard*/
    .life-event-img, .agent-details-img, .employer-details-img, .cHeader-content > span {
        display: none;
    }

    .agent-details p, .agent-details a, .agent-details h4 {
        text-align: left;
    }

    .emp-details li > span, .agent-details li > span {
        width: auto;
        margin-right: 15px;
    }

    .cHeader {
        min-height: 420px !important;
        margin-bottom: 30px;
        clear: both;
        display: table;
    }

    .cHeader-content > .WhiteBox {
        min-height: 300px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .cbody > div > span {
        margin-bottom: 0;
        position: static;
    }

    .cbody > div + div {
        margin-top: 30px;
    }

    #Enrollment-dashboard .carousel-indicators {
        bottom: -33px;
    }

        #Enrollment-dashboard .carousel-indicators li + li {
            margin-left: 15px;
        }

    .dash-Enrollment, .benefits-list {
        margin-bottom: 55px;
    }

    .carousel-inner > .item {
        padding: 20px;
    }

    .medical-plan-details > .plan:last-child li {
        text-align: center;
    }

    .agent-details li > span {
        text-align: left !important;
    }
    /* .inner-container{width:66%}*/
}

@media (min-width: 768px) and (max-width: 991px) { /*SM - Tablet*/
    .quote-dates > .row input {
        width: 100%;
    }

    .compare-plan .plan, .compare-plan-list .plan {
        min-height: 530px;
    }

        .compare-plan-list .plan ul > li > span {
            width: 100%;
            font-weight: bold;
            text-align: center;
        }

        .compare-plan-list .plan ul > li {
            text-align: center;
        }

    .medical-plan-details > .plan:last-child li {
        text-align: center;
    }

    .submit-plan h4 {
        min-height: 50px;
    }

    .compare-plan-list .submit-plan .plan ul > li {
        margin-top: 10px;
    }
    /*Dashboard*/
    .agent-details h4 {
        font-size: 18px;
        font-weight: bold;
        margin-top: 15px;
    }

    .agent-details-img + p > strong {
        display: block;
    }

    .agent-details-img {
        background-position: -287px 0;
    }

    .emp-details li > span {
        width: 100%;
        overflow: visible;
        white-space: normal;
    }

    .emp-details li + li {
        margin-top: 10px;
    }
    /*.inner-container{width:68%}
  .outer-container{border-bottom:1px solid #ddd}*/
}

@media (min-width: 992px) and (max-width: 1199px) { /*MD Medium desktop*/
    .compare-plan-list .plan ul > li {
        width: 90%;
    }

    .compare-plan-list .plan {
        min-height: 450px;
    }

    .compare-plan .plan {
        min-height: 340px;
    }

    .benefits-list li > span:first-child {
        width: 30%;
    }

    .cHeader {
        min-height: 430px !important;
    }
    /*.inner-container{width:77%}
.outer-container{border-bottom:1px solid #ddd}
.inner-container td{width:339px}*/
}

@media screen and (max-width: 1199px) { /*MD Medium desktop and Less than MD Medium Desktop*/
    .dashboard-health .cHeader-content, .dashboard-life .cHeader-content {
        width: 90%;
        margin-right: 5%;
    }

    .cHeader {
        min-height: 480px;
    }

    .WhiteBox {
        opacity: .9;
    }

    .agent-details h4 > span {
        display: none;
    }

    .dashboard-alert > strong {
        display: block;
        margin-bottom: 15px;
    }

    .agent-details li > span {
        width: 100%;
        display: block;
        text-align: center;
    }
}
/*table with fixed column - Emp Enrollment Compare pages*/
.inner-container table {
    table-layout: fixed;
    width: 100%;
}

.inner-container > table > tbody > tr:first-child > th {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.inner-container > table > tbody > tr > th {
    z-index: 0;
}

.inner-container > table > tbody > tr:last-child > th {
    border-bottom: 1px solid #ddd;
}

.inner-container > table > tbody > tr > th + td {
    border-left: 2px solid #ddd;
}

.inner-container > table > tbody > tr.row1, .inner-container > table > tbody > tr > td.row1 {
    height: 70px;
}

.inner-container > table > tbody > tr.row2 {
    height: 76px;
}

.inner-container th, .inner-container td {
    padding: 10px;
    vertical-align: top;
}

.inner-container td {
    z-index: 0;
    position: relative;
    border-left: 1px solid #ddd;
    text-align: center;
    width: 293px;
}

.inner-container th, .two-column .inner-container th + td {
    z-index: 1;
    padding-bottom: 9px;
    left: 0;
    position: absolute;
    width: 100%;
    border: 1px solid #ddd;
    border-bottom: 0;
}

    .inner-container th span {
        width: 150px;
        display: block;
        overflow: hidden;
    }

    .inner-container th.head {
        background: #f5f8fb;
        font-size: 15px;
        color: #2b85c3;
        font-weight: bold;
    }

.outer-container {
    position: relative;
    overflow: hidden;
}

.inner-container {
    margin-left: 210px;
    overflow-x: auto;
    overflow-y: visible;
    width: 81.5%;
}

    .inner-container .icon-area-outer {
        border: 2px solid #9c9c9c;
        border-radius: 10px;
        color: #fff;
        cursor: pointer;
        float: left;
        height: 20px;
        width: 20px;
        margin-right: 5px;
    }

    .inner-container .icon-area {
        background-color: #8b8b8b;
        border: 2px solid #fff;
        border-radius: 8px;
        color: #fff;
        display: inline-block;
        height: 16px;
        text-align: center;
        transform: rotate(180deg);
        vertical-align: top;
        width: 16px;
    }

        .inner-container .icon-area p {
            color: #fff;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 10px;
            line-height: 11px;
            margin: 0;
            padding: 0;
            text-align: center;
        }

    .inner-container .plan {
        margin-bottom: 0;
    }
/*Two Column Fix*/
.two-column .inner-container {
    margin-left: 500px;
    width: 54%;
}

    .two-column .inner-container th + td {
        left: 200px;
        width: 300px;
        background: #e3f4fc;
    }

        .two-column .inner-container th + td .plan {
            background: #fff;
            border: 1px solid #c3d4dc;
        }

.inner-container td .plan {
    padding-top: 30px;
}

    .inner-container td .plan:before {
        content: "x Remove";
        position: absolute;
        top: 5px;
        right: 10px;
        cursor: pointer;
        font-size: 12px;
        opacity: .4;
    }

    .inner-container td .plan:hover:before {
        opacity: 1;
    }
/*Dental Election Pages*/
.compare-plan-list .plan ul.value-list > li {
    text-align: left;
    margin-bottom: 3px
}

    .compare-plan-list .plan ul.value-list > li:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .compare-plan-list .plan ul.value-list > li > span {
        text-align: left;
        width: 71%;
    }

.compare-plan-list .plan ul.value-list.compare_vlist > li > span {
    display: block;
    width: 71%;
    color: #666;
    font-weight: bold;
}

.compare-plan-list .plan ul.value-list.compare_vlist > li {
    color: #999;
}

.dental-plan-selector .plan {
    min-height: 0;
    text-align: left;
}
/*Compare radio block*/
.inner-container th.Compare-Options span.custom-radio {
    display: inline-block;
    width: 16px;
}

th.Compare-Options label {
    display: block;
    margin-bottom: 5px;
}

.ee-panel > .panel-body th.Compare-Options h4 {
    font-size: 16px;
    margin: 22px 0 8px 0;
}

    .ee-panel > .panel-body th.Compare-Options h4:first-child {
        font-size: 20px;
    }

.ee-panel > .panel-body th.Compare-Options input[type="checkbox"] {
    margin-right: 5px;
}

.similar-row-bg, .difference-row-bg, .two-column .inner-container th.similar-row-bg + td, .two-column .inner-container th.difference-row-bg + td {
    background: #fcf8e3;
    transition: all .3s;
}

.two-column .inner-container th.head + td {
    background: #f5f8fb;
    border-left: 0;
    border-right: 0;
}

.two-column .inner-container th.similar-row-bg + td, .two-column .inner-container th.difference-row-bg + td {
    border-left: 0;
    border-right: 0;
}

.edt-compare td img {
    max-width: 90%;
    margin-top: 10px;
}

.edt-compare tr > th ~ td img + p {
    font-weight: bold;
    margin-top: 20px;
    font-size: 16px;
}
/*waiver reason pop over form style issue fix */
.editable-input select.form-control, .editable-input input.form-control {
    max-width: 100%;
    margin-bottom: 10px;
    width: 100%;
}

.WaivedReason.editable.editable-click {
    text-decoration: underline !important;
    margin-left: 5px !important;
    border-bottom-style: none;
    border-bottom: 0;
}

.editableform .glyphicon {
    margin-right: 0;
}
/*Classes for spaces*/
.mtop-20 {
    margin-top: 20px;
}

.mtop-30 {
    margin-top: 30px;
}

.noscroll-inner-container {
    overflow-x: auto;
    padding-bottom: 10px;
}

.bottomScroll-inner-container {
    padding-bottom: 3px;
}
/*LG*/
@media screen and (max-width: 1199px) {
}
/*MD*/
@media (min-width: 992px) and (max-width: 1199px) {
    .inner-container {
        width: 76%;
    }

    .two-column .inner-container {
        width: 43%;
    }
}
/*SM*/
@media (max-width: 991px) {
    .inner-container {
        width: 69.8%;
    }

    .compare-plan-list .two-column .inner-container .plan .cost-breakdown ul > li {
        text-align: center;
    }

    .two-column .inner-container th, .two-column .inner-container th + td {
        width: 300px;
        position: static;
    }

    .two-column .inner-container {
        width: 100%;
        margin-left: 0;
    }

        .two-column .inner-container td {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
        }

    .two-column .inner-container {
        border-right: 1px solid #ddd;
    }

    .two-column > .inner-container:first-child {
        border-right: 0;
    }
}
/*XS*/
@media (max-width: 767px) {
    .inner-container {
        width: 100%;
        margin-left: 0;
        border-right: 1px solid #ddd;
    }

    .compare-plan-list .plan > img {
        width: 100%;
    }

    .inner-container th {
        position: static;
        width: 200px;
    }

    .inner-container td {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .inner-container > table > tbody > tr > th + td {
        border-left: 1px solid #ddd;
    }

    .outer-container > .inner-container:first-child {
        border-right: 0;
    }

    .compare-plan-list .inner-container .plan .cost-breakdown ul > li {
        text-align: center;
    }

    #grdBenefitElectionSelection .k-hierarchy-col {
        width: 100% !important;
    }

    #grdBenefitElectionSelection col {
        width: auto !important;
    }

    .bottomScroll-inner-container {
        padding-bottom: 0;
    }
}

@media (max-width: 439px) {
}

@media (max-width: 320px) {
}
/* OnBoarding Screen text alignment*/
.boarding {
    font-size: 14px;
}

    .boarding ol {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .boarding ul {
        margin-top: 10px;
    }

        .boarding ul li {
            margin: 3px 0 0 15px;
            word-wrap: break-word;
        }
/*Pediatric Page */
.pediatric-panel .RadioGroup {
    margin-top: 15px;
}

    .pediatric-panel .RadioGroup > p {
        margin-top: 5px;
    }

.pediatric-panel > .panel-body > h4 {
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 15px;
}
/****Updated new icons in EDT*****/
.EDT-premium {
    width: 31px;
    height: 31px;
    background: url(../images/EDT-icons.png) no-repeat -1px -30px !important;
    display: inline-block;
}

.EDT-medical {
    width: 36px;
    height: 32px;
    background: url(../images/EDT-icons.png) no-repeat -1px -120px !important;
    display: inline-block;
}

.EDT-dental {
    width: 24px;
    height: 34px;
    background: url(../images/EDT-icons.png) no-repeat -1px -212px !important;
    display: inline-block;
}

.EDT-life {
    width: 40px;
    height: 37px;
    background: url(../images/EDT-icons.png) no-repeat -1px -305px !important;
    display: inline-block;
}

.EDT-std {
    width: 22px;
    height: 47px;
    background: url(../images/EDT-icons.png) no-repeat -1px -401px !important;
    display: inline-block;
}

.EDT-ltd {
    width: 40px;
    height: 43px;
    background: url(../images/EDT-icons.png) no-repeat -1px -507px !important;
    display: inline-block;
}

.EDT-employer {
    width: 27px;
    height: 36px;
    background: url(../images/EDT-icons.png) no-repeat -1px -610px !important;
    display: inline-block;
}

.EDT-shared {
    width: 34px;
    height: 33px;
    background: url(../images/EDT-icons.png) no-repeat -1px -706px !important;
    display: inline-block;
}

.EDT-vision {
    width: 35px;
    height: 24px;
    background: url(../images/EDT-icons.png) no-repeat -1px -798px !important;
    display: inline-block;
}

.EDT-icons-02.infographic-block ul.infographic-wrapper2 > li span.infographic-icon {
    min-height: 55px;
    min-width: 45px;
    width: auto;
    height: auto;
}

.EDT-icons-02.infographic-block ul.infographic-wrapper2 > li span.infographic-text,
.EDT-icons-02.infographic-block ul.infographic-wrapper2 > li span.infographic-amount {
    padding-top: 0;
}


@media (max-width: 991px) {
    .EDT-icons-01.initial-infographic ul.infographic-wrapper > li span.infographic-icon {
        min-height: 0;
        min-width: 60px;
    }

    .EDT-icons-01.initial-infographic .infographic-text {
        margin-top: 0;
    }

    .EDT-icons-01.infographic-block ul.infographic-wrapper > li span.infographic-text {
        font-size: 14px;
        text-align: center;
    }

    .EDT-icons-02 .infographic-wrapper > li {
        height: auto !important;
        margin: 15px 0 0;
    }

    .EDT-icons-02 > div {
        margin: 15px 0;
    }

        .EDT-icons-02 > div h1 {
            margin-bottom: 30px;
        }
}

@media (max-width: 479px) {
    .EDT-icons-01.initial-infographic ul.infographic-wrapper > li span {
        display: block;
    }

        .EDT-icons-01.initial-infographic ul.infographic-wrapper > li span.infographic-icon {
            display: none;
        }

        .EDT-icons-01.initial-infographic ul.infographic-wrapper > li span.infographic-amount {
            float: left;
        }

    .EDT-icons-01.infographic-block ul.infographic-wrapper > li span.infographic-text {
        clear: both;
    }

    .EDT-icons-02.infographic-block ul.infographic-wrapper2 > li span.infographic-amount {
        clear: both;
    }

    .EDT-icons-02 .infographic-list-block {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .EDT-icons-02.infographic-block ul.infographic-wrapper2 > li span {
        font-size: 16px;
    }
}
/****ENDS*****Updated new icons in EDT****/
/*Changes in EE Portal*/
.add-edit-main .button-block button {
    margin-bottom: 5px;
}

tr[id$="rtcl"] > td[data-title*="Date"], #shw-add-main > td[data-title*="Date"] {
    position: relative;
}

.info-iconfix {
    height: 74px;
}

.hg2 {
    text-align: right;
}

.dt2 {
    width: 26%;
}

.button-block-grid {
    padding-top: 15px;
    margin-bottom: 0;
}

    .button-block-grid .btn {
        padding-right: 15px;
        margin-left: 0;
    }

.panel-invoice {
    padding-top: 15px;
    margin-top: 20px;
}

.add-option2 h1, .add-option1 h1 {
    margin-top: 0;
}

.add-save-close {
    margin-left: 0;
}

td[data-title*="Effective "] {
    position: relative;
}

.new-pagination {
    margin-bottom: 2px;
}
/*Disabled Checkbox*/
.checked-disabled, .unchecked-disabled {
    width: 14px;
    height: 14px;
    display: inline-block;
    cursor: not-allowed;
    background: url(../images/check_group.png) no-repeat;
    position: relative;
    top: 2px;
}

.unchecked-disabled {
    background-position: 0 -13px;
}

td[data-title="Merchant Category Codes"], .multiselectTD {
    width: 30%;
}
/*Button Blocks 1. button-block*/
.button-block-02 {
    margin-top: 30px;
    margin-bottom: 0;
}

    .button-block-02 button {
        margin-left: 15px;
    }

.newadd {
    margin-top: 15px;
}

table.tool-tab tr td:last-child {
    border-right: 0;
}

.tool-grid-head > .k-grid-header-wrap {
    border-right: 0;
}

.available-option {
    margin-top: 6px;
    font-weight: normal;
}
/*Add Employee*/
.add-employee .tab-container .addEmployer {
    min-height: 0;
}

.add-employee .addclient-panel .add-edit-main .panel,
.add-employee .addclient-panel .panel-border {
    border: 1px solid #dadcdf;
}

.add-employee .addclient-panel .panel-form {
    padding-top: 10px;
    padding-bottom: 10px;
}

.add-employee .addclient-panel .div-page-status {
    margin-bottom: 25px;
    margin-top: 10px;
}

.add-employee .addclient-panel .panel-border {
    border-bottom: 0;
}

    .add-employee .addclient-panel .panel-border table {
        margin-bottom: 0;
    }

.add-employee .addclient-panel .noofrecords {
    border-bottom: 1px solid #dadcdf;
}

    .add-employee .addclient-panel .noofrecords table {
        margin-bottom: 10px;
    }

.add-employee .recordfound {
    display: none;
}

.add-employee .norecord td {
    text-align: center;
}

.add-employee .glyphicon-chevron-right {
    margin-left: 5px;
    margin-right: 0;
}

.employeeSummary > div .form-group > label {
    margin: 0;
}

    .employeeSummary > div .form-group > label:last-child {
        font-weight: normal;
        display: block;
        min-height: 20px;
        color: #888;
    }

.employeeSummary > div .form-group {
    margin-bottom: 25px;
}

.employeeSummary .RadioGroup label {
    display: block;
    margin-bottom: 15px;
}

.employeeSummary .RadioGroup {
    margin-top: 20px;
}

.ImportEmployeeYes {
    display: none;
}

.inner-save {
    display: none;
}

#inner-save {
    margin-top: 20px;
}
/*Fix for Table vertical scroll*/
.fixtable .k-grid-header {
    padding-right: 0 !important;
}

.fixtable .k-grid-header-wrap {
    border-right: 0;
}

.fixtable .k-grid-content {
    overflow-y: hidden;
}

    .fixtable .k-grid-content table tr td:last-child {
        border-right: 0;
    }

.add-benefit-btn {
    margin-top: 25px;
}

.no-pagination {
    margin-top: 20px;
}

    .no-pagination table {
        margin-bottom: 0;
        border-right: 1px solid #dadcdf;
        border-left: 1px solid #dadcdf;
    }

button[id^="tddrop"] + ul > li > label {
    display: block;
}

    button[id^="tddrop"] + ul > li > label input[type="checkbox"] {
        vertical-align: middle;
        margin-top: 0;
    }
/*************Employer BENEFIT************/
.button-block.button-block-nobottom button {
    margin-bottom: 0;
}

.GracePeriod .form-control {
    display: inline-block;
    width: 110px;
    margin-left: 10px;
}

.GracePeriod .form-group > div > label:first-child {
    margin-bottom: 20px;
    display: block;
}

.GracePeriodCheck input {
    margin-right: 5px;
}

#carrier-select, .input-group .vendor-select, .form-control.rule, .account-name {
    width: 99.9%;
}

.grid-btn {
    margin-bottom: -10px;
    margin-top: 20px;
    padding-right: 0;
}

.Emp-Benefit-Details ul.nav + .tab-wrapper {
    margin-bottom: 0;
    padding-top: 0;
}

.grace .custom-radio input[type="radio"] {
    left: 0;
}

.grace .gracehead > label {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: bold;
}

    .grace .gracehead > label > input[type="checkbox"] {
        margin-right: 5px;
    }

.grace .input-group .custom-radio {
    top: 2px;
}

.grace > div.panel {
    margin-bottom: 15px;
}

.grace .input-group-addon {
    background: #fff;
}

.add-stack-content h1, .add-benefit-content h1 {
    margin-top: 0;
}

.add-stack-content .button-block button, .add-benefit-content .button-block button {
    margin-bottom: 3px;
}

.add-stack-content .glyphicon-ban-circle {
    margin-left: 5px;
}

.helpBlockvalue {
    color: #a94442;
}

.contributes-rates {
    margin-top: 5px;
}

    .contributes-rates input[type="checkbox"] {
        margin-right: 5px;
    }

.new-add-content.wizard .addclient-panel, .new-add-content.rate-wizard .addclient-panel {
    min-height: 335px;
}

.contributes-rates label {
    font-weight: normal;
}

.panel-group .panel.scheduleDetails {
    margin-bottom: 5px;
}
/*****************ESign Starts******************/
.modal-title .fa-info-circle {
    color: #fff !important;
    top: 4px;
    font-size: 21px;
}

.noborder-right tr > td:last-child {
    border-right: 0;
}

tr.carrier p.k-reset {
    display: block;
}

.esign-doc h3 {
    font-size: 16px;
    font-weight: bold;
}

.esign-doc div iframe {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
}

.esign-doc > .panel-body > h3 {
    color: #058bd4;
    font-size: 14px;
    font-weight: normal;
}

.esign-doc > .e-buttons {
    margin-top: 15px;
}

    .esign-doc > .e-buttons > .btn {
        margin-left: 10px;
    }

.page-header + div + .esign-status {
    margin-bottom: 20px;
}

.esign-doc > .e-buttons .glyphicon-chevron-right {
    margin-right: 0;
    margin-left: 5px;
}

.esign-doc > .panel-body {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}

    .esign-doc > .panel-body > ul.list {
        margin-left: 30px;
        margin-top: 15px;
    }

    .esign-doc > .panel-body > ul > li {
        margin: 5px 0;
        margin-left: 17px;
    }

    .esign-doc > .panel-body > ul > ul {
        list-style-type: circle;
        margin-left: 15px;
        margin-top: 10px;
    }

        .esign-doc > .panel-body > ul > ul > li {
            margin: 5px 0;
        }

.esign-doc + .div-page-status {
    margin-top: 20px;
}

    .esign-doc + .div-page-status strong {
        margin-right: 5px;
    }

span.e-status {
    display: inline-block;
}

span.e-text {
    vertical-align: top;
    font-weight: bold;
    font-size: 16px;
}

.e-text.text-danger {
    color: #db1f2a;
}

.e-buttons .btn {
    margin-left: 5px;
}

.btn-cancel {
    background: #5b5b5b;
    border-color: #5b5b5b;
    color: #fff;
}

    .btn-cancel:hover, .btn-cancel:focus {
        background: #757575 !important;
        border-color: #5b5b5b;
        color: #fff;
    }

    .btn-cancel:disabled {
        background: #b2b2b2;
        border-color: #b2b2b2;
        cursor: not-allowed;
    }

        .btn-cancel:disabled span.glyphicon, .btn-cancel span.glyphicon {
            color: #fff;
        }

.esign-date span {
    display: block;
    color: #058bd4;
}

.esign-date {
    margin-top: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}

.uploadDoc {
    margin-top: 20px;
}

#dvUploadDocuments .k-grid-header, div.k-grid-footer {
    border-bottom-style: none;
}

    #dvUploadDocuments .k-grid-header .k-header {
        border-width: 0 0 0px 1px;
        font-weight: bold;
    }

.uploadDoc table td {
    vertical-align: middle !important;
}

.uploadDoc table .fa.deactive {
    color: #ccc;
    cursor: not-allowed;
}

.uploadDoc table .fa {
    cursor: pointer;
    font-size: 16px;
}

.uploadDoc table td .btn.disabled {
    background: #ddd;
    border-color: #aaa;
    cursor: not-allowed;
}

.visuallyhidden {
    display: none;
}

.wizard-progress {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

    .wizard-progress li {
        float: left;
        margin-right: 20px;
        text-align: center;
        position: relative;
        width: 140px;
    }

    .wizard-progress .step-name {
        color: #aaa;
        display: block;
        font-size: 12px;
        height: 22px;
        padding-top: 2px;
        text-align: center;
        vertical-align: top;
        width: 100%;
    }

    .wizard-progress .step-name-wrapper {
        display: table-cell;
        height: 100%;
        vertical-align: bottom;
    }

    .wizard-progress .step-num {
        background-color: #ddd;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        height: 30px;
        padding-top: 4px;
        width: 30px;
    }

        .wizard-progress .step-num:after {
            background: #eeeeee;
            bottom: 12px;
            content: "";
            display: block;
            height: 5px;
            left: 30px;
            position: relative;
            width: 133px;
        }

    .wizard-progress .active-line .step-num:after {
        background: #049f58;
    }

    .wizard-progress li:last-of-type .step-num:after {
        display: none;
    }

    .wizard-progress .active-step .step-num {
        background-color: #049f58;
    }

    .wizard-progress .active-step .step-name {
        color: #444;
    }

#grdDocuments strong .text-danger, #grdDocuments strong .text-success {
    margin-left: 10px;
}

#grdDocuments .text-danger, #grdDocuments .text-success {
    font-weight: bold;
}

#grdDocuments .text-danger {
    color: #c00808;
}

#grdDocuments .text-success {
    color: #029552;
}

.e-process {
    width: 19.2%;
    float: left;
    padding: 10px;
}

.e-process-content {
    border: 1px solid #ddd;
    border-radius: 5px;
    min-height: 325px;
    text-align: center;
    display: block;
    padding: 10px 5px;
}

    .e-process-content h4 {
        font-size: 20px;
    }

    .e-process-content h5 {
        font-size: 16px;
        color: #058bd4;
        min-height: 36px;
    }

.process-icon {
    width: 104px;
    height: 103px;
    background: url("../images/enrollment.png");
    display: inline-block;
    margin: 0 auto;
    margin-top: 5px;
}

    .process-icon.step1 {
        background-position: -462px -193px;
    }

    .process-icon.step2 {
        background-position: -579px -193px;
    }

    .process-icon.step3 {
        background-position: -696px -193px;
    }

    .process-icon.step4 {
        background-position: -462px -310px;
    }

    .process-icon.step5 {
        background-position: -579px -310px;
    }

.progress-numbers {
    width: 20%;
    float: left;
    margin-bottom: 20px;
    text-align: center;
}

    .progress-numbers > span {
        background: #058bd4;
        width: 34px;
        height: 34px;
        margin: 0 auto;
        border-radius: 50%;
        display: inline-block;
        color: #fff;
        padding-top: 8px;
        font-weight: bold;
        position: relative;
        z-index: 1;
    }

    .progress-numbers:after {
        background: #058bd4;
        bottom: 20px;
        content: "";
        display: block;
        height: 8px;
        position: relative;
        right: -50%;
        width: 100%;
    }

.progress-flow > .progress-numbers:last-child:after {
    display: none;
}

.EDoc a.accordion-menu {
    overflow: hidden;
    display: block;
}

.e-process-content h4 > span {
    display: none;
}

.redobtn {
    float: right;
    margin-right: 15px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none !important;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

@media (min-width: 568px) and (max-width: 767px) {
    .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: right;
        margin-bottom: 5px;
        margin-right: 5px;
        margin-top: 5px;
    }

    .grid-act-btn {
        top: 10px;
    }

    .k-webkit .k-grid .k-pager-numbers {
        position: absolute;
        left: 4.6em;
    }
}

@media (max-width: 991px) {
    .e-status ol {
        margin-left: 0px;
    }

    .wizard-progress li {
        width: 105px;
        margin-right: 30px;
    }

        .wizard-progress li:last-child {
            width: 105px;
            margin-right: 0px !important;
        }


    span.e-status {
        display: block;
        margin-top: 15px;
    }

    /*Esign Process*/
    #esign-process .modal-dialog {
        width: 90%;
    }

    .e-process {
        width: 100%;
        float: none;
    }

    .process-icon {
        float: left;
        margin-right: 15px;
    }

    .e-process-content {
        text-align: left;
        min-height: 0;
        overflow: hidden;
    }

        .e-process-content h5 {
            min-height: 0;
        }

        .e-process-content h4 > span {
            background: #058bd4;
            border-radius: 5px;
            color: #fff;
            display: inline-block;
            float: right;
            font-size: 14px;
            padding: 4px 6px 6px;
        }

    .progress-flow {
        display: none;
    }
}

@media (max-width: 767px) {
    .e-status ol {
        margin-left: 0;
    }

    .wizard-progress li {
        width: auto;
    }

    .wizard-progress .step-num::after, .wizard-progress .active-line .step-num::after {
        background: none;
    }

    .wizard-progress .step-num {
        float: left;
        margin-right: 10px;
    }

    .wizard-progress li {
        margin-right: 0;
        float: none;
        clear: both;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .wizard-progress .step-name {
        float: left;
        width: auto;
        padding-top: 5px;
        font-size: 13px;
    }

    .esign-date .col-xs-4 {
        width: 100%;
        margin-bottom: 15px;
    }

    .modal-header .close {
        margin: 2px 0px 0px 0px;
    }

    .mobenable span.fa.fa-pencil-square-o {
        position: relative;
        right: -60px;
    }
}

.thankyou {
    margin: 70px auto;
    padding: 30px 15px;
    border: 1px solid #ddd;
    width: 60%;
    border-radius: 7px;
}

    .thankyou p {
        width: 80%;
        margin: 0 auto;
        line-height: 20px;
        font-size: 14px;
    }

    .thankyou h1 {
        font-size: 36px;
        font-weight: bold;
    }

    .thankyou h2 {
        font-size: 22px;
        color: #5c5c5c;
        font-weight: normal;
        margin-top: 5px;
        margin-bottom: 20px;
    }

@media (max-width: 991px) {
    .thankyou p {
        width: 80%;
    }

    .thankyou {
        width: 100%;
    }
}
/*****************ESign Ends******************/
@media screen and (min-width: 1199px) {
    .clearheight {
        clear: both;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .clearheight {
        clear: both;
    }
}

@media (max-width: 991px) {
    .clearheight {
        clear: none;
    }

    .mainplan .btn-primary {
        display: block;
        clear: both;
        width: 100%;
    }

    .finalize-Enrollment .dashboard-health .cHeader-content {
        width: auto;
        margin: 5%;
    }

    .new-pagination .pagination-arrow {
        margin: 2px 0 10px 10px;
    }

    .new-pagination .k-pager-wrap {
        clear: both;
        float: left;
        margin-left: 15px;
    }

    .new-pagination .k-pager-info {
        clear: both;
        margin-left: 0;
        padding: 5px 0;
        float: left;
    }
}

@media (max-width: 767px) {
    td[data-title="Merchant Category Codes"], .multiselectTD {
        width: auto;
    }

    .coverage-plan > div > .well > .mainplan h3 {
        margin-left: 0;
    }

    .coverage-plan > div > .well > .mainplan > span {
        float: none;
    }

    .coverage-election .large {
        text-align: center;
        font-size: 30px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .finalize-Enrollment .dashboard-health .cHeader {
        margin-bottom: 0;
    }

    .info-data td {
        width: 100%;
        display: block;
    }

    .info-iconfix {
        height: auto;
    }

    .import-global {
        margin-top: 20px;
    }
}

@media (max-width: 479px) {
    .enroll-links a, .selection-summary a {
        display: block;
    }

    .finalize-Enrollment .cHeader-content > .WhiteBox {
        margin: 0;
    }
}

@media (max-width: 320px) { /*for mobile less than 320*/
}
/***************User Management**********************/
.security-ans ul {
    margin: 0;
    padding: 0;
}

    .security-ans ul li {
        list-style-type: decimal;
        margin-left: 15px;
        padding-left: 5px;
        margin-bottom: 10px;
    }

.div-page-status.role {
    margin: 0 15px 15px 015px;
}

.div-page-status.sanswers {
    margin: 0 0 15px 0;
}

.sanswers-btn {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.EvidenceInsurability {
    background: url('../images/enrollment.png') no-repeat -16px -1148px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 5px;
}
/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.infographic-block .carousel {
    margin-bottom: 0;
    padding: 0px;
}
/* Reposition the controls slightly */
.infographic-block .carousel-control {
    left: 3px;
}

    .infographic-block .carousel-control.right {
        right: 3px;
        left: auto;
    }
/* Changes the position of the indicators */
.infographic-block .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
    /* Changes the colour of the indicators */
    .infographic-block .carousel-indicators li {
        background: #c0c0c0;
    }

    .infographic-block .carousel-indicators .active {
        background: #333333;
    }

.infographic-block .carousel-control {
    background: #3e6177;
    border: 3px solid #ffffff;
    border-radius: 23px;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    height: 26px;
    line-height: 16px;
    margin-top: -20px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: 48%;
    width: 27px;
}

.emp_cost_analysis.infographic-block ul.infographic-wrapper > li {
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    height: 186px;
}

.emp_cost_analysis.infographic-block ul.infographic-wrapper {
    border-radius: 5px;
    display: table;
    width: 100%;
    table-layout: fixed;
}

@media (max-width: 767px) {
    #myModalRecommendAddress .radio_box {
        width: auto;
        padding-left: 10px;
        padding-right: 0px;
        clear: both;
    }
}

@media (max-width: 767px) {
    .plan_tab_contain ul {
        display: block;
    }

    .plan_tab_contain .plan_tab_item {
        display: block;
        width: 100%;
        border: none;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .initial-infographic ul.infographic-wrapper > li {
        min-height: 190px;
        width: 16.3%;
    }

        .initial-infographic ul.infographic-wrapper > li span.infographic-amount {
            font-size: 16px;
            font-weight: 600;
        }

    .initial-infographic .infographic-text {
        margin-top: 15px;
    }
}

@media (max-width: 991px) {
    .EDT-icons-01.initial-infographic ul.infographic-wrapper > li span.infographic-icon {
        min-height: 0;
        min-width: 45px;
    }

    .EDT-icons-01.infographic-block ul.infographic-wrapper > li span.infographic-text {
        font-size: 14px;
        text-align: center;
        line-height: 34px;
    }

    .EDT-icons-01.initial-infographic .infographic-text {
        margin-top: 0;
    }

    .EDT-icons-01.infographic-block ul.infographic-wrapper > li span.infographic-text {
        font-size: 14px;
        text-align: center;
        line-height: 16px;
    }
}

@media (max-width: 767px) {
    .infographic-block .carousel-control {
        display: none !important;
    }

    .carousel-inner > .item {
        padding: 0px;
    }

    .EDT-icons-01.infographic-block ul.infographic-wrapper > li span.infographic-text {
        line-height: 34px;
    }

    .emp_cost_analysis.infographic-block ul.infographic-wrapper, .emp_cost_analysis.infographic-block ul.infographic-wrapper > li, .carousel-inner > .item {
        display: block;
        height: auto;
    }

    .emp_cost_analysis.infographic-block .carousel-inner .item ul.infographic-wrapper {
        border-radius: 0px;
        border-bottom: none;
    }

    .emp_cost_analysis.infographic-block .carousel-inner .item:last-child ul.infographic-wrapper {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #add2e6;
    }

    .emp_cost_analysis.infographic-block .carousel-inner .item:first-child ul.infographic-wrapper {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .card-body.tab-content .edit-accordion {
        margin-right: 0px;
        font-weight: normal;
    }
}

.displaynone {
    display: none;
}

.no_app_record {
    padding: 15px 0px;
    font-weight: bold;
}


.individual_grid .coverageIcon {
    display: inline-block;
    background: url("../images/enrollment.png") no-repeat scroll 0 0;
    height: 30px !important;
    width: 30px !important;
}

.individual_list .legend_status {
    border-top: solid 1px #ddd;
    padding-top: 10px;
    padding-bottom: 0px;
}

    .individual_list .legend_status .legend_hold {
        line-height: 28px;
        padding: 5px 5px;
    }

.individual_list.individual_grid span.health {
    background-position: -349px -878px;
}

.individual_list.individual_grid span.dental {
    background-position: -398px -874px;
}

.individual_list.individual_grid span.termlife {
    background-position: -450px -877px;
}

.individual_list.individual_grid span.long-termdisability {
    background-position: -502px -873px;
}

.individual_list.individual_grid span.accidentaldeathanddismemberment {
    background-position: -546px -873px;
}

.individual_list.individual_grid span.vision {
    background-position: -585px -874px;
}

.individual_list.individual_grid span.hospitalindemnity {
    background-position: -621px -874px;
}

.individual_list.individual_grid span.medicare {
    background-position: -653px -874px;
}

.individual_list.individual_grid span.businessoverhead {
    background-position: -684px -874px;
}

.individual_list.individual_grid span.life {
    background-position: -450px -877px;
}

.individual_list.individual_grid span.ltd {
    background-position: -502px -873px;
}

.individual_list.individual_grid span.std {
    background-position: -546px -876px;
}

.individual_list.individual_grid span.legal {
    background-position: -716px -877px !important;
}

.contribution-strategy-Grid .coverageIcon {
    display: inline-block;
    background: url(../images/enrollment.png) no-repeat scroll 0 0;
    height: 30px !important;
    width: 30px !important;
}

.contribution-strategy-Grid span.health {
    background-position: -349px -877px;
}

.contribution-strategy-Grid span.dental {
    background-position: -398px -876px;
}

.contribution-strategy-Grid span.termlife {
    background-position: -450px -875px;
}

.contribution-strategy-Grid span.long-termdisability {
    background-position: -502px -875px;
}

.contribution-strategy-Grid span.accidentaldeathanddismemberment {
    background-position: -546px -874px;
}

.contribution-strategy-Grid span.vision {
    background-position: -585px -874px;
}

.contribution-strategy-Grid span.hospitalindemnity {
    background-position: -621px -874px;
}

.contribution-strategy-Grid span.medicare {
    background-position: -653px -874px;
}

.contribution-strategy-Grid span.businessoverhead {
    background-position: -684px -874px;
}

.contribution-strategy-Grid span.life {
    background-position: -450px -875px;
}

.contribution-strategy-Grid span.std {
    background-position: -546px -874px;
}

.contribution-strategy-Grid span.ltd {
    background-position: -502px -875px;
}

.contribution-strategy-Grid span.legal {
    background-position: -716px -877px;
}


span.health {
    background-position: -349px -878px;
}

span.dental {
    background-position: -398px -877px;
}

span.termlife {
    background-position: -450px -877px;
}

span.long-termdisability {
    background-position: -502px -873px;
}

span.accidentaldeathanddismemberment {
    background-position: -546px -873px;
}

span.vision {
    background-position: -585px -874px;
}

span.hospitalindemnity {
    background-position: -621px -874px;
}

span.medicare {
    background-position: -653px -874px;
}

span.businessoverhead {
    background-position: -684px -874px;
}

span.life {
    background-position: -450px -877px;
}

span.ltd {
    background-position: -502px -873px;
}

span.std {
    background-position: -502px -873px;
}

span.legal {
    background-position: -716px -877px;
}


.individual_list.individual_grid .k-state-selected span.vision {
    background-position: -585px -905px;
}

.individual_list.individual_grid .k-state-selected span.long-termdisability {
    background-position: -502px -905px;
}

.individual_list.individual_grid .k-state-selected span.businessoverhead {
    background-position: -684px -905px;
}

.individual_list.individual_grid .k-state-selected span.health {
    background-position: -349px -909px;
}

.individual_list.individual_grid .k-state-selected span.accidentaldeathanddismemberment {
    background-position: -546px -905px;
}

.individual_list.individual_grid .k-state-selected span.dental {
    background-position: -398px -905px;
}

.individual_list.individual_grid .k-state-selected span.termlife {
    background-position: -453px -905px;
}

.individual_list.individual_grid .k-state-selected span.hospitalindemnity {
    background-position: -621px -905px;
}

.individual_list.individual_grid .k-state-selected span.medicare {
    background-position: -653px -905px;
}

.individual_list.individual_grid .k-state-selected span.legal {
    background-position: -718px -873px;
}



button.multiselect .caret {
    margin-top: 7px;
    color: #5c5c5c;
}

ul.multiselect-container label {
    font-weight: normal;
}

ul.multiselect-container .checkbox {
    margin: 0;
}

ul.multiselect-container .multiselect-all {
    margin-top: 10px;
}
/*compare plan listing*/
.compare-plan-list #grdProspectInfo_new, .planListing .compare-plan-list {
    margin-bottom: 0
}

.compare-plan-list {
    margin-top: 5px
}

    .compare-plan-list .carousel-control.left, .compare-plan-list .carousel-control.right {
        background-image: none
    }

    .compare-plan-list .plan, .compare-plan-list .plan_left, .compare-plan-list .plan_right {
        display: block;
        text-align: center;
        padding: 20px;
        position: relative;
        border-radius: 5px
    }

    .compare-plan-list .plan_left, .compare-plan-list .plan_right {
        padding: 0
    }

    .compare-plan-list .plan > .card-block > img, .compare-plan-list .plan > img {
        width: auto;
        margin-bottom: 15px;
        max-width: 100%;
    }

    .compare-plan-list div.plan > .card-block > p.plan_name_txt, .compare-plan-list div.plan > p.plan_name_txt {
        height: 44px;
        overflow: hidden
    }

    .compare-plan-list .plan > .card-block > img + p, .compare-plan-list .plan > img + p {
        font-size: 16px
    }

    .compare-plan-list .plan > .card-block > p > strong, .compare-plan-list .plan > p > strong {
        font-size: 30px;
        font-weight: 400;
        color: #f66600
    }

    .compare-plan-list .plan ul {
        margin-bottom: 15px;
        line-height: 24px
    }

        .compare-plan-list .plan ul > li {
            list-style: none;
            display: table;
            text-align: right;
            width: 100%
        }

            .compare-plan-list .plan ul > li > span {
                text-align: left;
                display: table-cell
            }

    .compare-plan-list .plan > .card-block > ul ~ a, .compare-plan-list .plan > ul ~ a {
        display: block;
        clear: both;
        text-decoration: underline;
        margin: 5px 0
    }

    .compare-plan-list .carousel-inner {
        width: 95%;
        margin: 0 auto
    }

    .compare-plan-list .carousel-control {
        width: auto
    }

        .compare-plan-list .carousel-control > span {
            background: #888;
            color: #fff;
            font-size: 15px;
            border-radius: 50%;
            height: auto;
            width: auto;
            padding: 10px;
            text-shadow: none
        }

.plan a[title="Click Here"] {
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 20px;
    margin: 0 -20px;
    text-decoration: underline
}

.plan div.alert {
    margin: 25px 0 0
}

.plan > .btn-1, .plan > .btn-11 {
    padding: 10px 25px;
    color: #fff
}

.compare-plan-list .plan + .btn-block {
    margin-top: 5px;
    background: #b0b0b0;
    border: 1px solid #9a9a9a;
    color: #fff;
    vertical-align: top
}

    .compare-plan-list .plan + .btn-block > input[type=checkbox] {
        margin-right: 5px
    }

.compare-btn {
    margin: 30px 0 20px;
    text-align: center
}

    .compare-btn + p > strong {
        font-size: 16px
    }

.compare-plan {
    display: inline-block
}

    .compare-plan .plan {
        background: #f8f7f7;
        border: 1px solid #d8d8d8;
        min-height: 300px;
        font-size: 14px
    }

        .compare-plan .plan > strong {
            font-size: 16px;
            display: block;
            margin-bottom: 15px
        }

.compare-plan-list .plan > p > strong > span, .compare-plan-list .plan > .card-block > p > strong > span {
    color: #5c5c5c;
}

.compare-plan-list .plan > p > strong > span, .compare-plan-list .plan > .card-block > p > strong > span {
    font-size: 12px;
}
/*////////////////////////////*/
/*Compare*/
.compare-page .plan {
    margin-bottom: 20px
}

.compare-page.compare-plan-list .carousel-control > span {
    top: 13%
}

.compare-details > table > tbody td:first-child {
    width: 60%
}

.compare-details > table > tbody td:last-child {
    width: 40%
}

.compare-details .fa.fa-info-circle {
    color: #bbb !important
}

.compare-details > table > thead > tr > th {
    border-top: 1px solid #ddd !important
}

.compare-plan-list > .medical-plan-details + div td p {
    margin: 0
}

.plan.selected {
    transition: all .5s
}

    .plan.selected + .compare-details .table > thead > tr > th,
    .plan.selected + .compare-details .table > tbody > tr > th,
    .plan.selected + .compare-details .table > tfoot > tr > th,
    .plan.selected + .compare-details .table > thead > tr > td,
    .plan.selected + .compare-details .table > tbody > tr > td,
    .plan.selected + .compare-details .table > tfoot > tr > td {
        border-color: #b5e86d
    }

    .plan.selected + .compare-details .table > thead {
        background: #e8f9d9
    }

.compare-page .text-center > h3 {
    margin-bottom: 20px
}

.group-plan .plan,
.compare-page.group-plan .table > thead {
    background: #f7ecba
}

    .group-plan .plan.selected {
        background: #e9fada
    }
/**********Medical Individual Plan ---Starts here----**********/
.individual {
    margin-top: 20px
}

    .individual > section {
        padding: 0
    }

        .individual > section:first-child {
            border-right: 0
        }

.individual-listing > section + section {
    border-bottom: 0
}

.starvalues {
    display: block;
    padding: 10px 10px 0 10px
}

    .starvalues > div {
        padding-bottom: 10px
    }

.individual > section .filter-heading {
    padding: 19px 15px 0px;
    min-height: 80px
}

.individual > section:last-child .filter-heading {
    padding-top: 22px
}

    .individual > section:last-child .filter-heading h2 {
        margin: 0;
        font-size: 30px;
        font-weight: normal
    }

    .individual > section:last-child .filter-heading .form-group {
        margin: 0
    }

.individual > section:first-child .filter-heading span:first-child {
    float: left;
    font-size: 26px;
    padding: 2px 10px 3px 0;
    margin-right: 10px;
}

.individual > section:first-child .filter-heading span:last-child {
    float: left;
    vertical-align: top;
    margin-top: 2px
}

    .individual > section:first-child .filter-heading span:last-child a {
        text-decoration: underline;
        display: block
    }

.individual-listing > section,
.individual-listing > individual-plan-item {
    padding-top: 20px;
    padding-bottom: 15px;
    border-top: solid 1px;
}

.individual-listing li {
    list-style-type: none
}

.list-title {
    margin: 15px 0
}

    .list-title h3 {
        color: #058bd4;
        font-size: 22px;
        font-weight: bold;
        display: inline-block;
        margin: 5px 0
    }

    .list-title > .col-sm-3,
    .list-title > .per-month {
        font-size: 22px;
        color: #f66600;
    }

        .list-title > .col-sm-3 small,
        .list-title > .per-month small {
            font-size: 14px;
            color: #5c5c5c;
        }

.list-content > .values li > span {
    display: table-cell;
    text-align: left;
}

.list-content > .values li {
    margin-bottom: 5px;
    display: table;
    width: 90%;
    text-align: right;
}

.list-content > .cost-breakdown > h5 {
    margin-top: 0;
    margin-bottom: 10px
}

.list-content > .cost-breakdown li {
    text-align: right;
    margin-bottom: 6px
}

    .list-content > .cost-breakdown li > span {
        display: inline-block;
        float: left
    }

.line-cost {
    border-top: 1px #ddd solid;
    padding-top: 6px
}

.list-content .apply .btn-primary {
    margin-top: 4px;
    padding: 4px 15px 6px
}

.list-content .apply > .checkbox {
}

    .list-content .apply > .checkbox label {
        font-weight: bold;
        font-size: 14px
    }

    .list-content .apply > .checkbox ~ a {
        display: block;
        text-decoration: underline;
        margin-bottom: 5px
    }

.Icon-silver, .Icon-bronze, .Icon-tax-on, .Icon-tax-off, .Icon-dollar-on,
.Icon-dollar-off, .Icon-gold, .Icon-platinum, .Icon-catastrophic,
.Icon-dollar, .Icon-tax {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
    width: 19px;
    height: 19px;
    background: url("../images/enrollment.png") no-repeat;
    float: left
}

.Icon-tax-on {
    background-position: -881px -38px;
    height: 14px;
}

.Icon-tax-off {
    background-position: -881px -145px;
    height: 14px;
}

.Icon-dollar-on {
    background-position: -881px -52px;
}

.Icon-dollar-off {
    background-position: -881px -159px;
}

.Icon-platinum {
    background-position: -881px -105px
}

.Icon-catastrophic {
    background-position: -881px -178px
}

.Icon-silver {
    background-position: -881px 0
}

.Icon-bronze {
    background-position: -881px -19px
}

.Icon-gold {
    background-position: -881px -123px
}

.Icon-tax {
    background-position: -881px -38px;
    height: 14px;
}

.Icon-dollar {
    background-position: -881px -52px;
}

.rightArrow {
    border-bottom: 6px solid transparent;
    border-left: 6px solid;
    border-top: 6px solid transparent;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
    color: #5c5c5c;
}

.downArrow {
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
    color: #5c5c5c;
}

.filter-values h5 > span {
    margin-right: 10px;
    margin-bottom: 2px
}

.filter-values {
    padding: 15px 15px 16px 15px;
}

    .filter-values + .filter-values {
        border-top: 1px solid #ddd
    }

    .filter-values input[type="checkbox"] {
        margin-top: 3px
    }

    .filter-values h5 {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 0;
        margin-top: 0;
        cursor: pointer
    }

    .filter-values .checkbox span {
        margin-left: 6px
    }

    .filter-values .checkbox {
        margin-bottom: 12px;
        margin-top: 10px
    }

        .filter-values .checkbox + .checkbox {
            margin-top: -5px
        }

.filter-data .checkbox:last-child {
    margin-bottom: 5px
}

.filter-data {
    display: none
}

    .filter-data.active {
        display: block
    }

.individual .affix {
    bottom: 180px
}

.individual-listing .navbar-fixed-bottom {
    display: none
}

.individual-listing .selectedplan {
    background: #e8f6fd !important
}

.compare-plans .cplans {
    border: 1px solid #ddd;
    background: white;
    padding: 8px;
    position: relative
}

    .compare-plans .cplans h3 {
        font-size: 14px;
        white-space: normal;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .compare-plans .cplans .col-sm-3 {
        padding: 0;
        width: 100%;
        font-size: 15px
    }

    .compare-plans .cplans img {
        width: 90%
    }

    .compare-plans .cplans .close {
        background-color: #363233;
        border-radius: 50%;
        color: #fff;
        font-size: 10px;
        opacity: 1;
        padding: 3px 5px 5px;
        position: absolute;
        right: -6px;
        top: -6px
    }

        .compare-plans .cplans .close:hover {
            opacity: .7
        }

.cplans .list-title {
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 0
}

.individual-listing > section.compare-plans {
    padding-top: 15px;
    padding-bottom: 15px
}

.navbar-fixed-bottom.compare-plans {
    z-index: 50001;
}

.compare-plans {
    background: none repeat scroll 0 0 #eee !important;
    border-top: 1px solid #ccc !important;
}

.comparescroll {
    overflow-x: auto;
    white-space: nowrap;
    padding-left: 0;
    padding-top: 5px
}

.article1 {
    float: none;
    display: inline-block
}

.compare-button button {
    display: block;
    margin-bottom: 10px;
    width: 100%
}

.individual .k-grid.k-widget {
    margin-top: 22px
}

.filter-heading h2 {
    margin: 0
}

.show-filters,
.hide-filters {
    display: none;
    cursor: pointer;
    color: #047bb7;
    text-decoration: underline
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (max-width: 991px) {
    .list-head > div,
    .list-title > div,
    .list-content > div {
        width: 100%
    }

    .list-head img {
        margin-bottom: 15px
    }

    .list-content .values {
        margin-bottom: 25px;
        margin-top: 20px
    }

    .list-content .apply {
        margin-top: 25px
    }

        .list-content .apply > .checkbox ~ a {
            display: inline-block;
            margin-right: 10px
        }

        .list-content .apply .btn-primary {
            padding: 4px 50px 6px
        }

    .compare-plans .cplans img {
        display: none
    }

    .filter-values .filter-data .checkbox {
        margin-right: 20px;
        display: inline-block;
        position: static;
        margin-bottom: 5px
    }

    .individual .k-pager-wrap {
        float: left
    }

    .individual .k-grid.k-widget {
        margin-top: 18px
    }

    .compare-plans .comparescroll,
    .compare-plans .compare-button {
        width: 100%
    }

    .list-title h3 {
        margin-top: 0
    }
}
/*XS*/
@media (max-width: 767px) {
    .individual > section:first-child {
        border-right: 1px solid #ddd;
        margin-bottom: 30px
    }

    .individual .k-pager-wrap {
        margin-left: 0;
        padding-left: 0
    }

    .filter-values {
        display: none
    }

    .show-filters {
        display: block
    }
}

@media(max-width: 479px) {
    .list-head img {
        width: 100%
    }

    .starvalues {
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .filter-values {
        display: block !important
    }

    .show-filters,
    .hide-filters {
        display: none !important
    }
}
/**********Medical Individual Plan ---- ENDS*********/
/*******************Changes*************************/
.mainplan .btn-primary {
    color: #fff;
    text-decoration: none;
    margin-top: 18px
}

    .mainplan .btn-primary:hover {
        color: #fff
    }

.tab-content .grey-18 > h1 {
    margin-top: 0
}

.boarding {
    font-size: 14px
}

    .boarding ol {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .boarding ul {
        margin-top: 10px
    }

        .boarding ul li {
            margin: 3px 0 0 15px;
        }

.without-Enrollment .cbody {
    min-height: 0;
    padding: 0;
    margin-top: 15px
}

.without-Enrollment #Enrollment-dashboard .carousel-indicators {
    bottom: -22px
}

.without-Enrollment #Enrollment-dashboard .cHeader {
    background: none;
    min-height: 0 !important
}

    .without-Enrollment #Enrollment-dashboard .cHeader img {
        width: 100%;
        border-radius: 5px
    }

.without-Enrollment #Enrollment-dashboard .carousel-control > span {
    margin: 4px
}

.finalize-Enrollment .carousel-indicators,
.finalize-Enrollment .carousel-control {
    display: none
}

.finalize-Enrollment .dashboard-health .cHeader-content {
    width: 50%;
    margin-top: 6.5%
}

.finalize-Enrollment .cHeader {
    background: url(../images/emp-enrollment-finalize.jpg) no-repeat;
    height: 290px;
    min-height: 0 !important
}

    .finalize-Enrollment .cHeader .cHeader-content > .WhiteBox {
        min-height: 0 !important
    }

.summary-list h5 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0
}

.selection-summary {
    margin-bottom: 30px
}

    .selection-summary a {
        text-decoration: underline;
        margin-right: 10px
    }

.enroll-links a {
    margin-right: 15px;
    font-size: 14px;
    text-decoration: underline
}

.table-panel .cnt-body {
    padding: 0
}

.table-panel {
    margin-bottom: 15px
}

    .table-panel.cnt-group .card + .card {
        margin-top: 10px
    }

    .table-panel .card {
        box-shadow: none
    }

.summary-emp-info .filled-value {
    margin-top: 0
}

.summary-emp-info .form-group {
    margin-bottom: 35px
}

    .summary-emp-info .form-group > label {
        margin-bottom: 2px
    }

.summary-emp-info h3 {
    margin-top: 0;
    margin-bottom: 40px
}

.col-md-offset-right-20 {
    margin-right: 20px;
}

.col-md-offset-right-20 {
    margin-right: 20px;
}
/*Generate Proposal*/
.enroll_list .enroll_plan_section {
    padding: 20px 10px 10px;
    position: relative;
}

.enroll_plan_section .k-grid-content {
    margin-bottom: 10px !important;
    border: solid 1px;
    border-color: #ddd !important;
}

.enroll_accordion {
    margin: 0px;
}

.btn_block {
    display: block;
}

.enroll_list {
    padding: 20px 18px;
    background: #e5f6fe;
}

.enroll_accordion .cost-breakdown h5 {
    margin-bottom: 0px;
}

.enroll_accordion .plan_head
.enroll_accordion .cost-breakdown .k-grid-content {
    border: solid 1px;
}

.enroll_accordion .values {
    line-height: 20px;
}

.enroll_accordion .mainplan {
    position: relative;
    top: -14px;
}

.enroll_accordion .apply input[type='checkbox'] {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.enroll_accordion .apply.active a.btn {
    content: 'Selected';
}

.enroll_accordion .plan_head h3 {
    margin: 9px 60px 69px;
    font-size: 22px;
    white-space: nowrap;
}

.enroll_accordion .plan_head .coverageIcon {
    margin-right: 10px;
    position: relative;
    top: -5px;
    width: 49px;
    height: 50px;
    background-color: #058bd4;
    border: 1px solid #fff;
    border-radius: 41px;
}

.enroll_accordion .plan_head span.hospitalindemnityIcon {
    background-position: -727px -800px;
}

.enroll_accordion .plan_head span.businessoverheadIcon {
    background-position: -817px -802px;
}

.enroll_accordion .plan_head span.medicareIcon {
    background-position: -773px -801px;
}

.enroll_accordion .plan_head span.healthIcon {
    background-position: -335px -804px;
}

.enroll_accordion .plan_head span.dentalIcon, .enroll_accordion .plan_head span.voluntarydentalIcon {
    background-position: -409px -805px;
}

.enroll_accordion .plan_head span.lifeIcon, .enroll_accordion .plan_head span.voluntarylifeIcon {
    background-position: -484px -804px;
}

.enroll_accordion .plan_head span.ltdIcon, .enroll_accordion .plan_head span.voluntaryltdIcon {
    background-position: -558px -804px;
}

.enroll_accordion .plan_head span.stdIcon, .enroll_accordion .plan_head span.voluntarystdIcon {
    background-position: -620px -802px;
}

.enroll_accordion .plan_head span.visionIcon, .enroll_accordion .plan_head span.voluntaryvisionIcon {
    background-position: -675px -802px;
}

.enroll_accordion .plan_head span.legalIcon, .enroll_accordion .plan_head span.voluntarylegalIcon {
    background-position: -852px -802px;
}

.enroll_accordion .plan_head span.hospitalindemnityIcon {
    background-position: -726px -800px
}

.enroll_accordion .plan_head span.accidentaldeathanddismemberment {
    background-position: -539px -898px;
}

.enroll_accordion .plan_head span.addIcon {
    background-position: -621px -802px;
}

.enroll_accordion .plan_head span.fsamedicalIcon {
    background-position: -854px -801px;
}

.enroll_accordion .plan_head span.hsaIcon {
    background-position: -854px -801px;
}

.enroll_accordion .plan_head span.fsadependentcareIcon {
    background-position: -854px -801px;
}

.enroll_accordion .plan_head p {
    font-style: italic;
}

.enroll_accordion div.cost-breakdown {
    padding-top: 50px;
}

    .enroll_accordion div.cost-breakdown td, .enroll_accordion div.cost-breakdown th {
        padding: 3px 10px;
    }

    .enroll_accordion div.cost-breakdown .k-grid-filter {
        float: left;
        font-weight: bold;
        color: #5c5c5c;
    }

.enroll_accordion .list-content {
    padding-left: 9px;
}

.enroll_accordion .list-title > .per-month {
    font-size: 25px;
    position: relative;
    color: #f66600 !important;
}

    .enroll_accordion .list-title > .per-month span {
        margin-right: 2px;
        color: #ccc !important;
    }

    .enroll_accordion .list-title > .per-month .dropdown-menu span {
        color: inherit !important;
    }

    .enroll_accordion .list-title > .per-month .dropdown-menu {
        top: 51px;
        left: auto;
        min-width: 274px;
        background: #f5f5f5;
    }

.election-summary .enroll_accordion .list-title > .per-month .dropdown-menu {
    top: 50px;
}

.enroll_accordion .compare-plan-list .plan {
    border: none;
    min-height: inherit;
    background: none;
    padding: 10px 15px 0;
}

.enroll_accordion .waived_section h3 {
    font-size: 18px;
}

.enroll_accordion .plan_head p.effective_date {
    font-size: 12px;
}

.enroll_accordion .list-title > .per-month .break_down {
    font-size: 12px;
}

.enroll_accordion .btn_section {
    line-height: 23px;
}

    .enroll_accordion .btn_section a {
        padding-left: 10px;
        margin-right: 10px
    }

        .enroll_accordion .btn_section a.nobar {
            border-left: none;
            padding-left: 0px;
        }

.enroll_accordion .hmo_details h4 {
    padding-bottom: 10px;
}

.enroll_list .enroll_plan_section {
    margin-top: 20px;
    border: solid 1px #a3dbf9;
    background: #fff;
}

    .enroll_list .enroll_plan_section:first-child {
        margin-top: 0px;
    }

.enroll_accordion input[type='checkbox'] {
    margin-right: 5px;
}

.hmo_details h4 {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}

.enroll_accordion .col-md-3.list-title > img {
    position: relative;
    top: -14px;
    max-height: 67px;
    display: flex;
    margin: 0 auto;
    max-width: 100%;
}

.enroll_accordion .waived_section h3 {
    margin: 0px;
}

.enroll_accordion .list-content > .values li {
    text-align: left;
    display: inline-flex;
}

    .enroll_accordion .list-content > .values li > span {
        font-weight: bold;
        width: 135px;
    }

.election-summary .enroll_list {
    padding: 10px 5px;
}

.election-summary .enroll_accordion .list-title > .per-month .break_down {
    display: block;
}

.enroll_accordion .list-title .summary_breakdown span, .enroll_accordion .list-title .summary_breakdown li {
    font-size: 13px;
}

.enroll_accordion .list-title .summary_breakdown span {
    width: 138px;
}

.enroll_accordion .compare-plan-list.summary_breakdown {
    margin-top: 0px;
}

.enroll_accordion .plan ul.monthlycost > li.line-dash {
    margin-top: 5px;
    padding-top: 5px;
}

.enroll_action_strip {
    background: #f5f9fc;
    border-top: solid 1px #ddd;
    margin: 48px -10px -10px
}

    .enroll_action_strip .app_status {
        line-height: 28px;
    }

        .enroll_action_strip .app_status span {
            color: #058bd4;
        }

            .enroll_action_strip .app_status span span.inprogress {
                color: #f66600;
            }

            .enroll_action_strip .app_status span span.completed {
                color: #79c013;
            }

    .enroll_action_strip .benefit_tools {
        float: right;
    }

    .enroll_action_strip li {
        float: right;
        list-style: none;
        padding: 5px 0px;
    }

        .enroll_action_strip li a {
            padding: 0px 10px;
            border-left: solid 1px #058bd4;
        }

        .enroll_action_strip li:last-child a {
            border-left: none;
        }

.top_10 {
    margin-top: 10px;
}

.top_20 {
    margin-top: 20px;
}

.top_30 {
    margin-top: 30px;
}

.bottom_pad {
    padding-bottom: 5px;
}

.no_border {
    border: 0px !important;
}

.left_56 {
    margin-left: -56px;
}

.benefitAmountGrid {
    width: 56%;
    margin-left: 275px;
}

@media (max-width: 479px) {
    .slider.slider-horizontal {
        width: 137px !important;
    }
}

@media (max-width: 375px) {
    .slider.slider-horizontal {
        width: 106px !important;
    }
}

@media (max-width: 370px) {
    .slider.slider-horizontal {
        width: 90px !important;
    }
}

.k-widget .generalGridTable {
    border: 0px !important;
    border: solid 1px #ddd !important;
    border-collapse: collapse !important;
}

.k-header a.generalGridAnchor {
    float: left !important;
    color: #5c5c5c !important;
    font-weight: bold !important;
}

.k-widget .generalGridHeader {
    background-color: #eee;
}

.showhide > span, .showhide1 > span {
    margin-left: 15px;
}

.enroll-panel-group .navbar-fixed-top, .enroll-panel-group .navbar-fixed-bottom {
    position: static;
}

.k-grid .tablewidth01.searchTable tr, .k-grid .tablewidth02.searchTable tr {
    cursor: default
}

.k-grid-content td.custom_slider_td {
    border-right: none;
    padding: 37px 0px 30px 20px !important;
}

.sub_accordion .k-grid-filter {
    float: left;
}

.sub_accordion .table-panel .panel-collapse > .row {
    padding: 15px;
}

.sub_accordion .panel-default > .panel-heading {
    border-bottom: solid 1px #ddd;
}

.sub_accordion td {
    vertical-align: middle !important;
}

.sub_accordion .table {
    border: solid 1px #ddd;
}

.benefit-amount {
    font-weight: 600;
    text-align: center
}
/***********MULTI Select*******************/
.multiselect {
    text-align: left;
}

    .multiselect + .btn-group {
        width: 100%;
        text-align: left;
    }

.multiselect-item.filter .fa {
    color: #666;
    margin-right: 0px;
}

.multiselect-container.dropdown-menu > li > a {
    background: none;
    width: 100%;
    display: flex;
    padding: 1px 22px;
}

    .multiselect-container.dropdown-menu > li > a input {
        position: relative;
        top: 2px;
        right: 5px;
    }

.multiselect-container.dropdown-menu > li.active > a {
    color: #333;
}

.multiselect-container.dropdown-menu > li > a:hover {
    background: #eee;
    width: 100%;
    display: flex;
    padding: 1px 22px;
}

.multiselect.dropdown-toggle.form-control:focus, .btn-group.open .multiselect.dropdown-toggle {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

.multiselect-item .input-group-addon {
    background-color: #ddd;
    padding: 0.2rem 0.5rem;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px;
    border: 1px solid #cccccc;
    margin: 0px;
}

.multiselect-item .input-group-btn {
    background-color: transparent;
}

    .multiselect-item .input-group-btn button {
        padding: 0.4rem 0.5rem;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-left: 0px;
        margin: 0px;
    }

.multiselect-item .btn:focus, .multiselect-item .btn.focus {
    outline: 0;
    box-shadow: none;
}

.input-group-addon, .multiselect-clear-filter, .multiselect-search {
    height: 34px;
}

.multiselect.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.3em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
    text-align: right;
    float: right;
    margin-top: 8px;
    position: relative;
    right: -10px;
}


.multiselect-container.dropdown-menu, .multiselect-container.dropdown-menu > li > a, .multiselect-container.dropdown-menu > li {
    list-style: none !important;
    min-width: 220px;
}
/*Generate Proposal Ends*/
/*Acknowledge*/
.panel-group .panel .panel.carrier_panel, .panel-group .panel .panel.coverage_panel {
    border-top: solid 1px #ddd;
    margin-top: 0px;
    border-radius: 0px;
}

    .panel-group .panel .panel.carrier_panel:first-child, .panel-group .panel .panel.coverage_panel:first-child {
        border-top: none;
    }

.panel-group .panel.thanks_panel {
    padding: 20px;
    border: none;
}

    .panel-group .panel.thanks_panel > .panel-heading {
        background: none;
        color: #ccc;
        padding: 0px;
    }

    .panel-group .panel.thanks_panel .panel-body {
        border: solid 1px #dddddd;
        margin: 10px;
    }

    .panel-group .panel.thanks_panel .card-title, .panel-group .panel.thanks_panel .card-title a:hover, .panel-group .panel.thanks_panel .card-title a:focus {
        font-size: 13px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
    }

.panel.thanks_panel.coverage_panel .panel-body {
    padding: 20px;
    background: #fff;
}

.panel.thanks_panel.carrier_panel .coverage_panel:nth-child(even), .panel .panel.thanks_panel.coverage_panel:nth-child(even) {
    background: #f6fbff;
}

.panel .panel.carrier_panel:nth-child(even) {
    background: #fdfcfc;
}

.panel-group .panel.thanks_panel .card-title .carrier_name {
    color: #058bd4;
}

.coverage_panel h1 {
    margin-top: 0px;
}

.accordion-menu .k-icon.k-i-expand {
    background-position: 0 -224px;
}

.accordion-menu.collapsed .k-icon.k-i-expand {
    background-position: 0 -190px;
}

.coverage_desc {
    padding: 20px 20px 10px;
}

.browseBtn {
    height: 34px;
}

.k-datetimepicker .k-picker-wrap .k-icon {
    margin: 8px 2px 0px !important;
}

.k-grid .k-grouping-header {
    padding-left: 10px;
}

@media (max-width: 1023px) {
    .enroll_accordion div.cost-breakdown {
        padding-top: 0px;
    }

    .enroll_accordion .list-title img {
        display: none;
    }
}

@media (max-width: 991px) {

    .enroll_accordion.top_head .col-md-3.list-title > img {
        display: none;
    }

    .enroll_accordion .col-md-3.list-title > img {
        display: flex;
        margin: 0
    }

    .enroll_accordion div.cost-breakdown {
        top: 0px;
        padding-bottom: 20px;
    }

    .enroll_accordion .plan_head h3 {
        white-space: normal;
    }

    .benefitAmountGrid {
        width: 56%;
        margin-left: 0;
    }
}

@media (max-width:600px) {
    .img-carrier-logo-planListing {
        width: 100%
    }

    .planListingGrid table tbody tr td {
        white-space: normal;
        word-wrap: normal;
        text-overflow: ellipsis;
        max-width: 100% !important;
    }
}

@media (min-width:601px) {
    .img-carrier-logo-planListing {
        height: 35px;
    }
}

.planListingGrid table tbody tr td {
    white-space: normal;
    word-wrap: normal;
    text-overflow: ellipsis;
    max-width: 100%;
}

.title-button {
    border-color: #d2efff !important;
    margin: 2px 5px;
}
/*Upgrade the version css changes*/
.padlr0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padlrt0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}

.padlr12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.padl0 {
    padding-left: 0px !important;
}

.padr0 {
    padding-right: 0px !important
}

.card-body {
    margin-bottom: 10px;
}

.pad0 {
    padding: 0px !important;
}

.pad10 {
    padding: 10px !important;
}

.pad15 {
    padding: 15px !important;
}

.padt5-10 {
    padding: 4px 10px !important;
}

.card-primary > .card-heading {
    background-color: #058bd4;
    border-color: #058bd4;
    color: #ffffff;
}

.card-heading {
    background-color: #058bd4;
    border-color: #058bd4;
    color: #fff;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    min-height: 40px;
}

.card-title {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: bold;
    margin-left: 0px;
}

.btn-primary {
    background-color: #058bd4;
    border-color: #0275d8;
    color: #ffffff !important;
}

.btn-group .btn-primary {
    background-color: #058bd4;
    border-color: #badfff !important;
    color: #ffffff;
}

.edittext {
    font-size: 16px;
}

.title-lh {
    line-height: 2.2rem;
}

.title-button {
    border-color: #83c3e6 !important;
    margin: 2px 5px;
}


#radio-contactMethod .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn {
    padding: 0.3rem 0.5rem;
}

.btn-group .btn {
    padding: .25rem .5rem;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
    border-color: #058bd4;
    background-color: #058bd4;
    color: #ffffff;
}

.card-body [type=submit] {
    -webkit-appearance: none;
}

.breadcrumb-block {
    background: #f6f6f6;
    border-top: none !important;
    border-bottom: 1px solid #d9d9d9;
}

.breadcrumb-block {
    display: flex;
    margin-bottom: 20px;
    width: 100%;
}

.k-grid-content {
    xborder-bottom: 1px solid #ddd;
}

.breadcrumb {
    background-color: transparent;
}

    .breadcrumb > li + li.custom-navigate:before {
        content: "";
    }

textarea.form-control {
    height: auto
}

.padtb15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
/*Dropdown with submenu*/
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.float-left {
        float: none;
    }

        .dropdown-submenu.float-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.menu .dropdown-menu {
    font-size: 14px !important;
}

    .menu .dropdown-menu > li {
        color: #fff;
        /* border-top: 1px solid #737373; */
        border-bottom: 1px solid #848484;
    }

        .menu .dropdown-menu > li > a {
            color: #fff;
            border-top: none !important;
            border-bottom: none !important;
        }

#MainMenu .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 14px !important;
}

#MainMenu > li > a {
    font-size: 14px;
}

.menu .dropdown-toggle::after {
    display: none;
}

.menu .dropdown-menu > li > a {
    display: block;
}

.menu .dropdown-menu {
    min-width: 11.5rem;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.bg-customblue {
    background-color: #058bd4;
    border-color: #058bd4;
}

#MainMenu > li > .dropdown-level2.Rfix {
    right: 182px;
}

#MainMenu > li > .dropdown-single-row {
    width: 252px;
    padding: 4.5px 10px 4.5px 25px;
}

.menu .dropdown-menu > li > a {
    line-height: 42px;
    padding-left: 53px;
}

.float-right > .dropdown-menu {
    right: -1px;
    left: auto !important;
    transform: none !important;
    top: 37px !important;
}

.mgnt10 {
    margin-top: 10px;
}

#footer {
    width: 100%;
    margin: 0px auto;
}

.fa-bars.f13rem {
    font-size: 1.3rem !important;
}

.navbar {
}

.dropdown-lg {
    margin-top: 3px;
}

.padt8 {
    padding-top: 8px;
}

.pad20 {
    padding: 20px;
}

.mgn-l10 {
    margin-left: 10px;
}

.mgnl14 {
    margin-left: 14px;
}

.mgnb0 {
    margin-bottom: 0px;
}

.caret, .fa {
    color: #058bd4;
    margin-right: 5px;
    font-size: 1rem !important;
}

.f18imp {
    font-size: 18px !important
}

a.dropdown-toggle {
    border-radius: 5px;
    padding: 3px 0px 3px 3px;
    text-decoration: none;
    float: left;
}

.btn {
    font-size: 0.875rem;
}

.nav-tabs .nav-link {
    border: 1px solid #add2e6;
}

.nav-tabs .card.panel-primary {
    border: 1px solid #ddd !important;
    border-top: none !important;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f106";
    float: right;
    color: #ffffff;
    /*    border: 1px solid;
    border-radius: 50%;
    padding: 1px 5px 0px;*/
    font-size: 20px;
    font-weight: bold;
}

.padcus {
    padding: 10px 15px;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f107";
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.sub_accordion .accordion .card-header .card-block {
    padding: 0rem;
}

.sub_accordion .accordion .card-header .button-block {
    border-top: 1px solid #efe7e7;
    padding-top: 10px;
}


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.card-header, .btn, button {
    cursor: pointer
}

select.form-control:not([size]):not([multiple]) {
    /* height: calc(2.25rem + 2px); */
    height: 34px;
    padding: 6px 8px;
}

.sub_accordion .accordion .card-header {
    background: transparent;
}

    .sub_accordion .accordion .card-header .card-title {
        font-size: 16px;
        color: #058bd4;
    }

.sub_accordion .accordion .card-header {
    cursor: pointer;
}

.accordion .card-body {
    margin-bottom: 0
}

.text-appblue {
    color: #058bd4
}

.button-block button {
    margin-left: 14px;
    margin-bottom: 2px;
}

.mgntb20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.padb15 {
    padding-bottom: 15px;
}

.padb20 {
    padding-bottom: 20px;
}

.padl15 {
    padding-left: 15px;
}

.lh28 {
    line-height: 28px;
}

.padl10 {
    padding-left: 10px;
}

.padb10 {
    padding-bottom: 10px;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    margin: 0px;
    opacity: 0.58;
}


.breadcrumb > li + li:before {
    content: ">";
    margin: 5px;
    opacity: 0.58;
}
/*Branding*/
.navbar-toggler-right {
    position: absolute;
    right: 0.1rem;
    top: 1.8rem;
}



.btn.btn-default {
    background-color: #ffffff;
    border-color: #adadad;
    margin: 0px 0px 10px 5px;
    box-shadow: none
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
    box-shadow: none;
}

.k-grid .k-pager-wrap .k-link:first-child {
    border-left: 1px solid #c5c5c5;
}

.k-grid .k-pager-wrap, .k-grid-pager {
    background: #fff;
    border: 0;
    float: right !important;
    margin-bottom: 10px;
    margin-top: 2px;
}

.ng-scope .k-grid .k-pager-wrap, .k-grid-pager {
    background: #fff;
    border: 0;
    float: right !important;
    margin-bottom: 10px;
    margin-top: 10px;
}

.disclaimer-box {
    background: none repeat scroll 0 0 #dbeef9;
    border: 1px solid #add2e6;
    margin-bottom: 10px;
    padding: 10px;
}

    .disclaimer-box p {
        margin-top: 0;
        margin-bottom: 0.58rem;
    }

h5 u, .h5 u, h5, .h5 {
    font-size: 0.95rem !important;
}

.padt5 {
    padding-top: 5px;
}

.modal-title {
    font-size: 18px;
}

.bdr0 {
    border: 0 !important;
}
/* Accordion  b4 */
.custom-tfaccord {
    display: inline-block;
    width: 100%;
    margin: 0px auto
}

    .custom-tfaccord .card {
        border: none
    }

        .custom-tfaccord .card .card-header {
            background-color: #058bd4;
            border-color: #ddd;
            padding: 4px 10px;
            margin: 6px 0px 0px 0px;
            line-height: 2rem;
            color: #fff;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

    .custom-tfaccord .card-block {
        padding: 0;
        margin-bottom: 5px;
        border: 1px solid #ccc;
    }


    .custom-tfaccord .card .card-header a, .custom-tfaccord .card .card-header a:hover {
        text-decoration: none
    }

    .custom-tfaccord .card-title {
        color: #fff
    }

    .custom-tfaccord .card-body {
        padding: 10px;
    }

    .custom-tfaccord .accordion .card-header:after {
        font-family: 'FontAwesome';
        content: "\f106";
        float: right;
        color: #ffffff;
        font-size: 20px;
        font-weight: bold;
        top: 0px;
        position: relative;
        right: 0px;
    }

    .custom-tfaccord .accordion .card-header.collapsed:after {
        content: "\f107";
        color: #ffffff;
        font-size: 20px;
        font-weight: bold;
        top: 0px;
        position: relative;
        right: 0px;
    }
/*.custom-tfaccord .cnt-body .card {
   border: 1px solid #ccc !important;
    margin: 5px;
    padding:0px
}*/
.rem-arrow .accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "" !important;
    float: right;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    top: -3px;
    position: relative;
    right: 10px;
}

.fnt16padt0 {
    padding-top: 0px;
    font-size: 16px !important;
}

.fnt-125rem {
    font-size: 1.25rem !important;
}

.custom-tfaccord .cntbody .card-body {
    padding: 0px;
}

.mgn-r0 {
    margin-right: 0px !important
}

.panel-primary {
    border-color: #dadcdf;
}

.accordion .card-body {
    margin-bottom: 0;
}
/**breadcrump dropdown*/
.dropdown-menu > li > a {
    background: url(../images/sprite.png) no-repeat 11px 5px;
    padding-left: 22px;
    color: #333;
    font-size: 13px;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #262626;
        text-decoration: none;
        background-color: transparent;
    }


fieldset legend {
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

.table th {
    line-height: 1.52857143;
    padding: 0.25rem 0.75rem;
}

.table td {
    line-height: 1.52857143;
    padding: 8px;
    white-space: normal;
    word-break: break-word;
}

table.proposal-generation-list td {
    line-height: 1.52857143;
    padding: 0.25rem 0.75rem;
}
/*Nav Tab section*/
.tfbav {
}

.text-org {
    color: #f9bb82;
}

.text-green {
    color: #63b002 !important;
}

.text-lred {
    color: #ff5454 !important;
}

.text-orange {
    color: #ff9800 !important
}

.font-16 {
    font-size: 16px !important
}

.bdr-b {
    border-bottom: 1px solid #058bd4;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

    .nav-tabs > li > a {
        margin: 0;
        border-left: 1px solid transparent;
    }

        .nav-tabs > li > a:hover {
            border-left: 1px solid transparent;
        }

    .nav-tabs > li > a {
        margin: 0;
        border-left: 1px solid transparent;
    }

        .nav-tabs > li > a:hover {
            border-left: 1px solid transparent;
        }

.xnav-link.selected {
    background-color: #ffffff;
    border-bottom: none
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    position: relative;
    display: block;
    padding: 10px 15px;
}

    .nav-tabs > li > a.active {
        background: #ffffff;
        border: 1px solid #add2e6;
    }

.nav-tabs > li:first-child:hover > a {
    border-left: 1px solid #ccc6c6;
}

.nav-tabs > li > a.active, .nav-tabs > li > a:hover.active, .nav-tabs > li > a:focus.active {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs > li > a {
    margin: 0;
    border-left: 1px solid transparent;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs > li > a:hover {
        border: 1px solid #ccc6c6;
        text-decoration: none;
    }

.bdrspec {
    xborder: 1px solid #ccc;
    margin: 5px;
    padding: 0px;
}

    .bdrspec .card-body {
        padding: 0px;
    }

.custom-tfaccord .card.panel-primary {
    border: 1px solid #ddd !important;
    border-top: none !important;
}

.navTab .card.panel-primary {
    border: 1px solid #ddd;
    border-top: none !important;
}

.card.panel-primary {
    border: 1px solid #ddd;
}

.DefaultTab a:focus {
    outline: none;
}

.tick .fa {
    color: #63b002;
}

.tick-remove .fa {
    color: #f9bb82;
}

.nav-tabs a.nav-link:before {
    content: none
}


.padl12 {
    padding-left: 12px;
}

.mthead-menu .navbar-nav {
    min-width: 170px;
    padding-left: 20px;
}

.mthead-menu ul > li {
    color: #fff !important;
    text-align: left;
}

    .mthead-menu ul > li a {
        line-height: 34px;
        padding-left: 20px;
    }

.navbar-light .mthead-menu .navbar-nav .nav-link {
    color: #ffffff;
}

.mthead-menu ul > li a {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link {
    color: #ffffff !important;
}

.mthead-menu.nav-link {
    color: #ffffff !important
}

.navbar-toggler i.fa {
    margin-right: 0px;
}

}


.bootstrap-select.btn-group .dropdown-menu.inner {
    display: block;
}


.modal .large {
    width: 80%;
}


.tab-container .tab-content {
    float: left;
    border: 1px solid #ccc;
    padding: 15px;
    width: 100%;
    border-top: none;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    border-radius: 4px;
    border-top-left-radius: 0
}

.tab-container.nobdr .tab-content {
    border: none !important;
}

.logo-width {
    max-width: 100% !important;
}


/* Kendo Form elements design*/

.k-textbox.form-control {
    height: -webkit-calc(2rem + 2px) !important;
    height: calc(2rem + 2px) !important;
    padding: 6px 8px;
}



.k-dateinput.k-state-disabled > .k-textbox:hover, .k-maskedtextbox.k-state-disabled > .k-textbox:hover, .k-multiselect.k-header, input.k-textbox, textarea.k-textbox {
    border-color: rgba(0, 0, 0, 0.15)
}

.k-autocomplete .k-clear-value, .k-dropdown-wrap .k-clear-value, .k-multiselect .k-clear-value {
    top: 1.4rem !important;
    right: 0.2rem;
}

.k-autocomplete .k-clear-value, .k-dropdown-wrap .k-clear-value {
    height: 2rem !important
}

.k-dropdown .k-dropdown-wrap {
    -webkit-transition: transparent;
    transition: transparent;
    transition: transparent;
    transition: transparent;
}

.k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    background-image: none !important;
    background-color: transparent;
}

.form-control.k-block .k-input, .k-widget.form-control .k-input {
    padding: 6px 8px;
    height: 2rem;
}

.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover.k-state-focused {
    background-color: #ffffff;
    background-image: url('textures/highlight.png');
    background-image: none, -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background-image: none, -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background-image: none, -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background-image: none, linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
    border-color: rgba(0, 0, 0, 0.15) !important;
}

.k-dropdown .k-state-focused {
    background: #ffffff !important;
    border-color: #ddd;
    color: #000000;
}

.k-list .k-item.k-state-focused.k-state-selected, .k-list .k-item:focus.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.15) !important;
}



#MainMenu > li > .dropdown-level2 {
    right: 230px !important;
}

/**Kendo Grid*/

.k-filter-row th, .k-grid-header th.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0px 0px 1px;
    padding: .5rem .4rem .4rem .5rem;
    font-weight: bold;
    white-space: normal;
    text-overflow: ellipsis;
    text-align: left;
    vertical-align: top;
}



.k-grid-header .k-filterable .k-link {
    padding-right: 2.4rem;
}

.k-grid-header th.k-header > .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -.5rem -.6rem -.4rem -0.5rem;
    padding: .5rem .4rem .4rem 0.7rem;
    overflow: initial;
    text-overflow: ellipsis;
    vertical-align: top;
}

.k-grid table {
    border-collapse: collapse;
    width: 100%;
    /*max-width:100%;*/
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.fnt-1rimp {
    font-size: 1rem !important
}


.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
    border-color: #c5c5c5;
}

.k-block, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, .k-tooltip, html .km-pane-wrapper .k-header, .k-button {
    background-color: #e3e3e3;
}

    .k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
        color: #5c5c5c;
    }

.item-prospect {
    line-height: 1rem;
}

/*Button*/
.boarding h4, .h4 {
    font-size: 18px !important;
}

.boarding {
    font-size: 14px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}



.pagination-arrow {
    margin: 2px 20px 10px;
}

#hsaHeader .k-grid.k-widget, #grdMemberInfo.k-grid.k-widget {
    border: 0px;
    overflow-x: inherit;
}

.k-button.k-bare {
    border-color: transparent !important;
    color: #2e2e2e !important;
}
/*.k-link:link, .k-link:visited {
    color: #2e2e2e;
}*/

.fa-info-circle {
    font-size: 18px !important
}

.show1, .hide1 {
    color: #fff;
    margin-right: 4px;
    font-weight: normal;
    width: auto;
    margin-left: 6px;
}


/*B4-accordion style*/
.collapse-accordion > .card a[data-toggle=collapse] {
    display: block;
    padding: 0;
}



    .collapse-accordion > .card a[data-toggle=collapse]:after {
        /* symbol for "opening" panels */
        font-family: FontAwesome;
        font-size: 16px !important;
        content: "\f077";
        /* adjust as needed, taken from bootstrap.css */
        float: right;
        /* adjust as needed */
        vertical-align: middle;
        color: #ffffff;
        /* adjust as needed */
        transition: all .5s linear;
        margin-right: 0%;
        font-weight: normal;
    }

.collapse-accordion > .card .bgreset a[data-toggle=collapse]:after {
    /* symbol for "opening" panels */
    font-family: FontAwesome;
    font-size: 16px !important;
    content: "\f077";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    /* adjust as needed */
    vertical-align: middle;
    color: #ffffff;
    /* adjust as needed */
    transition: all .5s linear;
    margin-right: 0%;
    font-weight: normal;
}

.collapse-accordion > .card a[data-toggle=collapse].edit-accordion:after {
    content: "";
}


.collapse-accordion > .card a[data-toggle=collapse].collapsed:after {
    content: "\f078";
    font-size: 16px !important;
    font-weight: normal;
}

.collapse-accordion > .card > .card-header {
    padding: 5px 0px;
}

.card .bgreset .accordion-menu {
    color: #000;
    font-size: 13px;
    font-weight: normal;
}

.custaccord-edit {
    position: relative;
}

    .custaccord-edit .edit-posset {
        position: absolute;
        right: 80px;
        z-index: 99;
        top: 5px;
    }

    .custaccord-edit .edit-posset1 {
        position: absolute;
        right: 80px;
        z-index: 99;
        top: 12px;
    }

.collapse-accordion > .card .show1 {
    display: none;
}

.collapse-accordion > .card .collapsed .show1 {
    display: block;
}


.collapse-accordion > .card .card-header {
    background-color: #058bd4;
    border-color: #ddd;
    padding: 10px 10px;
    margin: 0;
    color: #ffffff;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .collapse-accordion > .card .card-header h4.card-title a {
        font-size: 16px;
        margin-bottom: 0;
        font-weight: bold;
        line-height: 26px;
        color: #ffffff;
        text-decoration: none;
    }

        .collapse-accordion > .card .card-header h4.card-title a:hover {
            text-decoration: none;
        }

h4.card-title .edit-posset a, h4.card-title .edit-posset1 a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    margin-right: 4px;
    font-weight: normal !important;
    width: auto;
    margin-left: 6px;
}

    h4.card-title .edit-posset a:hover, h4.card-title .edit-posset1 a:hover {
        text-decoration: none;
        font-weight: normal
    }

.card-body {
    border-color: #dadcdf;
    padding: 0px;
}

.form-control:disabled {
    background-color: #eeeeee !important;
    opacity: 1;
    cursor: not-allowed;
}


.form-control:disabled, .form-control[readonly] {
    background-color: #eeeeee;
    opacity: 1;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}

#divNoRecordFound {
    float: left;
}
/*Esign process popup content*/
.esign-status {
    display: inline-block;
    margin: 0px auto;
    width: 100%
}

#esign-process.general_agen .progress-flow {
    overflow: hidden;
}

#esign-process.general_agen .modal-dialog {
    width: 1180px;
}

#esign-process.general_agen .e-process {
    width: 24%;
    padding: 5px;
    margin: 10px 3px;
}

#esign-process.general_agen .progress-numbers {
    width: 16%;
    left: -38px;
    position: relative;
}

@media all and (min--moz-device-pixel-ratio:0) {
    @media (max-width: 1024px) {
        #esign-process.general_agen .e-process {
            width: 32%;
            padding: 5px;
            margin: 10px 3px;
        }

        #esign-process.general_agen .progress-numbers {
            width: 16%;
            left: -20px;
            position: relative;
        }
    }
}

.process-icon.GAstep {
    background-position: -696px -310px;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #ffffff;
    text-decoration: none;
}

.breadcrumb a:not([href]):not([tabindex]):focus, .breadcrumb a:not([href]):not([tabindex]):hover {
    color: #555;
    text-decoration: none;
}


button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: inherit;
}


.k-icon {
    font-size: 14px;
}

.k-state-hover > .k-select {
    border-color: rgba(0, 0, 0, 0.15)
}

.k-button.k-flat:active, .k-button.k-flat:hover, .k-button.k-state-active, .k-button.k-state-hover, .k-button.k-state-selected, .k-button:active, .k-button:hover, .k-colorpicker .k-state-active, .k-colorpicker .k-state-hover, .k-combobox .k-state-active .k-select, .k-combobox .k-state-hover .k-select, .k-combobox > :hover .k-select, .k-dateinput .k-select:hover, .k-datepicker .k-state-active .k-select, .k-datepicker .k-state-hover .k-select, .k-datetimepicker .k-state-active .k-select, .k-datetimepicker .k-state-hover .k-select, .k-dialog-buttongroup .k-button:active, .k-dialog-buttongroup .k-button:hover, .k-dropdown .k-state-active, .k-dropdown .k-state-hover, .k-dropdown > :hover, .k-editor-toolbar a.k-tool.k-state-active, .k-editor-toolbar a.k-tool.k-state-hover, .k-editor-toolbar a.k-tool.k-state-selected, .k-editor-toolbar a.k-tool:active, .k-editor-toolbar a.k-tool:hover, .k-fieldselector .k-list li.k-item.k-state-active, .k-fieldselector .k-list li.k-item.k-state-hover, .k-fieldselector .k-list li.k-item:active, .k-fieldselector .k-list li.k-item:hover, .k-gantt-views li.k-state-hover, .k-gantt-views li.k-state-selected, .k-ghost-splitbar, .k-grid .k-button:hover, .k-handle:hover, .k-numerictextbox .k-link.k-state-selected, .k-numerictextbox .k-state-hover .k-select, .k-pivot-toolbar .k-button.k-state-active, .k-pivot-toolbar .k-button.k-state-hover, .k-pivot-toolbar .k-button:active, .k-pivot-toolbar .k-button:hover, .k-scheduler-footer li.k-state-hover, .k-scheduler-navigation .k-nav-next.k-state-hover, .k-scheduler-navigation .k-nav-prev.k-state-hover, .k-scheduler-navigation .k-nav-today.k-state-hover, .k-scheduler-views li.k-state-hover, .k-scheduler-views li.k-state-selected, .k-spreadsheet-filter.k-state-active, .k-spreadsheet-filter:hover, .k-timepicker .k-state-active .k-select, .k-timepicker .k-state-hover .k-select {
    color: #000 !important;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

.form-control.k-autocomplete label.input-validation-error-style {
    display: none !important
}

label.form-control:disabled, .form-control[readonly], .form-control[readonly]:hover {
    background-color: #eee !important;
    opacity: 1;
    cursor: not-allowed;
}


.form-group .filled-value .form-control:disabled {
    background-color: #eee !important;
    opacity: 1;
    cursor: not-allowed;
}

label.form-control {
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sm-cont-ePaymentInfo .card-body {
    padding: 10px;
}


#radio-contactTime.btn-group .btn + .btn, #radio-contactMethod.btn-group .btn + .btn {
    margin-left: -4px;
}

.btn-group .btn-primary:hover, .btn-group .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    border-color: #badfff !important;
    background-color: #5b5b5b;
}

.btn-primary:hover, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    border-color: #5b5b5b !important;
    background-color: #5b5b5b;
}
/*
Make bootstrap-select work with bootstrap 4 :
*/

.k-grid td.multiSelectDropDown {
    overflow: inherit;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: auto !important;
    margin-right: 22px;
}

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 9;
}

.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
    z-index: 99;
    padding: 6px 5px;
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9999;
}


.bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    z-index: 1;
    text-align: right;
    white-space: nowrap;
    padding: 5px;
    border: 1px solid #dddddd !important;
    background-color: #ffffff !important;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
    color: #000;
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

#grdSelectedPlansAndJobClassInfo .k-grid-content, #grdSelectedPlansAndJobClassInfo .k-grid-content td {
    overflow: visible;
}

.dropdown-toggle.btn-default {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
    display: block;
    padding: 3px 20px 3px 22px;
}

.bootstrap-select > .dropdown-menu {
    padding: 0px;
}

    .bootstrap-select > .dropdown-menu > .dropdown-menu li {
        padding: 5px 0px;
    }

.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
    display: block;
}

.bootstrap-select .dropdown-menu > li > a {
    background: url(../images/sprite.png) no-repeat 11px 11px;
    padding-left: 22px;
    color: #333;
    font-size: 13px;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
    display: none;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
    top: 0px;
    font-size: 14px;
    font-weight: bold;
}

.bootstrap-select .dropdown-menu > li > a:hover, .bootstrap-select .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.bootstrap-select .dropdown-menu > li.active > a {
    color: #262626 !important;
    background-color: #ffffff !important;
}

.bootstrap-select .btn.btn-default {
    margin: 0px 0px 2px 0px !important;
}

.dropdown-menu > li.active > a {
    color: #fff !important;
    background-color: #337ab7 !important;
}

.bootstrap-select .check-mark::after {
    content: "✓";
}

.bootstrap-select button {
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Make filled out selects be the same size as empty selects */
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline !important;
}

.posret2 {
    position: relative;
    top: 2px;
}

/**Boostrap select */
.bs-container .dropdown-menu {
    display: none
}

    .bs-container .dropdown-menu.open {
        display: block;
    }

    .bs-container .dropdown-menu.inner {
        display: block;
    }

.widgenpropose-tbl {
    width: 13%
}

.bdr-gray {
    border: 1px solid #dddddd;
}

.card-title b {
    font-weight: 600;
}

.hide1 {
    margin-left: 10px !important;
}

.card-heading.bgreset {
    background-color: transparent !important;
    padding: 5px 10px;
}

.card-title.fsizenorm {
    font-size: 13px;
    font-weight: normal
}

td.k-dirty-cell .k-dirty, .table.k-grid-content td span.k-dirty {
    border: none !important;
}

.form-control.k-widget {
    padding: 0;
}

.k-icon.k-i-warning {
    display: none;
}

.chk-group label {
    font-weight: normal !important
}

.k-grid-header .k-link .k-icon.k-i-sort-asc-sm, .k-grid-header .k-link .k-icon.k-i-sort-desc-sm {
    margin-top: 1px;
    vertical-align: text-top;
    left: -7px;
    position: absolute;
    top: 8px;
}

.roleact-btn {
    margin: 0px 30%
}

    .roleact-btn .btn.btn-default {
        padding: 15px;
        margin: 3px 6px;
        box-shadow: none
    }


.modal-header {
    padding: 5px 10px;
}

    .modal-header h4 {
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 0;
    }

    .modal-header.alert .close {
        opacity: 1;
        text-shadow: none;
        font-size: 18px;
    }

.text-blue {
    color: #058bd4 !important;
}


.k-filter-menu .k-datepicker .k-i-calendar:before {
    content: "\e108";
    display: block;
}

.k-datepicker .k-i-calendar:before {
    display: none;
}

.datepicker .k-i-calendar:before, .datepickerTime .k-i-calendar:before {
    content: "\e108";
    display: none;
}

.k-grid .k-state-selected .fa {
    color: #ffffff
}

.browseBtnReminder {
    margin-bottom: 0px !important
}

.grid-act-btn .btn.btn-default {
    margin: 0px 0px 10px 5px;
    box-shadow: none;
}

.ng-scope .k-filter-menu .k-datepicker .k-i-calendar:before {
    content: "\e108";
    display: none;
}

.card-block {
    padding: 15px;
}

.thanks_panel h4 {
    font-size: 18px;
}

.k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    height: 2.2em;
    line-height: 1.65em;
    /* padding: .177em 0; */
    text-indent: .33em;
    border: 0;
    margin: 0;
    /** Avoid right end border-radius cutoff issue*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.chksameaddress {
    font-weight: normal;
    position: relative;
    top: -2px;
}

.widrad-cus {
    width: 15px;
}

/**slider Tool tip */
.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

    .tooltip.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

span.k-widget.k-autocomplete .formcontrol {
    border: 1px solid #cccccc !important
}

/**Cost analysis*/

.summary_icon {
    width: 107px;
    height: 95px;
    background: url(../images/plan_summary_sprite.png) no-repeat;
    display: inline-block;
}

.current_year_panel .summary_icon {
    background-position: -25px -15px;
}

.renewal_year_panel .summary_icon {
    background-position: -25px -133px;
}

.change_panel .summary_icon {
    background-position: -25px -261px;
}

.total_panel .summary_icon {
    background-position: -25px -370px;
}

.view_annual_txt {
    position: relative;
    top: -7px;
}

.coverage_circle .coverage_icon1 {
    width: 47px;
    height: 47px;
    background: url(../images/EDT-icons-1.png) no-repeat !important;
    display: inline-block;
    position: relative;
    top: 10px;
    left: 5px;
}

.health_cover .coverage_icon1 {
    background-position: -94px -96px !important;
    top: -3px;
    left: 6px;
}

.dental_cover .coverage_icon1 {
    background-position: -94px -168px !important;
    left: 11px;
    top: 1px;
}

.life_cover .coverage_icon1 {
    background-position: -94px -231px !important;
    top: -7px;
}

.std_cover .coverage_icon1 {
    background-position: -94px -306px !important;
    top: -6px;
    left: 13px;
}

.ltd_cover .coverage_icon1 {
    background-position: -94px -383px !important;
    top: -6px;
    left: 5px;
}

.vision_cover .coverage_icon1 {
    background-position: -94px -597px !important;
    top: 2px;
    left: 8px;
}

.current_year_panel {
    background-color: #089ce2;
}

.renewal_year_panel {
    background-color: #f68516;
}

.change_panel, .total_panel {
    background-color: #3e6177;
}

    .change_panel .fa {
        color: #5ad98a;
        font-size: 18px;
    }

    .change_panel .fa-arrow-up {
        color: #5ad98a;
    }

    .change_panel .fa-arrow-down {
        color: #e84242;
    }

.coverage_summary .value {
    color: #fff;
    font-size: 26px;
    margin: 7px 0px 0px;
}

.coverage_summary .desc {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    margin: 5px 0px 0px;
}

.coverage_summary .card {
    border-radius: 8px;
    border: none;
    min-height: 107px;
    margin-bottom: 10px;
}

.coverage_summary .panel-body {
    padding: 15px 35px 15px 15px;
}

.cost_chart_container {
    background: #dceefa;
}

    .cost_chart_container .white_container {
        margin-bottom: 0px;
    }

        .cost_chart_container .white_container .panel-body {
            padding-bottom: 10px !important;
        }

.coverage_individual_section .row {
    border-top: solid 1px #ddd;
}


.coverage_circle_box {
    width: 98%;
    margin: 0 auto;
    height: 115px;
    margin: 5px;
    border: solid 1px #cacaca;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 10px;
    display: inline-flex;
}

.coverage_circle_holder {
    padding: 0px;
    width: 100%;
    float: left;
}

    .coverage_circle_holder h1 {
        color: #395e74;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 5px 0px 8px;
        position: absolute;
        top: 84px;
        width: 70px;
        line-height: 14px;
        left: 15px;
    }


.rate_wise_compare {
    font-size: 13px;
    padding-right: 1px;
    text-align: right;
    overflow: hidden;
    margin-top: 6px;
    width: 100%;
}

    .rate_wise_compare ul {
        list-style: none;
        line-height: 22px;
        position: relative;
    }

    .rate_wise_compare .percentage {
        padding-top: 31px;
        font-size: 10px;
        position: absolute;
        right: 0px;
        bottom: -22px;
    }

    .rate_wise_compare .current_year {
        color: #079ce2;
    }

    .rate_wise_compare .total {
        color: #3e6177;
    }

    .rate_wise_compare .renewal_year {
        color: #f68410;
    }

    .rate_wise_compare .fa {
        font-size: 10px !important;
        position: relative;
        bottom: 0px;
    }

    .rate_wise_compare .fa-arrow-up, .rate_wise_compare .percentage.up {
        color: #0ead4a;
        ;
    }

    .rate_wise_compare .fa-arrow-down, .rate_wise_compare .percentage.down {
        color: #e84242;
    }

.k-chart {
    width: 100%;
    height: 360px;
    float: left;
}

@media (min-width: 1200px) {
    .pad-td13p {
        padding-top: 11%
    }
}

@media (max-width:800px) {

    .modal-body > .prospects .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
        position: absolute;
        top: 0.8rem;
    }
}

@media (max-width:768px) {

    .coverage_circle_holder h1 {
        color: #395e74;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 5px 0px 8px;
        position: absolute;
        top: 77px;
        width: 70px;
        line-height: 14px;
    }

    .k-webkit .k-grid .k-pager-numbers .k-current-page {
        display: block;
        border-left: 0;
        width: 56px;
    }

    .rate_wise_compare {
        font-size: 12px;
        position: relative;
        top: 13px;
        left: 5px;
    }

    .rate_wise_compare {
        padding-right: 3px;
    }

    .chart-scroll {
        overflow-x: scroll
    }
}

@media (max-width:568px) {

    .coverage_circle_holder h1 {
        color: #395e74;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 5px 0px 8px;
        position: absolute;
        top: 77px;
        width: 70px;
        line-height: 14px;
    }

    .chart-scroll {
        overflow-x: scroll
    }

    .custaccord-edit .accord-head-btn {
        right: 30px !important;
        z-index: 99;
        top: 1px;
    }

    .coverage_circle_holder h1 {
        left: 16px !important;
    }

    .img-perc {
        width: 100%;
        height: 100%
    }

    .rate_wise_compare {
        padding-right: 4px;
    }

    .k-webkit .k-pager-numbers + .k-link {
        margin-left: 2.4rem;
    }
}

@media (max-width: 320px) {

    .img-perc {
        width: 100%;
        height: 100%
    }

    .coverage_circle_holder h1 {
        color: #395e74;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 5px 0px 8px;
        position: absolute;
        top: 77px;
        width: 70px;
        line-height: 14px;
        left: 0px;
    }


    .rate_wise_compare {
        font-size: 12px;
        position: relative;
        top: 13px;
        left: 5px;
    }

    .chart-scroll {
        overflow-x: scroll
    }

    .coverage_container1 .contr_type_column {
        display: inherit;
        margin: 0px 6px 30px 16px;
        width: 94%;
    }
}

.lh28 {
    line-height: 28px;
}

.postop8 {
    top: 8px !important;
}

.mgn-r10 {
    margin-right: 10px;
}



.rect-auto, .percentageCircle.greaterValue .slice {
    clip: rect(auto, auto, auto, auto);
}

.pie, .percentageCircle .bar, .percentageCircle.greaterValue .fill {
    position: absolute;
    border: 0.11em solid #f78518;
    width: 0.78em;
    height: 0.78em;
    clip: rect(0em, 0.5em, 1em, 0em);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.pie-fill, .percentageCircle.greaterValue .bar:after, .percentageCircle.greaterValue .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.percentageCircle {
    position: relative;
    font-size: 55px;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin: 0 0.1em 0.1em 0;
    background-color: #069de4;
    top: 7px;
    left: 7px;
}

    .percentageCircle *, .percentageCircle *:before, .percentageCircle *:after {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .percentageCircle.center {
        float: none;
        margin: 0 auto;
    }

    .percentageCircle.big {
        font-size: 240px;
    }

    .percentageCircle.small {
        font-size: 80px;
    }

    .percentageCircle > span {
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 0;
        top: 0;
        width: 5em;
        line-height: 5em;
        font-size: 0.2em;
        color: #cccccc;
        display: block;
        text-align: center;
        white-space: nowrap;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .percentageCircle:after {
        position: absolute;
        top: 0.11em;
        left: 0.115em;
        display: block;
        content: " ";
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-color: whitesmoke;
        width: 0.78em;
        height: 0.78em;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-in;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    .percentageCircle .slice {
        position: absolute;
        width: 1em;
        height: 1em;
        clip: rect(0em, 1em, 1em, 0.5em);
        top: 0px;
    }

    .percentageCircle.smallerValue .bar {
        -webkit-transform: rotate(43.2deg);
        -moz-transform: rotate(43.2deg);
        -ms-transform: rotate(43.2deg);
        -o-transform: rotate(43.2deg);
        transform: rotate(43.2deg);
    }

    .percentageCircle.greaterValue .bar {
        -webkit-transform: rotate(216deg);
        -moz-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
        -o-transform: rotate(216deg);
        transform: rotate(216deg);
    }


    .percentageCircle.dark {
        background-color: #777777;
    }

        .percentageCircle.dark .bar,
        .percentageCircle.dark .fill {
            border-color: #c6ff00 !important;
        }

        .percentageCircle.dark > span {
            color: #777777;
        }

        .percentageCircle.dark:after {
            background-color: #666666;
        }

        .percentageCircle.dark:hover > span {
            color: #c6ff00;
        }

    .percentageCircle.green .bar, .percentageCircle.green .fill {
        border-color: #4db53c !important;
    }

    .percentageCircle.green:hover > span {
        color: #4db53c;
    }

    .percentageCircle.green.dark .bar, .percentageCircle.green.dark .fill {
        border-color: #5fd400 !important;
    }

    .percentageCircle.green.dark:hover > span {
        color: #5fd400;
    }

    .percentageCircle.orange .bar, .percentageCircle.orange .fill {
        border-color: #dd9d22 !important;
    }

    .percentageCircle.orange:hover > span {
        color: #dd9d22;
    }

    .percentageCircle.orange.dark .bar, .percentageCircle.orange.dark .fill {
        border-color: #e08833 !important;
    }

    .percentageCircle.orange.dark:hover > span {
        color: #e08833;
    }

/**cost analysis ends*/

.head-bdrline {
    border-bottom: 1px solid #069de4;
    color: #069de4;
    background-color: #ffffff;
    padding: 10px 10px 5px 10px;
    font-size: 16px;
    font-weight: 700;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0px 15px 10px;
}

.custaccord-edit .accord-head-btn {
    position: absolute;
    right: 70px;
    z-index: 99;
    top: 1px;
}

.custaccord-edit .accord-head-rate-btn {
    position: absolute;
    right: 5px;
    z-index: 99;
    top: 1px;
}

.accord-head-btn .fnt-btn16 {
    font-size: 16px;
    font-weight: normal;
    padding: 2px 5px;
}

.fnt-btn16 span {
    font-weight: normal;
    font-size: 0.875rem
}

.k-i-sort-asc-sm:before {
    content: "\e004";
}

.k-i-sort-desc-sm:before {
    content: "\e006";
}

.k-calendar table.k-month tr:nth-child(even) {
    background-color: transparent;
    border-bottom: none !important;
}

/**Jquery and Kendo datepicker color adj*/
.k-calendar .k-header {
    background-color: transparent;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: #058bd4;
    color: #ffffff;
}

.k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #cccccc;
    color: #2e2e2e;
}

.datepicker thead tr th.datepicker-switch:hover {
    background-color: #cccccc;
    color: #2e2e2e
}

.k-icon.k-i-expand {
    background-image: url(../Telerik_kendoui.for.jquery.2017.3.1026/styles/Default/sprite.png);
    border-color: transparent;
    background-position: 0px 142px;
}

.k-icon.k-i-collapse {
    background-image: url(../Telerik_kendoui.for.jquery.2017.3.1026/styles/Default/sprite.png);
    border-color: transparent;
    background-position: 0px 108px;
}

.k-i-collapse:before {
    content: "\e001";
    display: none;
}

.k-i-expand:before {
    content: "\e005";
    display: none;
}

.mgnper {
    margin-left: 180px;
}

.mgnper1 {
    margin-left: 126px;
}

.form-control:focus {
    box-shadow: none;
}

.modal .modal-dialog .grid-act-btn {
    top: 0px;
    margin-top: 14px;
}

.modal .modal-dialog .k-grid-content {
    top: 0px;
    margin-bottom: 0px;
}

.dependent-cls {
    border: 1px solid #dddddd;
}

    .dependent-cls .k-grid-content table tr.kendo-data-row {
        border-bottom: none !important;
    }

    /*.dependent-cls .k-grid-content table tr:first-child  {
    border-bottom:none !important;
}*/
    .dependent-cls.k-grid.k-widget {
        border: 1px solid #dddddd;
        border-top: none;
    }

#ancillaryPlanSummary .table.k-grid-content {
    border-right: 1px solid #dddddd;
}

#divPlanSummary .grid-act-btn {
    top: 0px;
    left: 0;
    margin-bottom: 0px;
}

.k-space-right .k-icon {
    right: 6px;
}

.slider.slider-horizontal {
    width: 186px;
    height: 20px;
}

#rateGrid .k-grid .k-pager-wrap, .k-grid-pager {
}

.table.bcust-table th.head {
    background-color: #f5f8fb;
    color: #2b85c3;
}

.table tr.mainfeatures th {
    border: 0;
    background-color: #f5f8fb !important;
    color: #2b85c3 !important;
}

    .table tr.mainfeatures th.head {
        border-left: 1px solid #dddddd;
    }

.table.bcust-table tr:nth-child(even) {
    background: #ffffff;
}

.table tr.mainfeatures th:nth-last-child(-n+1) {
    border-right: 1px solid #dddddd
}

.bcust-table td {
    z-index: 0;
    position: relative;
    text-align: center;
}

.bgclr-head {
    background-color: #f6f6f6;
    font-size: 16px;
    color: #000000;
}

.bglight-head {
    background-color: #f6fcff;
    font-size: 13px;
}

.coverage-txt-icon {
}

    .coverage-txt-icon span.coverageIcon {
        width: 30px;
        height: 30px;
    }

.w-20 {
    width: 20%;
}

.posset {
    top: 5px;
    position: relative;
    padding-right: 3px;
}

.overscroll-x {
    overflow-x: auto
}

#contributionStrategyGrid .k-detail-cell div > table {
    border: 1px solid #ddd
}

span.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg {
    box-shadow: none;
    display: block;
    text-align: left;
    font-size: 13px;
}

.dependent-cls .k-grid-content {
    margin-bottom: 0;
}

.algnpos-mob {
    text-align: center;
}

.tr-ht75 {
    height: 75px !important;
}

.modal-dialog .card .card-heading .card-title {
    line-height: 2rem
}

.modal .k-grid .k-pager-wrap, .k-grid-pager {
    background: #fff;
    border: 0;
    float: right;
    margin-bottom: 0px;
    margin-top: 10px;
}

#censusGrid .k-picker-wrap .k-input {
    text-indent: 0em;
    border: 0;
    margin: 0;
}

#banner-close {
    top: auto;
}

/*Stable version fixes*/

.alert .close {
    margin-right: 0px !important;
    position: relative;
    top: -3px;
}

.btn-group .btn input {
    display: none;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

button:focus {
    outline: 1px dotted;
    outline: none;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #5b5b5b;
    border-color: #005cbf;
}

.btn-primary:visited, .btn-primary:focus {
    color: #ffffff;
}

.table {
    margin-bottom: 0.7rem;
}

    table p, .table p {
        margin-bottom: 0.25rem
    }

.modal .modal-dialog .form-group {
    margin-bottom: 10px;
}

.tab-content h1 {
    margin-top: 15px;
}

.k-widget.k-maskedtextbox {
    border: none;
}

.menu .btn-primary:not(:disabled):not(.disabled):active, .menu .btn-primary:not(:disabled):not(.disabled).active, .menu.show > .btn-primary.dropdown-toggle {
    z-index: 9999;
}

.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.scroll-xauto {
    overflow-x: auto;
}


.mx-wid {
    max-width: 272px;
}

.multiselect-container.dropdown-menu > li > a label {
    display: flex;
}

.multiselect-container.dropdown-menu li {
    max-height: 40px;
}

/*alert danger color changes**/
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.k-autocomplete .k-clear-value {
    top: 1rem !important;
    right: 1.2rem;
}

.bd-radl-tb0 {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 22px;
}

.switch-cost-view {
    min-width: 160px;
    text-align: center;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}

#grdSelectedPlansAndJobClassInfo .k-grid-content.k-auto-scrollable {
    margin-bottom: 0px;
}

.cont-depbdr table {
    border: 1px solid #cccccc
}

.editable-container .editableform {
    overflow-x: auto
}

#grdUploadDocuments.table > tbody > tr > td {
    border-bottom: 1px solid #ddd;
    border-top: none;
    border-right: none;
}
/*.k-detail-row .k-grid td {
    border-width: 0 1px 0 1px;
}*/

#branches-dropdown.dropdown-menu.show {
    display: block;
    transform: none !important;
    top: 26px !important;
}

#censusInformation #employeeGrid {
    border: 1px solid #dddddd;
}

/**View additional carrier link*/
a.view-additional-carriers, a.view-additional-carriers:focus, a.view-additional-carriers:visited {
    color: #2a6496 !important;
    text-decoration: underline !important;
}

    a.view-additional-carriers:hover {
        color: #0056b3 !important;
        text-decoration: none !important;
    }

#ancillaryPlanSummary .analysisEmpty {
    border: none;
}

#divContribution .k-grid .k-grid-header .k-header, #divContribution .k-grid table tbody tr td {
    width: 100%;
}

#noPlanMemberRecordsFound.analysisEmpty, #noRecordsFound.analysisEmpty {
    border: none;
}

.table.info-table a {
    text-decoration: none;
}

.plan-cost ul {
    list-style: none;
}

.annual-plan-cost ul {
    list-style: none;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #cccccc;
    cursor: default;
}

.k-calendar-container .k-calendar table tr td a.k-link {
    color: #2e2e2e !important
}

.k-calendar table tr td.k-other-month a.k-link {
    color: #c3c3c3 !important
}

.slider.slider-horizontal {
    width: 186px !important;
    height: 20px;
    width: 100% !important;
}

/*Unit testing fixes*/

.plans-text-main td p {
    word-break: break-word;
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    /*#divProspectGrid .k-grid-header th.k-header>.k-link {
        margin: -.5rem .9rem -.4rem -0.5rem;
        padding: .5rem .2rem .4rem 0.7rem;
   }*/
    .k-grid-header th.k-header > .k-link {
        margin: -.3rem -.2rem -.4rem -0.5rem;
        padding: .3rem .6rem .4rem 0.7rem;
    }

    #divProspectGrid .k-grid-header th.k-header > .k-link {
        margin: -0.3rem .4rem -.4rem -.2rem;
        padding: .2rem .2rem .2rem .2rem
    }

    .k-header > .k-grid-filter, .k-header > .k-header-column-menu {
        float: right;
        margin: 0em -.6em -.4em 0;
        padding: .3em .2em .4em;
        position: absolute;
        z-index: 1;
        color: inherit;
        right: 4px;
        top: 0px;
    }

    .k-grid-header th.k-header {
        border-right: 1px solid #cccccc !important;
        background: transparent;
    }

    #censusInformation .k-grid-header th.k-header {
        border-right: 1px solid #cccccc !important;
        background: transparent;
    }

    .k-filter-row th, .k-grid-header th.k-header {
        overflow: hidden;
        padding: 0.4em;
        font-weight: bold;
        white-space: normal;
        text-overflow: ellipsis;
        text-align: left;
        vertical-align: top;
        position: relative;
    }

    .k-grid .k-grid-header .k-header, .k-grid table tbody tr td {
        white-space: normal;
        word-wrap: normal;
        text-overflow: ellipsis;
        width: auto;
        min-height: 30px;
        word-break: break-all;
    }

    #censusInformation #employeeGrid .k-header > .k-grid-filter, .k-header > .k-header-column-menu {
        float: right;
        margin: 0em -.6em -.4em 0;
        padding: .3em .2em .4em;
        position: absolute;
        z-index: 1;
        color: inherit;
        right: 4px;
        top: 2px;
    }
}



/**Esign process*/
.general_agen#esign-process .progress-numbers {
    width: 16%;
    left: -16px;
    position: relative;
}

.general_agen#esign-process .e-process {
    width: 32%;
    padding: 5px;
    margin: 10px 3px;
}

/*Applicant Detail*/
.applicant-sec .form-group {
    margin-bottom: 15px !important;
}

.applicant-details .panel-heading {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    color: #464646;
}

h4.panel-title {
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 0;
    line-height: 18px;
    font-size: 18px;
}

h5.sub-title {
    font-size: 16px;
    color: #033b82;
    padding-bottom: 10px;
    margin: 0px 0px;
    font-weight: bold;
    padding-left: 0px;
}


.padtb20 {
    padding: 20px 0px;
}

.mobpadl15 {
    padding-left: 0px;
}

.padr0 {
    padding-right: 0px;
}

.applicantInfo .height_container, .applicantInfo .weight_container {
    position: relative;
}

.applicantInfo .height_container, .applicantInfo .weight_container {
    position: relative;
}

.applicantInfo .row.height_container .col-md-6 {
    padding-right: 0px;
}

.applicantInfo .height_container .form-control {
    width: 68% !important;
}

.applicantInfo .height_container .measerment, .applicantInfo .weight_container .measerment {
    position: absolute;
    right: 14%;
    top: 5px;
}

.mmgnt24 {
    margin-top: 24px;
}


/*Responisve Custom-table*/
table.customtable-resp {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    margin: 0px 0px 20px;
}

    table.customtable-resp caption {
        font-size: 1.5em;
        margin: .25em 0 .75em;
    }

    table.customtable-resp tr th {
        background: #f8f8f8;
        border-bottom: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        padding: .35em .35em;
        border-right: none;
    }

        table.customtable-resp tr th:last-child {
            border-right: none;
        }

    table.customtable-resp tr td {
        border: none;
        padding: .35em .35em;
    }

    table.customtable-resp td {
        background-color: #ffffff;
    }

    table.customtable-resp th, table.customtable-resp td {
        padding: .625em;
        text-align: left;
    }

    table.customtable-resp > tbody > tr:nth-child(odd) > td {
        background-color: #f1f1f1;
    }

    table.customtable-resp > tbody > tr:nth-child(even) > td {
        background-color: #fafafa;
    }

    table.customtable-resp th {
        font-size: 1em;
        text-transform: none;
        color: #2a363e;
    }

    table.customtable-resp td img {
        text-align: center;
    }

.bdr-bgrey {
    border-bottom: 1px solid #cccccc;
}

@media (max-width: 767px) {
    table.customtable-resp {
        border: none;
    }

        table.customtable-resp caption {
            font-size: 1.3em;
        }

        table.customtable-resp thead {
            display: none;
        }

        table.customtable-resp tr {
            border-bottom: 1px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        table.customtable-resp td {
            border: 1px solid #ddd;
            display: block;
            font-size: 0.9em;
            text-align: left;
        }

    .disptable {
        display: table
    }

    table.customtable-resp td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: none;
        width: 50%;
    }

    table.customtable-resp td:last-child {
        border-bottom: 0;
    }
}

.dependent-info .customtable-resp {
    margin-top: 0px;
}

    .dependent-info .customtable-resp th {
        border-top: none;
    }

.widadj60 {
    width: 60px;
    float: left;
}

    .widadj60 input {
        width: 40px;
        float: left;
        padding: 5px;
    }

    .widadj60 span.sz {
        float: left;
        xpadding-top: 8px;
        padding-left: 3px;
    }

.summary .form-sec .form-group {
    margin-bottom: 0;
}

    .summary .form-sec .form-group .control-label {
        font-size: 13px;
        font-weight: normal;
        padding: 7px 0px 0;
    }

.applicant-details .summary .form-sec .form-group {
    margin-bottom: 0 !important;
}


/**Search Feature-EDT*/
.mgn-t2 {
    margin-top: 2px;
}

.ndestitle.panel-heading {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    color: #058bd4;
    font-weight: bold;
}

.search-details .form-group {
    margin-bottom: 10px !important;
}


.search-details h4.panel-title {
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 0;
    line-height: 18px;
    font-size: 18px;
}

.search-details h5.sub-title {
    font-size: 16px;
    color: #033b82;
    padding-bottom: 10px;
    margin: 0px 0px;
    font-weight: bold;
    padding-left: 0px;
}

.fnt-normal {
    font-weight: normal !important
}


#grdtemplate-hierarchy-detail tr {
    cursor: default;
}

    #grdtemplate-hierarchy-detail tr td span.hierarchy-icon {
        cursor: pointer;
    }


.hierarchy-expand .card-title {
    font-size: 13px;
    line-height: 22px;
}

.padsp-adjus h4 a.card-title, .padsp-adjus h4 a:hover.card-title, .padsp-adjus h4 a:active.card-title, .padsp-adjus h4 a:focus.card-title {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 26px;
    color: #ffffff !important;
    text-decoration: none;
}

.hierarchy-expand .card-heading {
    min-height: 24px;
}

.hierarchy-expand table tr:hover:nth-child(odd), .hierarchy-expand .table tr:hover:nth-child(even) {
    background-color: transparent;
}

.hierarchy-expand table tr:hover:nth-child(even), .hierarchy-expand table tr:nth-child(even) {
    background-color: transparent !important;
}

.hierarchy-expand td:first-child {
    border: none !important;
}

.agentsearch .collapse-accordion > .card .card-header h4.card-title a {
    font-size: 15px;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 20px;
    color: #ffffff;
    text-decoration: none;
}

.agentsearch .padsp-adjus .k-grid table {
    margin-bottom: 0px;
}

/*Responsive design*/

@media(max-width:1440px) {
    .menu .dropdown-menu {
        min-width: 11.5rem;
        right: -1px;
    }
}


@media (min-width: 1200px) {
    .container {
        width: 100%;
        max-width: 100%;
    }

    .widgenpropose-tbl {
        width: 13%
    }

    #planViewRates .modal-dialog, #grdPlanIndMemberRate .modal-dialog, #planViewAvgCost .modal-dialog {
        margin: 30px auto;
        max-width: 1200px;
    }
}


@media (max-width: 1024px) {
    .coverage_circle_holder {
        padding: 0px;
        width: 98%;
        float: left;
    }

    .mgnper {
        margin-left: 80px;
    }

    .mgnper1 {
        margin-left: 22px;
    }

    .algnpos-mob {
        text-align: left;
    }

    .tr-ht75 {
        height: auto !important;
    }

    .td-ht60 {
        height: 60px !important;
    }

    .dropdown-menu, .dropdown-menu > li > a, .dropdown-menu > li {
        list-style: none !important;
        min-width: 200px;
    }

    #grdUploadDocuments.table > tbody > tr > td .input-group .form-control {
        height: 31px;
    }
}

@media (max-width: 960px) {
    .navbar-toggler-icon {
        background: #058bd4;
    }

    .widgenpropose-tbl {
        width: 16%
    }

    .mgnper {
        margin-left: 276px;
        margin-bottom: 10px;
    }

    .mgnper1 {
        margin-left: 215px;
        margin-bottom: 10px;
    }

    .dropdown-menu, .dropdown-menu > li > a, .dropdown-menu > li {
        list-style: none !important;
        min-width: 180px;
    }

    .plan-mb10.grid-act-btn {
        top: -5px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    #footer ul.nav {
        padding-top: 12px;
    }
}

@media only screen and (min-width: 1025px) {
    .new-pagination.grid-act-btn {
        top: 5px;
    }
}

@media only screen and (min-width: 1001px) {
    .desktop {
        display: block;
    }

    .mobile {
        display: none;
    }
}

@media(min-width:1025px) {
    .disptable {
        display: inline-flex;
    }
}

@media(max-width:1024px) {
    .disptable {
        display: inline-flex;
    }
}

@media (max-width: 960px) {
    .widadj60 input {
        float: left;
        padding: 5px;
        margin-right: 5px;
        width: 34px;
    }

    .mt-0 {
        margin-top: 0
    }
}

@media (max-width: 1000px) {
    .navbar {
        position: relative;
        padding-right: 0;
    }

    .k-grid.k-widget {
        width: 100%;
        overflow-x: unset;
    }
}

@-moz-document url-prefix() {
    @media (max-width: 1000px) {
        .k-grid.k-widget {
            width: 100%;
            overflow-x: unset !important;
        }
    }
}

@media (max-width: 767px) {
    table.customtable-resp {
        border: none;
    }

        table.customtable-resp caption {
            font-size: 1.3em;
        }

        table.customtable-resp thead {
            display: none;
        }

        table.customtable-resp tr {
            border-bottom: 1px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        table.customtable-resp td {
            border: 1px solid #ddd;
            display: block;
            font-size: 0.9em;
            text-align: left;
        }

    .disptable {
        display: table
    }

    table.customtable-resp td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: none;
        width: 50%;
    }

    table.customtable-resp td:last-child {
        border-bottom: 0;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        /*max-width: 600px;*/
        margin: 30px auto;
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        margin: 0;
        float: right;
    }

    .navbar-toggle {
        display: none;
    }
}

@media (max-width: 767px) {
    .modal-dialog {
        /*max-width: 500px;*/
        margin: 30px auto;
    }

    .modal-sm {
        /*max-width: 300px;*/
    }

    .mgnper {
        margin-left: 0px;
        margin-bottom: 10px;
    }

    #esign-process.general_agen .e-process {
        width: 100%;
        padding: 5px;
        margin: 10px 3px;
    }

    .widrad-cus {
        width: 13px;
    }

    .custaccord-edit .accord-head-btn {
        position: absolute;
        right: 30px;
        z-index: 99;
        top: 0px;
    }

    .float-right > .dropdown-menu {
        right: -51px;
        left: auto !important;
        top: 117px !important;
    }

    .disptable {
        display: flex;
    }

    .widadj60 span.sz {
        display: none;
    }

    .mpadlr0 {
        padding-right: 0px;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        /*max-width: 800px;*/
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 30px auto;
    }
}

@media only screen and (max-width: 767px) {
    .custaccord-edit .edit-posset {
        position: absolute;
        right: 32px;
        z-index: 99;
        top: 11px;
    }

    .info-grap {
        margin-bottom: 15px;
    }

    .infographic-list-block {
        margin-top: 8px;
    }

    .infographic-block ul.infographic-wrapper2 > li {
        width: 100%;
        padding: 10px;
        border-right: 0 !important;
    }

        .infographic-block ul.infographic-wrapper2 > li span.infographic-text {
            font-size: 16px;
            float: left;
            padding-left: 10px;
            padding-top: 6px;
        }

        .infographic-block ul.infographic-wrapper2 > li span.infographic-amount {
            font-size: 16px;
        }
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    .EDT-icons-02.infographic-block ul.infographic-wrapper2 > li span.infographic-text {
        float: none;
        text-align: left;
        padding-left: 10px;
        font-size: 16px;
    }

    .EDT-icons-02.infographic-block ul.infographic-wrapper2 > li span.infographic-amount {
        padding-left: 0;
        font-size: 16px;
    }

    .EDT-icons-02.infographic-block ul.infographic-wrapper2 > li span.infographic-icon {
        min-width: 55px;
    }

    .widgenpropose-tbl {
        width: 16%
    }
}



@media (max-width: 480px) {
    .panel-primary > .panel-heading {
        padding: 5px 15px;
        min-height: 48px;
    }

    h4.panel-title {
        font-weight: bold;
        margin-bottom: 0px;
        margin-top: 0;
        line-height: 18px !important;
        font-size: 16px !important;
    }

    .panel-title > a {
        font-size: 14px;
    }

    .list-content > .values li > span {
        display: table-cell;
        text-align: left;
        width: 130px !important;
        padding-right: 9px;
    }

    span.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg {
        white-space: normal;
        box-shadow: none;
        display: block;
        font-size: 11px !important;
        margin-top: 2px;
        font-weight: normal;
    }

    .k-grid table tbody tr.k-grid-edit-row td {
        height: 80px;
    }
}

@media (min-width: 480px) {
    .mob-b480 {
        display: none
    }
}

@media (max-width: 479px) {
    /*XS Extra Small Device*/
    .mob-b480 {
        display: block
    }

    #dvContributionalDetails .accord-head-btn a span {
        display: none;
    }

    .custaccord-edit .accord-head-btn {
        position: absolute;
        right: 8px !important;
        z-index: 99;
        top: 2px;
    }

    #dvContributionalDetails .accord-head-btn a {
        position: absolute;
        right: -10px !important;
        z-index: 99;
        top: 0px;
    }

    .epayment-carrier-logo img {
        width: 100%
    }

    #CoveragetabsListContent div img {
        width: 100%
    }
}

@media (max-width: 1024px) {
    /*Below tab Device*/

    .k-grid.k-widget .k-grouping-header, a#clearFilters {
        display: none;
    }

    a#clear-filters {
        display: none;
    }

    .ng-scope .k-webkit .k-grid .k-pager-numbers .k-current-page, .ng-scope .k-webkit .k-pager-numbers .k-current-page {
        width: 51px;
    }

    .k-webkit .k-grid .k-pager-numbers .k-current-page {
        display: block;
        border-left: 0;
        width: 56px;
    }

    .k-ff .k-pager-numbers + .k-link {
        margin-left: 3.3em;
    }

    #MainMenu > li > .dropdown-level2 {
        right: 202px !important;
    }
}

@media (max-width: 767px) /*XS Extra Small Device*/
{
    .initial-infographic ul.infographic-wrapper > li {
        width: 100%;
        display: block;
        min-height: 0;
        padding: 10px;
    }

        .initial-infographic ul.infographic-wrapper > li span {
            float: left;
            margin-left: 10px;
        }

            .initial-infographic ul.infographic-wrapper > li span.infographic-amount {
                float: right;
            }

        .initial-infographic ul.infographic-wrapper > li + li {
            border-left: 0px solid #add2e6;
            border-top: 1px solid #add2e6;
        }

    .initial-infographic .infographic-text {
        margin-top: 15px;
    }

    .initial-infographic .infographic-amount {
        margin-top: 5px;
    }

        .initial-infographic .infographic-amount span {
            float: right !important;
        }

    .initial-infographic > div + div {
        margin-top: 15px;
    }
    /*Added by Yuvaraj*/
    .title-button {
        width: auto;
    }

    .title-lh {
        line-height: 1.6rem;
    }

    .card-heading h3.card-title {
        display: inline-block;
        margin-bottom: 0px;
    }

        .card-heading h3.card-title ~ a {
            float: left !important;
            margin: 5px;
        }

        .card-heading h3.card-title + a {
            margin-left: 0;
        }

            .card-heading h3.card-title + a ~ div.float-right {
                clear: both;
                float: left !important;
            }

    .padcus-lr0 {
        padding: 0px !important
    }

    .inner-container th span {
        width: auto !important;
    }

    .tick, .tick-remove {
        margin: 0px auto;
        width: auto;
        text-align: center;
    }

    .bs-container .dropdown-menu {
        display: none
    }

        .bs-container .dropdown-menu.open {
            display: block;
        }

        .bs-container .dropdown-menu.inner {
            display: block;
        }

    .tablescroll-mob {
        table-layout: fixed
    }

        .tablescroll-mob th, .tablescroll-mob td {
            width: 220px;
        }

            .tablescroll-mob th:last-child {
                width: 134px;
            }

    .tablescroll-holder-mob {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
    }

    .widgenpropose-tbl {
        width: 120px;
    }

    /* #MainMenu > li > .dropdown-level2 {display: none;}
        #MainMenu > li:hover > .dropdown-level2 {display:none}
    #MainMenu > li {width:250px}*/

    /*END--Added by Yuvaraj--*/


}

@media (min-width: 768px) and (max-width: 991px) /*SM - Tablet*/
{
    .prospects .k-grid.k-widget > .k-grouping-header {
        overflow: hidden;
    }

    .title-lh {
        line-height: 1.8rem;
    }

    .prospects .k-grid.k-widget {
        overflow-x: scroll;
    }

    .initial-infographic ul.infographic-wrapper > li {
        width: 100%;
        display: block;
        min-height: 0;
        padding: 5px;
    }

    .collapse-accordion .card-block {
        padding: 10px;
    }

    .initial-infographic ul.infographic-wrapper > li span {
    }

    .infographic-wrapper .infographic-icon {
        margin-left: 10px;
    }

    .initial-infographic ul.infographic-wrapper > li + li {
        border-top: 0px;
    }

    .initial-infographic .infographic-text {
        margin-top: 0px;
    }

    .initial-infographic .infographic-amount {
        margin-top: 5px;
    }

        .initial-infographic .infographic-amount span {
            float: right !important;
        }

    .initial-infographic > div + div {
        margin-top: 15px;
    }

    .navbar-collapse.collapse {
        margin-top: 0;
        margin-bottom: 0px;
    }

    /*.navbar-collapse.collapse > ul > li > a:first-child {
            padding-left: 0;
        }*/
    .initial-infographic ul.infographic-wrapper > li {
        width: 100%;
        display: block;
        min-height: 0;
        padding: 10px;
    }

    .initial-infographic ul.infographic-wrapper > li {
        min-height: 190px;
        width: 16.3%;
    }

    .icon-producers {
        background-position: -3px -132px !important;
    }

    .k-webkit .k-grid .k-pager-numbers {
        position: absolute;
        left: 4.4em;
    }

    .modal .grid-act-btn {
        position: relative;
        top: 3px;
        margin-bottom: 5px;
        margin-left: -15px;
    }

    .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: right;
    }

    .widgenpropose-tbl {
        width: 20%
    }

    .cus-size-adj-tab {
        width: 140px;
        float: left;
        position: relative;
        top: -8px;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .container.navwid {
        width: 100%
    }

    .card-heading h3.card-title {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
        min-height: 40px;
        line-height: 2.2rem;
    }

    .modal .card-heading h3.card-title {
        display: inline-block;
        width: 80%;
        margin-bottom: 0px;
        min-height: 40px;
        line-height: 2.2rem;
    }

    .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: none !important;
    }

    .k-webkit .k-grid .k-pager-numbers {
        position: absolute;
        left: 4.2em;
    }
    /*.grid-act-btn {
    float: left;
    position: relative;
    top: 5px;
    margin-bottom: 10px;
    margin-left: 2px;
}*/
    .roleact-btn .btn.btn-default {
        padding: 10px;
        margin: 3px 6px;
        box-shadow: none;
    }

    .roleact-btn {
        margin: 0px 5%
    }
}

@media (min-width: 320px) and (max-width: 567px) {
    .card-heading h3.card-title {
        display: inline-block;
        width: 95%;
        margin-bottom: 0px;
    }

    .infographic-block ul.infographic-wrapper > li span.infographic-amount {
        color: #3e6177;
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .prospects.prospect-scroll .k-grid.k-widget {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

@media (min-width: 992px) and (max-width: 1199px) /*MD Medium desktop*/
{
    .prospects.prospect-scroll .k-grid.k-widget {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .initial-infographic ul.infographic-wrapper > li {
        min-height: 190px;
        width: 16.3%;
    }

        .initial-infographic ul.infographic-wrapper > li span.infographic-amount {
            font-size: 18px;
            font-weight: 600;
        }

    .initial-infographic ul.total-premium > li {
        width: 100%;
    }
}

@media (min-width: 601px) and (max-width: 767px) {
    .inner-container th span {
        width: auto;
    }

    .edit-posset a {
        font-size: 0px !important;
        top: 10px;
    }

    .card-heading h3.card-title {
        line-height: 1.8rem;
    }

    .coverage_circle_box {
        padding: 8px 5px;
    }

    .collapse-accordion .card-block {
        padding: 5px;
    }

    .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
        position: absolute;
    }
}



@media (max-width: 640px) {
    .grid-act-btn {
        top: 5px;
    }

    .inner-container th span {
        width: auto;
    }

    .edit-posset a {
        font-size: 0px !important;
        top: 10px;
    }

    .card-heading h3.card-title {
        line-height: 2rem;
    }
}

@media (max-width: 600px) {
    .k-grid.k-widget {
        border: 0px;
        overflow-x: scroll;
    }
}

@media (max-width: 568px) {
    #footer ul.nav {
        padding-top: 0px;
        display: inherit;
    }

    .chksameaddress {
        top: -6px;
        right: 10px;
    }

    #footer nav ul > li a {
        line-height: 20px;
    }

    .enroll_list {
        padding: 10px 10px;
        background: #e5f6fe;
    }

    .padt8 {
        padding-top: 0px;
    }

    .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
        position: relative;
        display: block;
        padding: 8px 10px;
    }

    .custaccord-edit .edit-posset {
        position: absolute;
        right: 24px;
        z-index: 99;
        top: 12px;
    }

    .k-detail-row .k-detail-cell {
        padding-left: 10% !important;
    }

    .planlist_contain {
        padding: 0px;
        border-bottom: solid 1px #dadcdf;
    }

    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 140px !important;
    }

    .bootstrap-select .dropdown-menu {
        min-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 230px;
    }

    .k-widget.k-window {
        width: 100% !important;
    }

    .collapse-accordion .card-block {
        padding: 10px;
    }

    .mbdradnil {
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        border-radius: 5px !important;
    }

    .k-grid.k-widget {
        width: 100%;
        overflow-x: auto;
    }

    .card-title {
        margin-left: 8px;
    }
    /**Esign process modal dialog*/
    #esign-process.general_agen .modal-dialog {
        width: 520px !important;
    }
}


@media (max-width: 480px) {
    .EDT-icons-01.infographic-block ul.infographic-wrapper > li span.infographic-text {
        font-size: 13px;
        text-align: center;
        line-height: 34px;
    }

    .chksameaddress {
        font-weight: normal;
        position: relative;
        top: 6px;
        right: 9px;
        font-size: 12px;
    }

    .collapse-accordion .card-block {
        padding: 10px;
    }

    .overscroll {
        overflow-x: scroll
    }

    .coverage_container1 .contr_type_column {
        display: inherit;
        margin: 0px 4px 10px 4px;
        width: 47%;
    }
    /**Esign process modal dialog*/
    #esign-process.general_agen .modal-dialog {
        width: 420px !important;
    }
}

@media (max-width: 375px) {
    .tab-container .tab-content {
        padding: 5px;
    }

    .k-grid .k-pager-wrap, .k-grid-pager {
        margin-bottom: 0px;
    }

    .enroll_accordion .list-content > .values li {
        display: inline-flex;
    }

        .enroll_accordion .list-content > .values li > span.list-left {
            font-weight: bold;
            width: 80px;
        }

        .enroll_accordion .list-content > .values li > span.list-right {
            font-weight: bold;
            width: 100px;
        }

    .collapse-accordion > .card .card-header h4.card-title a {
        font-size: 14px;
        margin-bottom: 0;
        font-weight: bold;
        line-height: 26px;
        color: #ffffff;
        text-decoration: none;
    }
}

@media (max-width: 360px) {
    .nav-tabs .nav-link {
        border: 1px solid #add2e6;
        padding: 8px;
        vertical-align: middle;
        line-height: 18px;
    }

    .cnt-body .btn {
        margin-bottom: 0px;
    }

    .chksameaddress {
        font-weight: normal;
        position: relative;
        top: 5px;
        left: 19px;
    }

    .mpad0 {
        padding: 0px;
    }

    .mpad5 {
        padding: 5px;
    }

    .EDT-icons-01.infographic-block ul.infographic-wrapper > li span.infographic-text {
        line-height: 22px;
        text-align: left;
    }

    #dvCarrierImage img {
        width: 100%
    }

    .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
        position: relative;
        display: block;
        padding: 8px 10px;
    }

    .emp-graph {
        display: inline-block;
        width: 100%;
        margin-top: 10px;
        min-height: 1px;
        padding-left: 0px;
        padding-right: 0px;
        position: relative;
    }

    .k-chart, .k-stockchart {
        height: 400px;
        width: 100%;
    }

    .ml-15 {
        margin-left: 15px !important
    }

    .card-heading h3.card-title {
        line-height: 2rem;
    }

    .custaccord-edit .accord-head-btn {
        position: inherit;
        right: 70px;
        z-index: 99;
        top: 0px;
    }
    /**Esign process modal dialog*/
    #esign-process.general_agen .modal-dialog {
        width: 360px !important;
    }

    .bill.edit-posset {
        position: absolute;
        right: 24px;
        z-index: 99;
        top: 13px;
    }
}

@media (max-width: 320px) {
    .nav-tabs .nav-link {
        border: 1px solid #add2e6;
        padding: 8px;
        vertical-align: middle;
        line-height: 18px;
    }

    .cnt-body .btn {
        margin-bottom: 4px !important;
    }

    .mpad0 {
        padding: 0px;
    }

    .mpad5 {
        padding: 5px;
    }

    .inner-container .icon-area {
        background-color: #8b8b8b;
        border: 2px solid #fff;
        border-radius: 8px;
        color: #fff;
        display: inline-block;
        height: 16px;
        text-align: center;
        transform: rotate(0deg);
        vertical-align: top;
        width: 16px;
    }

    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 110px !important;
    }

    .k-chart, .k-stockchart {
        height: 400px;
        width: auto;
    }

    .padding_30 {
        padding-right: 30px;
        padding-left: 30px;
    }

    .card-heading h3.card-title {
        line-height: 1.5rem;
    }

    .ml-15 {
        margin-left: 0px !important
    }

    .collapse-accordion .card-block {
        padding: 5px;
    }

    .custaccord-edit .accord-head-btn {
        position: inherit;
        right: 70px;
        z-index: 99;
        top: 0px;
    }

    #dvContributionalDetails .accord-head-btn a {
        position: absolute;
        right: 10px !important;
        z-index: 99;
        top: 0px;
    }

    .k-pager-wrap > .k-link > .k-icon {
        margin-top: 0px;
        position: relative;
        top: 0px;
    }

    .k-webkit .k-pager-numbers + .k-link {
        margin-left: 2.4rem;
    }

    .modal .k-webkit .k-pager-numbers + .k-link {
        margin-left: 2.4rem;
    }

    .coverage_container1 .contr_type_column {
        display: inherit;
        margin: 0px 10px 15px 0px !important;
        width: 44%;
        text-align: center;
    }

    /**Esign process modal dialog*/
    #esign-process.general_agen .modal-dialog {
        width: 100% !important;
    }

    #divPlanSummary p img {
        width: 100%
    }

    .enroll_action_strip li a {
        padding: 0px 2px;
        border-left: solid 1px #058bd4;
    }
}

.k-autocomplete.k-state-default {
    background-image: none !important;
    background-color: #ddd !important;
}

.k-i-search:before {
    font-size: 16px;
}

span.covered_ico {
    color: #067f30;
    font-size: 16px;
}

span.uncovered_ico {
    color: #f00;
    font-size: 16px;
}

.contr_type_container1 {
    display: table;
    width: 100%;
    border-spacing: 25px 10px;
    border-collapse: separate;
    margin: 0px -25px;
    table-layout: fixed;
}

    .contr_type_container1 .contr_type_column1 {
        cursor: pointer;
        border-radius: 3px;
        background: #f7f7f7;
        padding: 0px 0px 0px;
        display: table-cell;
        border: solid 1px #b7b7b7;
        position: relative;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .contr_type_container1 .contr_type_column1.active {
            background-color: #e0e0e0
        }

.contr_type_column1 .contr_type_content1 {
    border-radius: 3px;
    padding: 10px;
    font-size: 14px;
    min-height: 220px;
}

.contr_type_content1 h1 {
    margin-top: 0px;
    font-size: 17px;
    line-height: 24px;
    height: 48px;
    color: #058bd4
}

.contr_type_column1 .contr_radio {
    width: 100%;
    padding: 10px;
    border: solid 1px #dbdbdd;
    text-align: center;
    background: #fff;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.contr_type_container1 .contr_type_column1.select {
    background-color: #2761b3;
    color: #fff;
}

    .contr_type_container1 .contr_type_column1.select h1 {
        color: #ffffff;
        font-weight: bold
    }

.contr_type_container1 .contr_type_column1.select2 {
    background-color: #353535;
    color: #fff;
}

    .contr_type_container1 .contr_type_column1.select2 h1 {
        color: #ffffff;
        font-weight: bold
    }

.coverage_container1 .coverage_type_column {
    cursor: pointer;
    background: #f7f7f7;
    padding: 0px 0px 0px;
    display: table-cell;
    border: solid 1px #b7b7b7;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.contr_type_column .contr_type_content {
    border-radius: 3px;
    padding: 15px;
    font-size: 14px;
    display: inline-table
}

.contr_type_content h1 {
    margin-top: 0px;
    font-size: 17px;
    line-height: 24px;
    height: 48px;
}

.contr_type_column .contr_radio {
    position: absolute;
    bottom: 0px;
    left: auto;
    right: auto;
    width: 100%;
    padding: 10px;
    border-top: solid 1px #dbdbdd;
    text-align: center;
    background: #fff;
}


.coverage_container1 .contr_type_column h1 {
    color: #005eb0
}

.coverage_container1 .contr_type_column.select h1 {
    color: #005eb0
}

.coverage_container1 {
    display: block;
}

    .coverage_container1 .contr_type_column {
        border-radius: 3px;
        background: #f7f7f8;
        padding: 0px 0px 0px;
        display: table-cell;
        border: solid 1px #b7b7b7;
        position: relative;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .coverage_container1 .contr_type_column {
        display: inherit;
        margin: 0px 6px 30px 4px;
        width: 17.8%;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(245,245,245,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(245,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
    }

        .coverage_container1 .contr_type_column.select {
            background: rgb(187, 187, 187); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(187, 187, 187,1) 0%, rgba(220, 220, 220,1) 40%, rgba(224, 224, 224,1) 66%, rgba(216, 216, 216,1) 99%, rgba(222, 222, 222,1) 100%, rgba(150, 144, 144,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(187, 187, 187,1) 0%,rgba(220, 220, 220,1) 40%,rgba(224, 224, 224,1) 66%,rgba(216, 216, 216,1) 99%,rgba(222, 222, 222,1) 100%,rgba(150, 144, 144,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgb(187, 187, 187) 0%,rgb(220, 220, 220) 40%,rgb(224, 224, 224) 66%,rgb(216, 216, 216) 99%,rgb(222, 222, 222) 100%,rgb(150, 144, 144) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
        }


        .coverage_container1 .contr_type_column.select2 {
            background: rgb(3,67,140); /* Old browsers */
        }

            .coverage_container1 .contr_type_column.select2 h1 {
                color: #ffffff
            }


.contr_type_column.select h1 {
    font-size: 17px;
    line-height: 24px;
    height: 48px;
    color: #ffffff
}

.coverage_container1 .coverageIcon {
    margin-right: 10px;
    position: relative;
    top: -4px;
    width: 55px;
    height: 55px;
}

.coverage_container1 .contr_type_content h1 {
    display: table-cell;
    vertical-align: middle;
}

.coverage_container1 .contr_type_column .contr_type_content {
}

.coverage_circle {
    min-height: 102px;
    padding-right: 5px;
}

.coverage_container1 span.healthIcon {
    background-position: -334px -804px;
}

.coverage_container1 span.dentalIcon {
    background-position: -407px -804px;
}

.coverage_container1 span.lifeIcon {
    background-position: -482px -804px;
}

.coverage_container1 span.hsaIcon {
    background-position: -854px -801px;
}

.coverage_container1 span.ltdIcon {
    background-position: -558px -804px;
}

.coverage_container1 span.stdIcon {
    background-position: -621px -802px;
}

.coverage_container1 span.visionIcon {
    background-position: -674px -802px;
}

/**Census - style*/
.k-virtual-scrollable-wrap {
    height: 100%;
    overflow-y: hidden;
    position: relative;
    border-right: 1px solid #dddddd;
}

.no_contribution {
    border-top: solid 1px #ccc;
    padding: 15px 0px;
    position: relative;
    bottom: 0px;
    width: 100%;
    left: 0px;
    text-indent: 30px;
}

.amount-calculator-wrapper label {
    color: #3e6177;
}

.amount-calculator-wrapper label {
    font-size: 14px;
}

.addbdr {
    border: 1px solid #ccc;
}

@media (max-width: 800px) {

    .contr_type_container1 {
        display: table;
        width: auto;
        border-spacing: 25px 10px;
        border-collapse: separate;
        margin: 0px -25px;
        table-layout: fixed;
    }

        .contr_type_container1 .contr_type_column1 {
            cursor: pointer;
            border-radius: 3px;
            background: #f7f7f7;
            padding: 0px 0px 0px;
            display: inline-flex;
            border: solid 1px #b7b7b7;
            position: relative;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            /* border-radius: 10px; */
            width: 47%;
            margin: 0px 5px 10px;
        }
}

.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected, .k-pager-wrap > .k-link {
    min-width: 2.2em;
}

.ng-scope .k-grid-content {
    margin-bottom: 0px;
}

/*Stable version -changes responsive */
@media (max-width: 1024px) {
    .ng-scope .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: right !important;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .k-grid .k-pager-wrap, .k-grid-pager {
        float: right !important;
        margin-left: 20px;
    }

    .k-edge .k-grid .k-pager-numbers, .k-ff .k-grid .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-safari .k-grid .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers {
        position: absolute;
        left: 4.9em;
        top: 13px;
    }

    .k-edge .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link, .k-webkit .k-pager-numbers + .k-link {
        margin-left: 4.2em;
    }

    .k-virtual-scrollable-wrap table tr td div {
        text-align: left !important;
    }



    #divProspectGrid .k-pager-numbers li {
        top: 5px;
        position: relative;
    }

        #divProspectGrid .k-pager-numbers li.k-current-page {
            top: -9px;
            position: relative;
            left: -1px;
        }

    #divProspectGrid .k-pager-numbers.k-state-expanded {
        top: 5px;
        position: absolute;
    }

        #divProspectGrid .k-pager-numbers.k-state-expanded li.k-current-page {
            top: -1px;
            position: relative;
            left: -1px;
        }

    /**Dental - plan - anticipated enrollment*/
    #planViewAncillaryRates #rateGrid .k-pager-numbers li {
        top: 5px;
        position: relative;
    }

        #planViewAncillaryRates #rateGrid .k-pager-numbers li.k-current-page {
            top: -1px;
            position: relative;
            left: -3px;
        }

    #planViewAncillaryRates #rateGrid .k-pager-numbers.k-state-expanded {
        top: 5px;
        position: absolute;
    }

        #planViewAncillaryRates #rateGrid .k-pager-numbers.k-state-expanded li.k-current-page {
            top: -1px;
            position: relative;
            left: -1px;
        }

    #planViewAncillaryRates .k-pager-numbers li.k-current-page span, #planViewAncillaryRates .k-pager-numbers.k-state-expanded li.k-current-page span {
    }

    #planViewAncillaryRates .k-grid .k-pager-wrap, .k-grid-pager {
        margin-top: 10px;
    }



    /**Anticipated enrollment - health and life etc*/
    #planViewRates .k-pager-numbers li {
        top: 5px;
        position: relative;
    }

        #planViewRates .k-pager-numbers li.k-current-page {
            top: 0px;
            position: relative
        }

    #planViewRates .k-pager-numbers.k-state-expanded {
        top: 5px;
        position: absolute;
    }

    #planViewRates .k-pager-numbers li.k-current-page {
        top: -10px;
        position: relative;
        left: -3px;
    }

        #planViewRates .k-pager-numbers li.k-current-page span, #PlanRateGrid .k-pager-numbers.k-state-expanded li.k-current-page span {
            width: 4.2em;
        }

    #planViewRates .k-pager-numbers.k-state-expanded li.k-current-page {
        top: -2px;
        position: relative;
        left: -1px;
    }

    #planViewRates .modal-body ul.k-pager-numbers {
        padding: 0 !important;
    }

    #planViewAncillaryRates .k-pager-numbers li {
        top: 5px;
        position: relative;
    }

    /**Management screen*/
    .list-pagination .k-widget .k-pager-numbers li {
        top: 5px;
        position: relative;
    }

        .list-pagination .k-widget .k-pager-numbers li.k-current-page {
            top: 0px;
            position: relative
        }

    .list-pagination .k-widget .k-pager-numbers.k-state-expanded {
        top: 5px;
        position: absolute;
    }

    .list-pagination .k-widget .k-pager-numbers li.k-current-page {
        top: -10px;
        position: relative;
        left: -3px;
    }

        .list-pagination .k-widget .k-pager-numbers li.k-current-page span, .list-pagination .k-pager-numbers.k-state-expanded li.k-current-page span {
            width: 4.2em;
        }

    .list-pagination .k-widget .k-pager-numbers.k-state-expanded li.k-current-page {
        top: -2px;
        position: relative;
        left: -1px;
    }

    .list-pagination .grid-act-btn {
        position: relative;
        top: 5px;
        left: 10px;
    }

    .list-pagination .k-pager-numbers.k-state-expanded {
        padding: 0px;
    }

    .new-pagination.grid-act-btn {
        position: relative;
        top: 0px;
        left: 10px;
    }

    #tbl-plan-listing {
        border-bottom: none !important;
    }

    .prospects .grid-act-btn {
        position: relative;
        top: -6px;
        left: 10px;
        margin-top: 6px;
        margin-left: 0;
    }

    /**1024 dental plan rate*/
    #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers li.k-current-page {
        top: -9px;
        position: relative;
        left: -3px;
    }

    #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers.k-state-expanded li.k-current-page {
        top: 0px;
        position: relative;
        left: -1px;
    }

        #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers li.k-current-page span, #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers.k-state-expanded li.k-current-page span {
            width: 4.2em;
        }
}

@media (max-width: 812px) {
    .ng-scope .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: left !important;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    #divProspectGrid .k-pager-numbers li.k-current-page {
        top: 0px;
        position: relative;
        left: -3px;
    }

    .modal .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: left !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .k-grid .k-pager-wrap, .k-grid-pager {
        float: left !important;
        margin-left: 12px;
    }

    .k-edge .k-grid .k-pager-numbers, .k-ff .k-grid .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-safari .k-grid .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers {
        position: absolute;
        left: 4.9em;
        top: 4px;
    }

    /*.k-edge .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link, .k-webkit .k-pager-numbers + .k-link {
        margin-left: 4.2em;
    }*/



    #PlanRateGrid .k-pager-numbers li.k-current-page {
        top: 0px;
        position: relative;
        left: -4px;
    }

    #planViewRates .k-grid .k-pager-wrap, .k-grid-pager {
        border: 0;
        margin-bottom: 0px;
        padding-bottom: 0;
    }

    #planViewAncillaryRates #rateGrid .k-pager-numbers li.k-current-page {
        top: 9px;
        position: relative;
        left: -1px;
    }

    #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers li.k-current-page {
        top: 1px;
        position: relative;
        left: -3px;
    }

    #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers.k-state-expanded li.k-current-page {
        top: 0px;
        position: relative;
        left: -3px;
    }

    .list-pagination .k-widget .k-pager-numbers li.k-current-page {
        top: -1px;
        position: relative;
        left: -3px;
    }

    .list-pagination .k-widget .k-pager-numbers.k-state-expanded li.k-current-page {
        top: -2px;
        position: relative;
        left: -1px;
    }

    #planViewAncillaryRates .modal-dialog .grid-act-btn {
        float: left !important;
        margin-top: 10px;
        margin-left: 0px;
    }

    .contr_type_container1 {
        display: table;
        width: auto;
        border-spacing: 25px 10px;
        border-collapse: separate;
        margin: 0px -25px;
        table-layout: fixed;
    }

        .contr_type_container1 .contr_type_column1 {
            cursor: pointer;
            border-radius: 3px;
            background: #f7f7f7;
            padding: 0px 0px 0px;
            display: inline-flex;
            border: solid 1px #b7b7b7;
            position: relative;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            width: 47%;
            margin: 0px 5px 10px;
        }

    .dropdown-menu, .dropdown-menu > li > a, .dropdown-menu > li {
        list-style: none !important;
        min-width: 230px;
    }

    .coverage_container1 .contr_type_column {
        margin: 0px 6px 30px 4px;
        width: 30%;
    }

    .modal .modal-dialog .grid-act-btn {
        float: left !important;
        top: 0px;
        margin-top: 10px;
        margin-left: -12px;
    }

    #planViewRates .k-pager-numbers li.k-current-page {
        top: -1px;
        position: relative;
        left: -3px;
    }

    #planViewRates .grid-act-btn {
        position: relative;
        top: -10px !important;
        left: 10px !important;
    }

    .modal .modal-dialog .grid-act-btn {
        margin-left: 0px;
        width: 100%;
    }

    #planViewRates .grid-act-btn .btn.btn-default {
        margin: 10px 0px 10px 5px;
        box-shadow: none;
    }

    .list-pagination .grid-act-btn .btn.btn-default {
        margin: 5px 0px 10px -8px;
        box-shadow: none;
    }

    .new-pagination.grid-act-btn .btn.btn-default {
        margin: 2px 0px 10px -8px;
        box-shadow: none;
    }


    .list-pagination .k-grid .k-pager-wrap, .k-grid-pager {
        margin-left: 10px;
    }

    .list-pagination .grid-act-btn {
        position: relative;
        top: 0px;
        left: 10px;
    }

    /**Plan detail*/
    .compare-plan-list .plan ul > li > span {
        text-align: left;
        display: table-cell;
        width: auto;
    }

    .medical-plan-details > .plan:last-child li {
        text-align: left;
    }

    .plan-mb10.grid-act-btn {
        top: -5px !important;
    }

    #divProspectGrid .k-pager-numbers.k-state-expanded li.k-current-page {
        top: -1px;
        position: relative;
        left: -2px;
    }

    #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers li.k-current-page span, #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers.k-state-expanded li.k-current-page span {
        width: 3.4rem;
    }

    #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers.k-state-expanded li.k-current-page {
        top: 0px;
        position: relative;
        left: -1px;
    }
}

/**Firefox browser hack css*/

@supports (-moz-appearance:none) and (display:contents) {
}

@media all and (min--moz-device-pixel-ratio:0) {
    @media (max-width: 1024px) {
        #planViewAncillaryRates #rateGrid .k-pager-numbers li.k-current-page {
            top: 0px;
            position: relative;
            left: -1px;
        }

        #planViewAncillaryRates #rateGrid .k-pager-numbers li {
            top: 5px;
            position: relative;
        }

        #planViewAncillaryRates #rateGrid .k-pager-numbers.k-state-expanded {
            top: 5px;
            position: absolute;
        }

            #planViewAncillaryRates #rateGrid .k-pager-numbers.k-state-expanded li.k-current-page {
                top: -1px;
                position: relative;
                left: -1px;
            }

        #planViewAncillaryRates .k-pager-numbers li.k-current-page span, #planViewAncillaryRates .k-pager-numbers.k-state-expanded li.k-current-page span {
            width: 3.2em;
        }

        #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers li.k-current-page {
            top: -9px;
            position: relative;
            left: -3px;
        }

        #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers.k-state-expanded li.k-current-page {
            top: -1px;
            position: relative;
            left: -1px;
        }

            #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers li.k-current-page span, #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers.k-state-expanded li.k-current-page span {
                width: 4.2em;
            }
    }
}

@media all and (min--moz-device-pixel-ratio:0) {
    @media (max-width: 812px) {
        #planViewAncillaryRates #rateGrid .k-pager-numbers li.k-current-page {
            top: 9px;
            position: relative;
            left: -1px;
        }

        #planViewAncillaryRates .grid-act-btn .btn.btn-default {
            margin: 10px 0px 10px 5px;
            margin-bottom: 10px;
            box-shadow: none;
        }

        #planViewAncillaryRates .modal-dialog .grid-act-btn {
            margin-top: 10px !important;
            margin-left: 0px;
        }

        #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers li.k-current-page {
            top: -1px;
            position: relative;
            left: -3px;
        }
    }
}

/** Firefox browser*/


@media (max-width: 768px) {
    .menu > .dropdown-menu {
        right: -1px;
        left: auto !important;
        top: 37px !important;
    }

    .btn {
        padding: 0.2rem 0.5rem;
    }

    .ng-scope .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: left !important;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .modal .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: left !important;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .k-grid .k-pager-wrap, .k-grid-pager {
        float: left !important;
        margin-left: 20px;
    }

    .k-edge .k-grid .k-pager-numbers, .k-ff .k-grid .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-safari .k-grid .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers {
        position: absolute;
        left: 4.9em;
        top: 4px;
    }

    .modal .modal-dialog .grid-act-btn {
        float: left !important;
        margin-top: 10px;
        margin-left: -12px;
    }


    .contr_type_container1 {
        display: table;
        width: auto;
        border-spacing: 25px 10px;
        border-collapse: separate;
        margin: 0px -25px;
        table-layout: fixed;
    }

        .contr_type_container1 .contr_type_column1 {
            cursor: pointer;
            border-radius: 3px;
            background: #f7f7f7;
            padding: 0px 0px 0px;
            display: inline-flex;
            border: solid 1px #b7b7b7;
            position: relative;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            /* border-radius: 10px; */
            width: 47%;
            margin: 0px 5px 10px;
        }

    .dropdown-menu, .dropdown-menu > li > a, .dropdown-menu > li {
        list-style: none !important;
        min-width: 160px;
    }

    .coverage_container1 .contr_type_column {
        margin: 0px 6px 30px 4px;
        width: 28%;
    }

    .k-chart, .k-stockchart {
        touch-action: auto !important;
    }

    #planViewRates .grid-act-btn {
        position: relative;
        top: 0px !important;
        left: 10px !important;
    }
}



@media (max-width: 736px) {
    .navbar-collapse {
        background: none repeat scroll 0 0 #058bd4;
        position: absolute;
        right: 114px;
        top: 60px;
        z-index: 9999;
    }

    .dropdown-menu, .dropdown-menu > li > a, .dropdown-menu > li {
        list-style: none !important;
        min-width: 200px;
    }

    .coverage_container1 .contr_type_column {
        display: inherit;
        margin: 0px 6px 10px 4px;
        width: 46%;
    }

    .contr_type_column1 .contr_type_content1 {
        border-radius: 3px;
        padding: 10px;
        font-size: 14px;
        min-height: 276px;
    }

    .modal .modal-dialog .grid-act-btn {
        margin-left: 0px;
    }

    .grid-act-btn .btn.btn-default {
        margin: 10px 0px 10px 5px;
        box-shadow: none;
    }

    .modal .modal-dialog .grid-act-btn {
        margin-left: 0px;
        width: 100%;
    }

    #planViewAncillaryRates .modal-dialog .grid-act-btn {
        float: left !important;
        margin-top: 10px;
        margin-left: 0px;
    }

    #planViewAncillaryRates .grid-act-btn .btn.btn-default {
        margin: 0px 0px 10px 5px;
        box-shadow: none;
    }
}

@media (max-width: 670px) {
    .navbar-collapse {
        background: none repeat scroll 0 0 #058bd4;
        position: absolute;
        right: 79px;
        top: 60px;
        z-index: 9999;
    }
}

@media (max-width: 640px) {
    .navbar-collapse {
        background: none repeat scroll 0 0 #058bd4;
        position: absolute;
        right: 66px;
        top: 60px;
        z-index: 9999;
    }

    .menu > .dropdown-menu {
        right: -1px;
        left: auto !important;
        top: 37px !important;
    }

    .ng-scope .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: left !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .coverage_container1 .contr_type_column {
        display: inherit;
        margin: 0px 6px 30px 4px;
        width: 33%;
    }

    .modal .modal-dialog .grid-act-btn {
        margin-left: 0px;
    }

    #planViewAncillaryRates .modal-dialog .grid-act-btn {
        float: left !important;
        margin-top: 10px;
        margin-left: 0px;
    }

    .list-pagination .grid-act-btn .btn.btn-default {
        margin: 14px 0px 10px 0px;
        box-shadow: none;
    }

    .plan-mb10.grid-act-btn {
        top: 0px !important;
    }

    #planViewRates .k-pager-numbers li.k-current-page {
        top: 0px;
        position: relative;
        left: -3px;
    }
}

@media (max-width: 600px) {
    .navbar-collapse {
        background: none repeat scroll 0 0 #058bd4;
        position: absolute;
        right: 46px;
        top: 60px;
        z-index: 9999;
    }

    .menu > .dropdown-menu {
        right: -1px;
        left: auto !important;
        top: 37px !important;
    }

    .dropdown-menu, .dropdown-menu > li > a, .dropdown-menu > li {
        list-style: none !important;
        min-width: 200px;
    }

    .coverage_container1 .contr_type_column {
        margin: 0px 6px 30px 4px;
        width: 28%;
    }

    .modal .modal-dialog .grid-act-btn {
        margin-left: 0px;
    }

    .list-pagination .k-widget .k-pager-numbers li.k-current-page {
        top: 0px;
        position: relative;
        left: -3px;
    }

    .list-pagination .grid-act-btn .btn.btn-default {
        margin: 5px 0px 10px -8px;
        box-shadow: none;
    }

    .plan-mb10.grid-act-btn {
        top: -5px !important;
    }
}

@media (max-width: 568px) {
    .navbar-collapse {
        background: none repeat scroll 0 0 #058bd4;
        position: absolute;
        right: 16px;
        top: 60px;
        z-index: 9999;
    }

    .menu > .dropdown-menu {
        right: -1px;
        left: auto !important;
        top: 37px !important;
    }


    .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: right;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .contr_type_container1 {
        display: table;
        width: auto;
        border-spacing: 25px 10px;
        border-collapse: separate;
        margin: 0px -25px;
        table-layout: fixed;
    }

        .contr_type_container1 .contr_type_column1 {
            cursor: pointer;
            border-radius: 3px;
            background: #f7f7f7;
            padding: 0px 0px 0px;
            display: inline-flex;
            border: solid 1px #b7b7b7;
            position: relative;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            /* border-radius: 10px; */
            width: 47%;
            margin: 0px 5px 10px;
        }

    .coverage_container1 .contr_type_column {
        margin: 0px 6px 30px 4px;
        width: 36%;
    }

    .compare-plan-list .plan ul > li > span {
        text-align: left;
        display: table-cell;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .navbar-collapse {
        background: none repeat scroll 0 0 #058bd4;
        position: absolute;
        right: 16px;
        top: 60px;
        z-index: 9999;
    }

    .menu > .dropdown-menu {
        right: -1px;
        left: auto !important;
        top: 37px !important;
    }

    .contr_type_container1 .contr_type_column1 {
        cursor: pointer;
        border-radius: 3px;
        background: #f7f7f7;
        padding: 0px 0px 0px;
        display: block;
        border: solid 1px #b7b7b7;
        position: relative;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .coverage_container1 .contr_type_column {
        margin: 0px 4px 10px 0px;
        width: 44%;
    }

    .contr_type_column1 .contr_type_content1 {
        border-radius: 3px;
        padding: 10px;
        font-size: 14px;
        min-height: 206px;
    }

    .applicant-details .panel-heading {
        padding-left: 0;
    }
}

@media (max-width: 414px) {
    .coverage_container1 .contr_type_column {
        margin: 0px 0px 10px 0px;
        width: 100%;
    }

    .contr_type_column1 .contr_type_content1 {
        border-radius: 3px;
        padding: 10px;
        font-size: 14px;
        min-height: 206px;
    }
}

@media (max-width: 375px) {
    .coverage_container1 .contr_type_column {
        margin: 0px 6px 10px 6px;
        width: 98%;
    }

    .modal .modal-dialog .grid-act-btn {
        float: left !important;
        margin-top: 10px;
        margin-left: 0px;
    }
}

@media (max-width: 360px) {
    .navbar-collapse {
        background: none repeat scroll 0 0 #058bd4;
        position: absolute;
        right: 16px;
        top: 60px;
        z-index: 9999;
    }

    .menu > .dropdown-menu {
        right: -1px;
        left: auto !important;
        top: 37px !important;
    }

    .dropdown-menu, .dropdown-menu > li > a, .dropdown-menu > li {
        list-style: none !important;
        min-width: 110px;
    }

    .coverage_container1 .contr_type_column {
        margin: 0px 0px 10px 0px;
        width: 98%;
    }

    #planViewRates .k-pager-numbers li.k-current-page {
        top: 0px;
        position: relative;
        left: -3px;
    }
}

@media (max-width: 320px) { /*for mobile less than 320*/
    .contr_type_container1 .contr_type_column1 {
        cursor: pointer;
        border-radius: 3px;
        background: #f7f7f7;
        padding: 0px 0px 0px;
        display: block;
        border: solid 1px #b7b7b7;
        position: relative;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 100% !important;
        margin-bottom: 10px;
        min-height: 258px;
    }

    .navbar-collapse {
        background: none repeat scroll 0 0 #058bd4;
        position: absolute;
        right: 16px;
        top: 60px;
        z-index: 9999;
    }

    .menu > .dropdown-menu {
        right: -1px;
        left: auto !important;
        top: 37px !important;
    }

    .modal .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        top: -10px;
        position: relative;
    }


    .modal .k-grid.k-widget .k-pager-wrap.k-grid-pager .k-pager-nav + .k-pager-numbers {
    }

    .modal .k-ff .k-grid .k-pager-numbers .k-current-page {
        position: absolute;
        top: 0.3rem !important;
    }

    .modal .k-edge .k-grid .k-pager-numbers .k-current-page, .modal .k-edge .k-pager-numbers .k-current-page, .k-ff .k-grid .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-grid .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page, .modal .k-webkit .k-grid .k-pager-numbers .k-current-page, .k-webkit .k-pager-numbers .k-current-page {
        -ms-transform: translatey(100%);
        transform: translatey(100%);
        -webkit-transform: translatey(100%);
    }

    .k-webkit ul.k-pager-numbers .k-current-page .k-link {
        background-color: #0082c8 !important;
        border-color: #ddd;
        color: #ffffff;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        line-height: 1.94rem;
        text-align: center;
        padding: 0px;
        margin: 0px;
        height: 32px;
    }


    .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .ng-scope .k-grid .k-pager-wrap, .k-grid-pager {
        background: #fff;
        border: 0;
        float: right;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .coverage_container1 .contr_type_column {
        margin: 0px 6px 10px 6px;
        width: 98%;
        text-align: left;
    }
}


.editable-popup {
    top: -154px !important;
    left: -158px !important;
}

.editable-submit, .editable-cancel {
    min-width: 36px;
}

.btn.btn-default.editable-cancel {
    margin: 0px 0px 0px 5px;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table td a, table td a {
    color: #428bca !important;
    text-decoration: underline;
}

    .table td a:hover, .table td a:focus, .table td a:active, table td a:hover, table td a:focus, table td a:active {
        color: #2a6496 !important;
        text-decoration: underline;
    }

    .table td a.btn, table td a.btn {
        color: #ffffff !important;
        text-decoration: none;
    }

        .table td a.btn:hover, .table td a.btn:focus, .table td a.btn:active, table td a.btn:hover, table td a.btn:focus, table td a.btn:active {
            color: #ffffff !important;
            text-decoration: none;
        }

    .table td a.fa, table td a.fa {
        text-decoration: none;
    }

    .table td a:hover, .table td a:focus, .table td a:active, table td a:hover, table td a:focus, table td a:active {
        text-decoration: none;
    }

@-moz-document url-prefix() {
    .k-grid-header .k-header .k-grid-filter {
        margin-left: -4px;
    }

    .fixtable .k-grid-header {
        padding-right: 0 !important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .iecls-display {
        display: inline-block;
        width: 100%;
    }
    /**Multi selectcheckbox - text alignment IE browser*/
    .multiselect-container.dropdown-menu > li > a input {
        position: relative;
        top: 0px;
        right: 5px;
    }

    #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers li.k-current-page {
        top: -9px;
        position: relative;
        left: -3px;
    }

    #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers.k-state-expanded li.k-current-page {
        top: -1px;
        position: relative;
        left: -1px;
    }

        #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers li.k-current-page span, #planViewAncillaryRates #rateGrid.pagel .k-pager-numbers.k-state-expanded li.k-current-page span {
            width: 4.2em;
        }

    .enroll_accordion .list-content > .values li {
        text-align: left;
        display: inline-flex;
    }

    /*applicant- detail - dependent information grid alignment issue*/
    .disptable {
        display: inline-table;
    }
}

/**Multi selectcheckbox - text alignment  - Firefox browser*/
@supports (-moz-appearance:none) and (display:contents) {
    .multiselect-container.dropdown-menu > li > a input {
        position: relative;
        top: 0px;
        right: 5px;
    }
}

/*Individual Plan listing - Coverages Tab*/

.active.plan_tab_item_cov .plan_tab_text {
    color: #fff;
}

.plan_tab_item_cov {
    vertical-align: middle;
    list-style: none;
    display: table-cell;
    float: none !important;
    border-right: solid 1px #ddd;
    width: 200px;
    text-align: center;
    padding: 10px 0px
}

    .plan_tab_item_cov a {
        vertical-align: middle;
        list-style: none;
        width: 200px;
        text-decoration: none;
    }

    .plan_tab_item_cov:last-child {
        border-right: none;
    }

.active.plan_tab_item_cov {
    background: #058bd4;
}

.plan_tab_text {
    display: block;
    padding-top: 5px;
    color: #058bd4;
}

.plan_tab_contain_cov .active .infographic-icon {
    background: url("../images/EDT-icons-white.png") no-repeat scroll -1px -120px !important
}

.plan_tab_contain_cov .indhiindpafortab.infographic-icon {
    background-position: -1px -904px !important
}

.plan_tab_contain_cov .infographic-icon {
    background: url("../images/EDT-icons-blue.png") no-repeat scroll -1px -120px !important;
    height: 45px;
}

.plan_tab_contain_cov .test.infographic-icon {
    background-position: -1px -114px !important
}

.plan_tab_contain_cov .indhealth.infographic-icon {
    background-position: -1px -114px !important
}

.plan_tab_contain_cov .inddental.infographic-icon {
    background-position: -1px -207px !important
}

.plan_tab_contain_cov .indlegal.infographic-icon {
    background-position: -3px -846px !important
}

.plan_tab_contain_cov .indhiindpaforlisting.infographic-icon {
    background-position: -3px -846px !important
}





.plan_tab_contain_cov .indvision.infographic-icon {
    background-position: -1px -788px !important
}


.plan_tab_contain_cov .grpvlife.infographic-icon {
    background-position: -1px -300px !important
}

.plan_tab_contain_cov .vlife.infographic-icon {
    background-position: -1px -300px !important
}

.plan_tab_contain_cov .indtermlife.infographic-icon {
    background-position: -1px -300px !important
}

.plan_tab_contain_cov .grpvltd.infographic-icon {
    background-position: -1px -507px !important
}

.plan_tab_contain_cov .ltd.infographic-icon {
    background-position: -1px -507px !important
}

.plan_tab_contain_cov .indltd.infographic-icon {
    background-position: -1px -507px !important
}

.plan_tab_contain_cov .vltd.infographic-icon {
    background-position: -1px -507px !important
}

.plan_tab_contain_cov .indoo.infographic-icon {
    background-position: -1px -507px !important
}

.plan_tab_contain_cov .indpa.infographic-icon {
    background-position: -1px -401px !important
}

.plan_tab_contain_cov .indmedicare.infographic-icon {
    background-position: -1px -605px !important
}


.plan_tab_contain_cov .indoo.infographic-icon {
    background-position: -1px -30px !important
}

.plan_tab_contain_cov .indhi.infographic-icon {
    background-position: -1px -705px !important
}

.plan_tab_contain_cov .indbov.infographic-icon {
    background-position: -1px -30px !important
}

.plan_tab_contain_cov .indadd.infographic-icon {
    background-position: -1px -401px !important
}

.plan_tab_contain_cov .indhiindpa.infographic-icon {
    background-position: -1px -910px !important;
}

.indmedicare {
    width: 27px;
    height: 36px;
    background: url(../images/EDT-icons.png) no-repeat -1px -610px !important;
    display: inline-block
}



.indhealth {
    width: 36px;
    height: 32px;
    background: url(../images/EDT-icons.png) no-repeat -1px -120px !important;
    display: inline-block
}

.indhi {
    width: 36px;
    height: 32px;
    background: url(../images/EDT-icons.png) no-repeat -1px -120px !important;
    display: inline-block
}

.indoo {
    width: 36px;
    height: 32px;
    background: url(../images/EDT-icons.png) no-repeat -1px -120px !important;
    display: inline-block
}

.indbov {
    width: 36px;
    height: 32px;
    background: url(../images/EDT-icons.png) no-repeat -1px -120px !important;
    display: inline-block
}

.inddental {
    width: 24px;
    height: 34px;
    background: url(../images/EDT-icons.png) no-repeat -1px -212px !important;
    display: inline-block
}


.grpvlife {
    width: 40px;
    height: 37px;
    background: url(../images/EDT-icons.png) no-repeat -1px -305px !important;
    display: inline-block
}

.vlife {
    width: 40px;
    height: 37px;
    background: url(../images/EDT-icons.png) no-repeat -1px -305px !important;
    display: inline-block
}

.indtermlife {
    width: 40px;
    height: 37px;
    background: url(../images/EDT-icons.png) no-repeat -1px -305px !important;
    display: inline-block
}

/*.indpa {
    width: 22px;
    height: 47px;
    background: url(../images/EDT-icons.png) no-repeat -1px -401px !important;
    display: inline-block
}*/

.indadd {
    width: 22px;
    height: 47px;
    background: url(../images/EDT-icons.png) no-repeat -1px -401px !important;
    display: inline-block
}

.grpvltd {
    width: 40px;
    height: 43px;
    background: url(../images/EDT-icons.png) no-repeat -1px -507px !important;
    display: inline-block
}

.vltd {
    width: 40px;
    height: 43px;
    background: url(../images/EDT-icons.png) no-repeat -1px -507px !important;
    display: inline-block
}

.indltd {
    width: 40px;
    height: 43px;
    background: url(../images/EDT-icons.png) no-repeat -1px -507px !important;
    display: inline-block
}

.indpa {
    width: 22px;
    height: 47px;
    background: url(../images/EDT-icons.png) no-repeat 12px -401px !important;
    display: inline-block
}

.indadd {
    width: 22px;
    height: 47px;
    background: url(../images/EDT-icons.png) no-repeat -1px -401px !important;
    display: inline-block
}

.indvision {
    width: 35px;
    height: 24px;
    background: url(../images/EDT-icons.png) no-repeat -1px -798px !important;
    display: inline-block
}


.indlegal {
    width: 35px;
    height: 24px;
    background: url(../images/EDT-icons.png) no-repeat -1px -798px !important;
    display: inline-block
}

.legal {
    width: 35px;
    height: 24px;
    background: url(../images/EDT-icons.png) no-repeat -1px -798px !important;
    display: inline-block
}

.indhiindpa {
    width: 52px;
    height: 32px;
    background: url(../images/EDT-icons.png) no-repeat -1px -120px !important;
    display: inline-block;
}

.plan_tab_contain_cov ul {
    clear: both;
    background: #f8f8f8;
    margin: 10px 15px 0px;
    border: solid 1px #ddd;
    display: table;
}

.landing.planListing .checkbox.newslider .tooltip {
    min-width: 0
}

.landing.planListing .filter-values .checkbox.newslider {
    width: 100%;
    margin: 0 auto;
    padding: 30px 15px 15px 15px
}

.individual > section:first-child .filter-heading {
    background: #058bd4;
    color: #fff;
}

.individual > section .filter-heading {
    padding: 19px 15px 0px;
    min-height: 80px
}
/*for IL lsiting coverage columns icon*/
.individual_grid .coverageIcon.indhiindpaforlisting {
    width: 32px;
    height: 30px;
    background-image: url(../images/EDT-icons-blue-small32.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.individual_grid .coverageIcon.indhiindpaforlisting {
    width: 32px !important;
    height: 30px !important;
}
/*Adding accident and hospital-recovery  in the generate proposal screen */
.enroll_plan_section .enroll_accordion .plan_head span.indhiindpaforlisting {
    background-position: -569px -744px;
}

/*Adding Legal icon in IL grid*/
.individual_grid span.coverageIcon.legal {
    display: inline-block;
    background: url(../images/enrollment.png) no-repeat scroll !important;
    height: 30px !important;
    width: 30px !important;
}

.individual_list.individual_grid span.coverageIcon.legal {
    background-position: -716px -877px !important;
}

.individual_list.individual_grid .k-state-selected span.coverageIcon.legal {
    background-position: -716px -907px !important;
}

.plan_tab_contain_cov .infographic-icon.indhiindpafortab {
    width: 54px;
    height: 50px;
    background: url(../images/EDT-icons-blue.png) no-repeat -2px -908px !important;
    display: inline-block
}

.plan_tab_contain_cov li.active .infographic-icon.indhiindpafortab {
    width: 54px;
    height: 50px;
    background: url(../images/EDT-icons-white.png) no-repeat -2px -908px !important;
    display: inline-block
}

.filter-values h5 {
    color: #058bd4;
}

/*for CSS*/


/*for individual listing plan new view*/
.individual > section:first-child .filter-heading span:first-child {
    border-right: 1px solid #fff;
}

.individual > section:first-child .filter-heading span:last-child a {
    color: #fff;
}

    .individual > section:first-child .filter-heading span:last-child a:hover {
        color: #eee;
    }

.individual-listing > section:nth-child(2n+1),
.individual-listing > individual-plan-item:nth-child(2n+1) {
    background: #f8f8f8;
}

.individual > section,
.individual > individual-plan-item,
.individual > bundled-plan {
    border: 1px solid #ddd;
}

.individual-listing > individual-plan-item.active,
.individual-listing > individual-plan-item.active:nth-child(2n+1) {
    background: #f3fee3;
}

.individual-listing > bundled-plan.active,
.individual-listing > bundled-plan.active:nth-child(2n+1) {
    background: #f3fee3;
}

.individual-listing > section,
.individual-listing > individual-plan-item {
    border-top: 1px solid #ddd;
}

.individual-listing > section,
.individual-listing > bundled-plan {
    border: 1px solid #ddd;
}

.starvalues {
    border: 1px solid #ddd;
    background: #eee;
}

.individual > section:first-child .filter-heading {
    background: #058bd4;
    color: #fff;
}

.individual > section:last-child .filter-heading {
    background: #eee;
}

.new-order {
    width: auto;
}

    .new-order .glyphicon {
        cursor: pointer;
        display: inline;
        margin-left: 5px;
        margin-right: 0;
    }

        .new-order .glyphicon:hover {
            opacity: .8
        }

    .new-order .dropdown {
        display: inline-block;
        min-width: 164px;
    }

    .new-order label {
        padding-right: 3px;
    }

.inline {
    display: inline-block;
}
/*Individual listing compare plans pop up*/
.compare-plans {
    background: none repeat scroll 0 0 #eee !important;
    border-top: 1px solid #ccc !important;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fade.in {
    opacity: 1;
}

.custombasicheight span.k-numeric-wrap {
    width: 80px !important
}

.custombasicinch span.k-numeric-wrap {
    width: 80px !important
}

.custombasicweight span.k-numeric-wrap {
    width: 80px !important
}

.overall-wrap .form-group {
    padding-bottom: 15px !important;
    margin-bottom: 2px !important;
}

.overall-wrap .card-body {
    padding-bottom: 0px !important;
}

.overall-wraptext .form-group {
    padding-bottom: 11px !important;
}

.checkbox input[type="checkbox"][disabled], input[type="checkbox"].disabled {
    cursor: not-allowed !important;
}

/*KnockOutQuestion Css*/
.question-outer {
    border: 1px solid #cccccc;
    min-height: 80px;
}

.visible-setactive {
    display: block;
}

.visible-setinactive {
    display: none;
}

.ques-container img.qiconpos {
    position: relative;
    left: -10px;
}

.cust-type-container .custom-type-label {
    font-weight: normal;
}

.enroll_accordion .k-grid table .k-grid-header .k-header, .enroll_accordion .k-grid table tbody tr td {
    min-height: initial;
    vertical-align: middle;
}


/**devops-5864*/
#divPlanSummary .k-grid .k-pager-wrap, .k-grid-pager {
    background: #fff;
    border: 0;
    float: right !important;
    margin-bottom: 10px;
    margin-top: 8px;
}

#ancillaryPlanSummary .k-grid .k-pager-wrap, .k-grid-pager {
    background: #fff;
    border: 0;
    float: right !important;
    margin-bottom: 10px;
    margin-top: 8px;
}

#ancillaryPlanSummary .clearfix .btn.btn-default.pagination-arrow {
    margin-top: 4px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #ancillaryPlanSummary .k-grid.k-widget {
        border: 1px solid #dddddd;
    }

    #divPlanSummary .k-grid.k-widget {
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }

    #ancillaryPlanSummary .clearfix .btn.btn-default.pagination-arrow {
        margin-top: 4px;
    }
}

/**6058*/
#div-filter-elements .checkbox input[type="checkbox"] {
    margin-top: 0px;
}

.multiselect-container.dropdown-menu > li > a input {
    position: relative;
    top: 0px;
    right: 5px;
}

#div-filter-elements ul.multiselect-container {
    max-height: 202px !important;
}

/* Chrome only: */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .multiselect-container.dropdown-menu > li > a input {
        position: relative;
        top: 4px;
        right: 5px;
    }
}

@-moz-document url-prefix() {
    .multiselect-container.dropdown-menu > li > a input {
        position: relative;
        top: 0px;
        right: 5px;
    }

    #div-filter-elements .checkbox input[type="checkbox"] {
        margin-top: 0px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .multiselect-container.dropdown-menu > li > a input {
        position: relative;
        top: 0px;
        right: 5px;
    }

    #div-filter-elements button.multiselect .caret {
        margin-top: 10px;
    }
}

/** IE Edge css hack */
@supports (-ms-ime-align:auto) {
    #ancillaryPlanSummary .k-grid.k-widget {
        border: 1px solid #dddddd;
    }

    #divPlanSummary .k-grid.k-widget {
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }
}

/*hotfix - Grid issue for firefox*/
@media (max-width: 1024px) {
    @-moz-document url-prefix() {
        #divIndProspectInfo .k-grid tbody tr {
            height: auto;
            width: 132%;
        }
    }
}

@media (max-width: 960px) {
    @-moz-document url-prefix() {
        #divIndProspectInfo .k-grid tbody tr {
            height: auto;
            width: 131%;
        }
    }
}

@media (max-width: 800px) {
    @-moz-document url-prefix() {
        #divIndProspectInfo .k-grid tbody tr {
            height: auto;
            width: 131%;
        }
    }
}

@media (max-width: 768px) {
    @-moz-document url-prefix() {
        #divIndProspectInfo .k-grid tbody tr {
            height: auto;
            width: 131%;
        }
    }
}

@media (max-width: 600px) {
    @-moz-document url-prefix() {
        #divIndProspectInfo .k-grid tbody tr {
            height: auto;
            width: 130%;
        }
    }
}

@media (max-width: 568px) {
    @-moz-document url-prefix() {
        #divIndProspectInfo .k-grid tbody tr {
            height: auto;
            width: 130%;
        }
    }
}

@media (max-width: 480px) {
    @-moz-document url-prefix() {
        #divIndProspectInfo .k-grid tbody tr {
            height: auto;
            width: 129%;
        }
    }
}

@media (max-width: 414px) {
    @-moz-document url-prefix() {
        #divIndProspectInfo .k-grid tbody tr {
            height: auto;
            width: 128%;
        }
    }
}

@media (max-width: 360px) {
    @-moz-document url-prefix() {
        #divIndProspectInfo .k-grid tbody tr {
            height: auto;
            width: 127%;
        }
    }
}

@media (max-width: 320px) {
    @-moz-document url-prefix() {
        #divIndProspectInfo .k-grid tbody tr {
            height: auto;
            width: 126%;
        }
    }
}

/**Sub accordion*/

#subaccordion.accordion .card-header a.card-title:before {
    font-family: 'FontAwesome';
    content: "\f068" !important;
    float: left;
    font-size: 12px;
    margin-top: 0px;
    color: #058bd4;
    border: 2px solid #2db5ff;
    padding: 0px 6px;
    margin-left: 0px;
    height: 25px;
    width: 25px;
    line-height: 22px;
    margin-right: 10px;
}

#subaccordion.accordion .card-header a.card-title.collapsed:before {
    content: "\f067" !important;
    font-size: 12px;
    border: 2px solid #2db5ff;
    padding: 0px 6px;
    margin-left: 0px;
    height: 25px;
    width: 25px;
    line-height: 22px;
    margin-right: 10px;
}

#subaccordion.accordion .card-header a.card-title:after, #subaccordion.accordion .card-header a.card-title.collapsed:after {
    display: none;
}


#subaccordion.accordion .card {
    padding: 0px 0px;
    margin: 5px 5px;
    background-color: #ffffff !important;
}

    #subaccordion.accordion .card .card-header {
        background-color: #dff1fb !important;
        border: 1px solid #39b9ff !important;
        padding: 7px 10px;
    }

        #subaccordion.accordion .card .card-header .card-title {
            padding-left: 0px;
            color: #000;
            font-size: 16px;
            margin-bottom: 0;
            font-weight: bold;
            line-height: 26px;
            text-decoration: none;
        }

    #subaccordion.accordion .card .card-body {
        background-color: #ffffff !important;
        padding: 10px;
    }

.w-80 {
    width: 80%;
}

#subaccordion .card .card-header .subaccord-head-btn {
    position: absolute;
    right: 5px;
    z-index: 99;
    top: 0px;
}

    #subaccordion .card .card-header .subaccord-head-btn button {
        margin: 0px 5px !important;
    }

/* Firefox and IE11 fix Contribution posibilities border issue fix*/
#bdrfix .table.bcust-table thead > tr > td {
    position: static;
    min-width: 130px;
}


@media (max-width: 1024px) {
    #bdrfix .table.bcust-table thead > tr > td {
        min-width: 110px;
    }
}

.fixtable table.k-grid-content tr th.k-header {
    padding: 0.15em 0.35em !important;
}

.reportFilters .multiselect-container.dropdown-menu > li > a label {
    display: inline-flex;
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 0px 20px 0px 0px;
    margin-left: -3px;
}

@supports (-moz-appearance:none) {
    .reportFilters .multiselect-container.dropdown-menu > li > a input {
        position: relative;
        top: 0px !important;
        right: 5px;
    }
}

.reportFilters .multiselect-container.dropdown-menu > li > a input {
    position: relative;
    top: 4px;
    right: 5px;
}

.reportFilters .multiselect-container > li > a.multiselect-all label {
    font-weight: 700;
}

.reportFilters .multiselect-container.dropdown-menu > li > a {
    width: 100%;
    display: flex;
    padding: 3px 22px;
}

    .reportFilters .multiselect-container.dropdown-menu > li > a:hover {
        width: 100%;
        display: flex;
        padding: 3px 22px;
    }

.delicon {
    position: relative;
    top: 34px;
    left: 5px;
}

@media (min-width: 768px) {
    .copy-ic-pos {
        position: relative;
        top: 30px;
    }
}

.fnt15 {
    font-size: 15px;
}

.clr-lredw {
    color: #ff6363 !important;
}

.btnfnt {
    font-size: 22px !important;
    font-weight: bold !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 0px 16px !important;
}

.dropdown-btn .caret {
    float: none !important;
    margin-top: 0 !important;
    color: #fff !important;
    margin-left: 5px !important;
}

.dropdown-export .dropdown-menu > a:hover {
    background-color: grey;
}

.multi_invalid {
    color: #f80005;
}

.mgn-tl12 {
    margin-top: 12px;
    margin-left: 12px;
}

h4.cust-text {
    font-size: 16px;
    color: #3ad2f5;
    font-weight: bold;
    margin: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.scheduleMinutes {
    padding-left: 137px !important;
}
.firstNode {
    margin-top: 10px !important;
}

.lastNode {
    margin-bottom: 0px !important;
}

.section-title {
    font-weight: bold;
    margin-top: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.arrow-list {
    margin-left: 20px;
}

    .arrow-list li {
        list-style: none;
        position: relative;
        margin-bottom: 5px;
    }


        .arrow-list li::before {
            content: '➜';
            position: absolute;
            left: -20px;
        }
