/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}
.input-wrapper {
    position: relative;
}

.input-wrapper input {
    border: 1px solid gray;
    border-radius: 6px;
    position: relative;
    width: 200px;
    margin: 10px;
    line-height: 6ex;
}

.input-wrapper label {
    position: absolute;
    top: 0.2ex;
    z-index: 1;
    left: 2em;
    background-color: white !important;
    background: #ffffff !important;
    padding: 0 5px;
}
    .input-wrapper input[disabled], select[disabled], textarea[disabled] {
        background: #ffffff !important;
        border-color:#cec5c5 !important;
        border-radius: 3px !important;
    }
.default-cursor {
    cursor: default;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

section.text-cap {
    text-transform: capitalize;
}
/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

.fa-sm {
    font-size: 12px;
}

.whitespace-nowrap {
    white-space: nowrap;
}
/* QR code generator */
#qrCode {
    margin: 15px;
}
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.btn-image:before {
    content: "";
    width: 56px;
    height: 56px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: text-bottom;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
}

.navbar .navbar-header {
    width: 500px;
}

.navbar-brand {
    margin-top: 12px;
}

.navbar .navbar-header .navbar-brand p {
    width: 100px;
    font-family: Tahoma;
    font-stretch: expanded;
    font-size: 1.5em;
}

.navbar .navbar-header .navbar-left {
    padding: 0 15px;
}

#app > footer {
    color: #675C53 !important;
}

#sidebar nav .navbar-title {
    color: #675C53 !important;
}

#sidebar nav > ul > li > a .item-inner {
    color: #675C53 !important;
}

.custom-logo {
    width: 180px;
}

    .custom-logo.small {
        width: 120px !important;
    }

.blue-buttom-border {
    border-bottom: 2px solid !important;
    border-bottom-color: #006990 !important;
}

header .navbar-header.blue-buttom-border {
    border-bottom-color: #006990 !important;
}

/*.swMain > ul li:first-child > a:before{
    left:0 !important;
}*/
.swMain > ul {
    width: 60%;
}

.nav, .pagination, .carousel, .card-title a {
    cursor: pointer;
}

.fa-svg-icon {
    display: inline-block;
    vertical-align: middle;
    min-width: 1em;
    min-height: 1em;
    height: 100%;
    position: relative;
    top: -1px;
}


    .fa-svg-icon svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .fa-svg-icon svg g,
        .fa-svg-icon svg path {
            fill: currentColor;
        }

input.ng-pristine + ul#strength {
    display: none;
}

ul#strength {
    display: inline;
    list-style: none;
    margin: 0;
    margin-left: 15px;
    padding: 0;
    vertical-align: 2px;
}

.point:last {
    margin: 0 !important;
}

.point {
    background: #DDD;
    border-radius: 2px;
    display: inline-block;
    height: 5px;
    margin-right: 1px;
    width: 20px;
}

.hvr-curl-top-left {
    display: inherit;
}


.card-accordion {
    cursor: pointer;
}


.card-body {
    padding: 0.5rem !important;
}

.accordion-body {
    padding: 1.5rem !important;
}

.bg-commuter {
    background-color: #71716f !important;
}

.bg-commuter-border {
    border-color: #71716f !important;
}

.bg-commuter-button {
    border-color: #71716f !important;
    color: #71716f !important;
}

.bg-cobra {
    background-color: #5cc5ef !important;
}

.bg-cobra-border {
    border-color: #5cc5ef !important;
}
.cobra-text {
    color: #5cc5ef !important;
}
.bg-cobra-button {
    border-color: #5cc5ef !important;
    color: #5cc5ef !important;
}

.bg-enrollment {
    background-color: #006990 !important;
}

.bg-enrollment-border {
    border-color: #006990 !important;
}

.bg-enrollment-button {
    border-color: #006990 !important;
    color: #006990 !important;
}

.bg-eam-enrollment {
    background-color: #2e44cf !important;
}

.bg-eam-enrollment-border {
    border-color: #2e44cf !important;
}

.bg-eam-enrollment-button {
    color: #2e44cf !important;
    border-color: #2e44cf !important;
}

.bg-retirement {
    background-color: #00703c !important;
}

.bg-retirement-border {
    border: 1px solid #00703c !important;
}

.bg-retirement-button {
    border-color: #00703c !important;
    color: #00703c !important;
}
.retirement-text {
    color: #00703c !important;
}

.retirement-text {
    color: #00703c !important;
}

.card-accordion.retirement-left-border {
    border: 1px solid #00703c !important;
}

.bg-health-saving {
    background-color: #69b1bc !important;
}

.bg-health-saving-border {
    border-color: #69b1bc !important;
}

.bg-health-saving-button {
    border-color: #69b1bc !important;
    color: #69b1bc !important;
}

.float-bottom {
    position: absolute;
    top: 67% !important;
    width: 94% !important;
    left: 3% !important;
}

.accordion-padding {
    padding: 0.8rem 0.3rem 0.8rem 0.3rem !important;
}

.bg-flex-saving {
    background-color: #f69464 !important;
}

.bg-flex-saving-border {
    border-color: #f69464 !important;
}

.bg-flex-saving-button {
    border-color: #f69464 !important;
    color: #f69464 !important;
}
.inherited-font{
    font-size: inherit !important;
}
.flex-saving-text {
    color: #f69464 !important;
}

.card-accordion.flex-saving-left-border {
    border: 1px solid #f69464 !important;
}

.bg-health-solution {
    background-color: #006a90 !important;
}

.bg-health-solution-border {
    border-color: #006a90 !important;
}

.bg-health-solution-button {
    border-color: #006a90 !important;
    color: #006a90 !important;
}

.health-solution-text {
    color: #006a90 !important;
}

.card-accordion.health-solution-left-border {
    border: 1px solid #006a90 !important;
}

.bg-wealth-solution {
    background-color: #00703c !important;
}

.bg-wealth-solution-border {
    border-color: #00703c !important;
}

.bg-wealth-solution-button {
    border-color: #00703c !important;
    color: #00703c !important;
}

.wealth-solution-text {
    color: #00703c !important;
}

.card-accordion.wealth-solution-left-border {
    border: 1px solid #00703c !important;
}

.bg-hca {
    background-color: #982876 !important;
}

.bg-hca-border {
    border-color: #982876 !important;
}

.bg-hca-button {
    border-color: #982876 !important;
    color: #982876 !important;
}

.bg-hsa-noaccount {
    background-color: #F10C45 !important;
}

.bg-hsa-noaccount-border {
    border-color: #F10C45 !important;
}

.bg-hsa-noaccount-button {
    border-color: #F10C45 !important;
    color: #F10C45 !important;
}


.bg-hra {
    background-color: #00A8C8 !important;
}

.bg-hra-border {
    border-color: #00A8C8 !important;
}

.bg-hra-button {
    border-color: #00A8C8 !important;
    color: #00A8C8 !important;
}


.bg-historical-reimb {
    background-color: #e77e9b !important;
}

.bg-historical-reimb-border {
    border-color: #e77e9b !important;
}

.bg-historical-reimb-button {
    border-color: #e77e9b !important;
    color: #e77e9b !important;
}

.historical-reimb-text {
    color: #e77e9b !important;
}

.card-accordion.historical-reimb-left-border {
    border: 1px solid #e77e9b !important;
}

.bg-financial {
    background-color: #00a86b !important;
}

.bg-financial-border {
    border-color: #00a86b !important;
}
.financial-text {
    color: #00a86b !important;
}
.bg-financial-button {
    border-color: #00a86b !important;
    color: #00a86b !important;
}

.bg-identity {
    background-color: #323030 !important;
}

.bg-identity-border {
    border-color: #323030 !important;
}

.bg-identity-button {
    border-color: #323030 !important;
    color: #323030 !important;
}

.identity-text {
    color: #e77e9b !important;
}

.card-accordion.identity-left-border {
    border: 1px solid #e77e9b !important;
}

.bg-learning {
    background-color: #5f3f6e !important;
}

.bg-learning-border {
    border-color: #5f3f6e !important;
}

.bg-learning-button {
    border-color: #5f3f6e !important;
    color: #5f3f6e !important;
}

.bg-wellness {
    background-color: #66b360 !important;
}

.bg-wellness-border {
    border-color: #66b360 !important;
}

.bg-wellness-button {
    border-color: #66b360 !important;
    color: #66b360 !important;
}

.wellness-text {
    color: #66b360 !important;
}

.card-accordion.wellness-left-border {
    border: 1px solid #66b360 !important;
}


.bg-wellness1 {
    background-color: #debb7e !important;
}

.bg-wellness1-border {
    border-color: #debb7e !important;
}

.bg-wellness1-button {
    border-color: #debb7e !important;
    color: #debb7e !important;
}

.wellness1-text {
    color: #debb7e !important;
}

.card-accordion.wellness1-left-border {
    border: 1px solid #debb7e !important;
}


.bg-wellness2 {
    background-color: #76d6ed !important;
}

.bg-wellness2-border {
    border-color: #76d6ed !important;
}

.bg-wellness2-button {
    border-color: #76d6ed !important;
    color: #76d6ed !important;
}

.wellness2-text {
    color: #76d6ed !important;
}

.card-accordion.wellness2-left-border {
    border: 1px solid #76d6ed !important;
}



.bg-reimbursement {
    background-color: #e77e9b !important;
}

.bg-reimbursement-border {
    border-color: #e77e9b !important;
}

.reimbursement-text {
    color: #e77e9b !important;
}

.bg-reimbursement-button {
    border-color: #e77e9b !important;
    color: #e77e9b !important;
}

.bg-prodev {
    background-color: #F5821F !important;
}

.bg-prodev-border {
    border-color: #F5821F !important;
}

.bg-prodev-button {
    border-color: #F5821F !important;
    color: #F5821F !important;
}

.prodev-text {
    color: #F5821F !important;
}

.card-accordion.prodev-left-border {
    border: 1px solid #F5821F !important;
}

.bg-dep-care {
    background-color: #d61800 !important;
}

.bg-dep-care-border {
    border-color: #d61800 !important;
}

.bg-dep-care-button {
    border-color: #d61800 !important;
    color: #d61800 !important;
}
.dep-care-text{
    color: #d61800 !important;

}
.bg-adoption {
    background-color: #990099 !important;
}

.bg-adoption-border {
    border-color: #990099 !important;
}

.bg-adoption-button {
    border-color: #990099 !important;
    color: #990099 !important;
}

.adoption-text {
    color: #990099 !important;
}

.card-accordion.adoption-left-border {
    border: 1px solid #990099 !important;
}

.bg-surrogacy {
    background-color: #89cff0 !important;
}

.bg-surrogacy-border {
    border-color: #89cff0 !important;
}

.bg-surrogacy-button {
    border-color: #89cff0 !important;
    color: #89cff0 !important;
}

.surrogacy-text {
    color: #89cff0 !important;
}

.card-accordion.surrogacy-left-border {
    border: 1px solid #89cff0 !important;
}

.bg-education {
    background-color: #27467a !important;
}

.bg-education-border {
    border-color: #27467a !important;
}

.bg-education-button {
    border-color: #27467a !important;
    color: #27467a !important;
}

.education-text {
    color: #27467a !important;
}

.card-accordion.education-left-border {
    border: 1px solid #27467a !important;
}

.bg-questionnaire {
    background-color: #2e8b57 !important;
}

.bg-questionnaire-body {
    background-color: #ffffff !important;
}

.bg-questionnaire-border {
    border: 1px solid #2e8b57 !important;
}

.bg-questionnaire-accordion-border {
    border: 1px solid #2e8b57 !important;
}

.card-accordion.questionnaire-left-border {
    border: 1px solid #2e8b57 !important;
}

.bg-questionnaire-button {
    border-color: #2e8b57 !important;
    color: #2e8b57 !important;
}

.questionnaire-text-red {
    color: #2e8b57 !important;
}

.questionnaire-text {
    color: #2e8b57 !important;
}
/******/
.bg-fsastore {
    background-color: #ea0047 !important;
}

.bg-fsastore-body {
    background-color: #ffffff !important;
}

.bg-fsastore-border {
    border: 1px solid #ea0047 !important;
}

.bg-fsastore-accordion-border {
    border: 1px solid #ea0047 !important;
}

.card-accordion.fsastore-left-border {
    border: 1px solid #ea0047 !important;
}

.bg-fsastore-button {
    border-color: #ea0047 !important;
    color: #ea0047 !important;
}

.fsastore-text-red {
    color: #ea0047 !important;
}

.fsastore-text {
    color: #172945 !important;
}

.bg-hsastore {
    background-color: #9364f4 !important;
}

.bg-hsastore-border {
    border-color: #9364f4 !important;
}

.hsastore-text {
    color: #9364f4 !important;
}

.bg-hsastore-button {
    border-color: #9364f4 !important;
    color: #9364f4 !important;
}


.circle-50 {
    width: 45px;
    height: 45px;
    border-radius: 45%;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    -moz-box-shadow: 0,1px,2px,#c3c3c3;
    -webkit-box-shadow: 0,1px,2px,#c3c3c3;
    box-shadow: 0,1px,2px,#c3c3c3;
}

.card-icon {
    text-align: center;
    position: relative;
}

.imagecard {
    z-index: 2;
    display: block;
    positioN: relative;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin: -33px auto auto auto;
    color: white;
}
select.select-40 {
    min-width: 40% !important;
}
select.select-50 {
    min-width: 50% !important;
}
select.select-60 {
    min-width: 60% !important;
}
select.select-70 {
    min-width: 70% !important;
}
select.select-80 {
    min-width: 80% !important;
}
select.select-90 {
    min-width: 90% !important;
}
select.select-100 {
    min-width: 100% !important;
}
.legend-toggle .fa.rotate {
    transition: .3s transform ease-in-out;
    transform: rotate(90deg);
}
select {
    -webkit-appearance: listbox !important;
    background-color: #f9f9f9 !important;
}
.legend-toggle a.collapsed .fa.rotate {
    transform: rotate(0deg);
}
.info-icon {
    font-size: 3em !important;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 50px !important;
    -webkit-appearance: none !important;
    background-color: #f9f9f9 !important;

}

.info-icon-md {
    font-size: 2.3em !important;
}
.bootstrap-select ul.dropdown-menu li:first-child {
    display: none;
}
.info-icon-p3 {
    padding-top: 12px;
    padding-left: 1px;
}

.info-icon-p2 {
    padding-top: 6px;
    padding-left: 1px;
}

.info-text {
    margin-top: 2px;
    font-size: 1.1em !important;
    color: #fff;
}

.info-text-md {
    margin-top: 4px;
    font-size: 13px !important;
    color: #fff;
}

.navigation-icon {
    font-size: 2em !important;
}

.card-border-yellow {
    border-color: #FFB848 !important;
}

.card-border-yellow {
    border-color: #FFB848 !important;
}

.card-dark-grey {
    border-color: #aeacb4 !important;
}

#footer {
    position: fixed;
    bottom: 5px;
}

.navbar-right-sm {
    border: 0;
}

.navbar .navbar-header {
    border-right: none;
}
.custom-logo.initial {
    width: auto !important;
    padding-top: 2px !important;
}

.navbar .navbar-header {
    height: 75px;
}

.container-navbar-right {
    height: 75px;
}

.my-drop-zone {
    border: dotted 3px lightgray;
}

.nv-file-over {
    border: dotted 3px red;
}
/* Default class applied to drop zones on over */
.another-file-over-class {
    border: dotted 3px green;
}
.ui-grid-column-menu-button {
    display: block;
}
.cobra-grid {
    width: 100% !important;
    height: 400px;
}
.cobra-carrier-grid {
    width: 100% !important;
    height: 200px;
}
.text-white{
    color: #ffffff !important;
}
a.text-white {
    color: #ffffff !important;
}

/****/
.bg-plan-limits {
    background-color: #d4542b !important;
}

.bg-plan-limits-body {
    background-color: #ffffff !important;
}

.bg-plan-limits-border {
    border: 1px solid #d4542b !important;
}

.bg-plan-limits-accordion-border {
    border: 1px solid #d4542b !important;
}


.card-accordion.plan-limits-left-border {
    border: 1px solid #d4542b !important;
}

.bg-plan-limits-button {
    border-color: #d4542b !important;
    color: #d4542b !important;
}

.pl-28 {
    padding-left: 0.8rem !important;
}


.plan-limits-text-red {
    color: #d4542b !important;
}

.plan-limits-text {
    color: #d4542b !important;
}

@media (min-width: 992px) {
    .app-navbar-fixed {
        padding-top: 5px !important;
    }

    .app-sidebar-fixed #sidebar {
        top: 75px !important;
    }
}
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }

    .navbar .navbar-right > li {
        border-bottom: none;
    }

    .navbar-right > li.current-user a span {
        top: 55px;
        font-size: 10px;
    }
}

@media (max-width: 825px) {
    .custom-logo {
        width: 160px !important;
        height: 40px !important;
    }

        .custom-logo.small {
            width: 120px !important;
        }

        .custom-logo.initial {
            height: auto !important;
        }
}
@media (max-width: 768px) {
    .custom-logo {
        width: 160px !important;
        height: 40px !important;
    }

        .custom-logo.small {
            width: 120px !important;
        }

        .custom-logo.initial {
            width: auto !important;
        }
}


@media (max-width: 670px) {
    .custom-logo {
        height: 30px !important;
    }

        .custom-logo.small {
            height: 40px !important;
        }

        .custom-logo.initial {
            height: auto !important;
        }

    #app > footer .footer-inner {
        line-height: 20px;
    }
}