/* CSS crunched with Crunch - http://crunchapp.net/ */
* {
    font-family: 'Roboto',sans-serif !important
}

.glyphicon {
    font-family: 'Glyphicons Halflings' !important
}

.fa {
    font: normal normal normal 16px/1 FontAwesome !important
}

html {
    background-color: #e7eaeb;
    min-height: 100%
}

body {
    background-color: #e7eaeb;
    min-height: 91%;
    padding-bottom: 0
}

.navbar-inverse {
    min-height: 56px;
    background-color: #fff;
    border-color: #c7c7c7
}

    .navbar-inverse .navbar-brand {
        padding: 3px 15px 0 5px
    }

        .navbar-inverse .navbar-brand h1 {
            margin: 0;
            padding: 0
        }

    .navbar-inverse .navbar-text {
        color: #696868
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #696868;
        font-weight: 400;
        font-size: 14px
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            color: #63d3a1;
            background-color: transparent;
            border-bottom: 4px solid #63d3a1;
            font-weight: 500;
        }

        .navbar-inverse .navbar-nav > li > a.glyphicon {
            margin-bottom: -1px;
            margin-top: -1px
        }

    .navbar-inverse .navbar-nav.top-left-nav > li > a.glyphicon {
        margin-bottom: -1px;
        margin-top: -1px;
        font-size: 0;
        height: 55px
    }

        .navbar-inverse .navbar-nav.top-left-nav > li > a.glyphicon:before {
            font-size: 15px
        }

    .navbar-inverse .navbar-nav > li.notification-icons {
        padding: 8px 3px
    }

        .navbar-inverse .navbar-nav > li.notification-icons:hover {
            border-bottom: 4px solid #7a71b0;
            padding-bottom: 7px;
        }

        .navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li a {
            padding: 5px 10px;
            cursor: pointer;
        }

        .navbar-inverse .navbar-nav > li.notification-icons > a,
        .navbar-inverse .navbar-nav .user-section.notification-icons > i {
            background-color: #5b5857;
            padding: 8px;
            line-height: 17px !important;
            border-radius: 21px;
            width: 34px;
            height: 34px;
            font-size: 15px !important;
            text-align: center;
            color: #fff;
            border: 1px solid #d4d4d4;
            margin-top: 2px;
        }

            .navbar-inverse .navbar-nav > li.notification-icons > a:after,
            .navbar-inverse .navbar-nav .user-section.notification-icons > i:after {
                content: "";
                width: 32px;
                height: 32px;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                border: 2px solid #fff;
                border-radius: 21px;
            }

    .navbar-inverse .navbar-nav > li span.notification-icons {
        padding: 0px 2px;
        position: relative;
        display: inline-block
    }

        .navbar-inverse .navbar-nav > li span.notification-icons > i {
            background-color: #5b5857;
            padding: 8px;
            line-height: 19px !important;
            border-radius: 21px;
            width: 36px;
            height: 36px;
            font-size: 16px !important;
            text-align: center;
            color: #fff;
            border: 1px solid #d4d4d4;
        }

            .navbar-inverse .navbar-nav > li span.notification-icons > i:after {
                content: "";
                width: 34px;
                height: 34px;
                display: block;
                position: absolute;
                top: 1px;
                left: 3px;
                border: 2px solid #fff;
                border-radius: 21px
            }

    .navbar-inverse .navbar-nav > .active:after,
    .navbar-inverse .navbar-nav a.nav-active:after {
        display: inline-block;
        content: "";
        position: absolute;
        color: #63d3a1;
        width: 0;
        height: 0;
        bottom: 0px;
        left: 50%;
        margin-left: -6px;
        vertical-align: middle;
        border-bottom: 6px dashed;
        border-bottom: 6px solid\9;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
    }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav a.nav-active,
    .navbar-inverse .navbar-nav a.nav-active:hover,
    .navbar-inverse .navbar-nav a.nav-active:focus {
        color: #63d3a1;
        background-color: transparent;
        border-bottom: 4px solid #63d3a1;
        font-weight: 500;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #7a71b0;
        color: #fff;
        border: 0;
    }

    .navbar-inverse .navbar-nav > li.dropdown.user-role a.dropdown-toggle {
        color: #5b5857;
        padding: 8px 0px 3px 0;
        background-color: transparent;
    }

        .navbar-inverse .navbar-nav > li.dropdown.user-role a.dropdown-toggle:hover, .navbar-inverse .navbar-nav > li.dropdown.user-role a.dropdown-toggle:focus {
            font-weight: 400;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > li.dropdown.user-role .dropdown-menu {
        /* width: 100% */
        padding-top: 0;
        margin-top: 4px;
    }

    .navbar-inverse .navbar-nav > li.dropdown .dropdown-menu:before {
        display: inline-block;
        content: "";
        position: absolute;
        color: #d7d7d7;
        width: 0;
        height: 0;
        top: -7px;
        right: 5%;
        margin-left: -6px;
        vertical-align: middle;
        border-bottom: 7px dashed;
        border-bottom: 4px solid\9;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
    }

    .navbar-inverse .navbar-nav > li.dropdown.user-role .dropdown-menu li a {
        padding: 5px 10px
    }

    .navbar-inverse .navbar-nav > li.dropdown.user-role u {
        text-decoration: none
    }

        .navbar-inverse .navbar-nav > li.dropdown.user-role u b {
            font-weight: 400
        }

            .navbar-inverse .navbar-nav > li.dropdown.user-role u b:after {
                content: ","
            }

    .navbar-inverse .navbar-nav > li.dropdown.user-role .role {
        color: #ffffff;
        float: left;
        width: 100%;
        font-size: 13px;
    }

    .navbar-inverse .navbar-nav > li.dropdown.user-role .agency {
        color: #e2e2e2;
        font-size: 13px;
    }

        .navbar-inverse .navbar-nav > li.dropdown.user-role .agency:before {
            content: ""
        }

    .navbar-inverse .navbar-nav.navbar-right {
        margin-right: 0 !important
    }

    .navbar-inverse .navbar-brand {
        margin-left: 0 !important
    }

    .navbar-inverse .navbar-toggle {
        border-color: #5b5857;
        background-color: #fefcfc;
        color: #5b5857;
    }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #fefcfc
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #5b5857;
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #5b5857;
    }

@media (min-width: 768px) {
    .navbar-inverse .navbar-nav > li a {
        padding-top: 18px;
        padding-bottom: 13px;
        padding-left: 19px;
        padding-right: 19px
    }

    body.background_contain {
        background-size: contain;
    }
}

.carousel-control {
    background: transparent
}

.carousel-inner {
    min-height: 300px
}

.carousel-indicators li {
    border-color: #5b5857;
    width: 12px;
    height: 12px
}

    .carousel-indicators li.active {
        background-color: #5b5857;
        border-color: #5b5857;
    }

body > .container-fluid {
    margin: 0 15px;
    background-color: #5b5857;
    border: 1px solid #fff;
    min-height: 100%
}

.pad-lt {
    padding-left: 0
}

.pad-rt {
    padding-right: 0
}

.white-color-bg {
    background-color: #fff
}

.height-100 {
    min-height: 100%
}

.optima-callcenter-icon {
    width: 130px;
    height: 130px
}

.left-section {
    padding: 10px 10px;
    text-align: center
}

    .left-section h2 {
        font-size: 32px;
        color: #fff;
        font-weight: 300;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .left-section h2 span {
            font-size: 15px;
            line-height: 18px;
            display: block;
            /* margin: 12px 0; */
        }

    .left-section hr {
        border: 0;
        border-bottom: 1px solid rgb(255 255 255 / 8%);
    }

    .left-section h3 {
        color: #14bfb7;
        font-size: 16px;
        text-transform: capitalize;
        position: relative;
        text-align: center;
        margin-bottom: 0px;
    }

        .left-section h3 i {
            color: #fff;
            display: inline-block;
            background-color: #fff;
            padding: 8px;
            line-height: 50px !important;
            border-radius: 72px;
            width: 70px;
            height: 70px;
            font-size: 32px !important;
            text-align: center;
            color: #5b5857;
            border: 1px solid #d4d4d4;
            position: relative;
            margin: 0 38% 5%;
        }

            .left-section h3 i:after {
                content: "";
                width: 66px;
                height: 66px;
                display: block;
                position: absolute;
                top: 1px;
                left: 1px;
                border: 2px solid #5b5857;
                border-radius: 72px;
            }

        .left-section h3 span {
            color: #fff;
            display: block;
            margin: 30px 0 15px;
            font-weight: 700;
            /*color: #24e8df;*/
        }

            .left-section h3 span:after {
                content: "";
                background: rgb(255 255 255 / 8%);
                width: 100%;
                height: 1px;
                display: block;
                margin: 7px 0 0;
            }

        .left-section h3 a {
            color: #fff;
            text-decoration: none;
            cursor: pointer;
            font-size: 14px;
            font-weight: 400;
            margin-bottom: 10px;
            display: block;
        }

    .left-section .panel.panel-default {
        background: #404040;
        border-color: rgb(255 255 255 / 15%);
    }

        .left-section .panel.panel-default > .panel-heading + .panel-collapse > .panel-body {
            border: 1px solid rgb(255 255 255 / 8%);
            border-radius: 0px;
            background: #5b5857;
            padding-top: 10px;
        }

    .left-section .panel-heading {
        border-radius: 0;
        background: #fff
    }

    .left-section .panel-collapse.collapse {
        padding-bottom: 0
    }

    .left-section h4.panel-title {
        color: #5b5857;
        text-align: left
    }

        .left-section h4.panel-title a.accordion-toggle:after,
        .left-section h4.panel-title a:after {
            color: rgb(255 255 255 / 80%);
        }

    .left-section form label {
        color: #24e8df;
        text-align: left;
        font-size: 14px;
        text-transform: uppercase
    }

    .left-section form input[type="text"], .left-section form input[type="password"] {
        color: #fff
    }

    .left-section .bar-div {
        background: #fff !important;
        height: 1px !important
    }

    .left-section .green-button {
        background: #054643;
        border-color: #054643;
        color: #fff
    }

.right-section {
    padding: 2px 19px 13px 19px;
    min-height: 655px;
}

    .right-section h4 {
        color: #5b5857;
        font-size: 29px;
        font-weight: 300;
        margin-bottom: 15px;
    }

.table.table-striped {
    border: 1px solid #f1f0f0;
    text-align: left;
    color: #727272;
    font-size: 14px;
    font-weight: 400;
}

    .table.table-striped i {
        color: #7a71b0;
        font-size: 14px !important;
        display: inline-block;
        margin-right: 5px
    }

    .table.table-striped th {
        background-color: #f6f5f5;
        border: 0;
        color: #4b4b4b;
        font-size: 14px;
        font-weight: 500;
        height: 45px;
        line-height: 26px
    }

    .table.table-striped td {
        border-bottom: 1px solid #f1f0f0 !important;
    }

    .table.table-striped tr:nth-child(odd) td {
        background-color: #fff;
        border: 0;
        padding: 7px 10px;
        line-height: 25px;
    }

    .table.table-striped tr:nth-child(even) td {
        background-color: #fbfbfb;
        border: 0;
        padding: 7px 10px;
        line-height: 25px
    }

    .table.table-striped tr:last-child td {
        /* padding-bottom: 18px; */
        font-weight: 400;
    }

    .table.table-striped td input[type="checkbox"] {
        display: inline-block;
        width: 21px;
        height: 21px;
        margin: 0
    }

.pagin-circles {
    display: block;
    margin: -29px 0 0;
    text-align: center
}

    .pagin-circles a {
        background-color: #5b5857;
        width: 12px;
        height: 12px;
        border-radius: 12px;
        display: inline-block;
        cursor: pointer
    }

h5 {
    color: #646464;
    font-size: 14px;
    font-weight: 500
}

.grey-box {
    background-color: #ffffff;
    border: 1px solid #e5e2e2;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 200px;
    border-radius: 10px;
}

    .grey-box.box-home {
        min-height: 164px
    }

    .grey-box .right-border {
        border-right: 1px solid #cecccc;
        min-height: 105px;
        text-align: center;
        line-height: 89px;
        padding: 0
    }

        .grey-box .right-border.white {
            border-right: 1px solid #faf9f9
        }

        .grey-box .right-border.no-border {
            border: 0
        }

    .grey-box .left-border {
        border-left: 1px solid #cecccc
    }

    .grey-box i {
        color: #5b5857;
        font-size: 48px !important;
        line-height: 90px !important
    }

        .grey-box i.small-icon {
            font-size: 12px !important;
            line-height: 12px !important;
            width: 21px;
            height: 21px;
            border-radius: 21px;
            border: 1px solid #5b5857;
            padding: 3px 7px
        }

        .grey-box i.fa-user, .grey-box i.fa-user-md {
            font-size: 103px !important;
            line-height: 132px !important
        }

    .grey-box b {
        color: #5b5857;
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 6px;
        display: inline-block;
        line-height: 30px;
    }

    .grey-box span {
        color: #727272;
        font-weight: 400;
        font-size: 13px;
        line-height: 17px;
        margin-bottom: 7px;
        display: block
    }

    .grey-box a.anchor-link {
        color: #5b5857;
        font-weight: 500;
        font-size: 13px
    }

.fa.fa-file-text.search-icon:after {
    content: "\f002";
    font-size: 24px;
    position: relative;
    z-index: 1;
    background: #eeecec;
    padding: 1px 0px 1px 4px;
    margin-left: -11px;
    border-radius: 15px;
    bottom: -11px !important
}

form {
    width: 100%;
    float: left;
}

    form label {
        color: #646464;
        display: block;
        width: 100%;
        float: left;
        font-size: 13px;
        font-weight: 400;
        margin: -10px 0 0 -6px;
        padding: 0;
    }

    form input[type="text"], form input[type="password"] {
        border: 0;
        border-bottom: 1px solid #a3a3a3;
        float: left;
        width: 92% !important;
        background: transparent;
        margin: 15px 0 0 0;
        padding: 0 0 0px 0;
        font-size: 14px;
        font-weight: 400;
        min-height: 26px;
        color: #5b5857;
    }
    form textarea {
        border: 0;
        border-bottom: 1px solid #5b5857;
        float: left;
        background: transparent;
        margin: 15px 0 0 0;
        padding: 0 0 0px 0;
        font-size: 14px;
        font-weight: 400;
        color: #5b5857;
        outline: 0 none;
        min-height: 50px;
        max-height: 300px;
        overflow: visible;
        height: auto;
    }

input:not([type]), input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #a3a3a3;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 92%;
    font-size: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

    input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #5b5857;
        -webkit-box-shadow: 0 1px 0 0 #5b5857;
        box-shadow: 0 1px 0 0 #5b5857;
    }

        input:not([type]):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
            color: #26a69a
        }

form input[type="text"]::-webkit-input-placeholder, form input[type="password"]::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 12px;
    color: #c4c4c4
}

form input[type="text"]:-ms-input-placeholder, form input[type="password"]:-ms-input-placeholder {
    font-weight: 400;
    font-size: 12px
}

form input[type="text"]:-moz-placeholder, form input[type="password"]:-moz-placeholder {
    font-weight: 400;
    font-size: 12px
}

form input[type="text"]::-moz-placeholder, form input[type="password"]::-moz-placeholder {
    font-weight: 400;
    font-size: 12px
}

form .bar-div {
    width: 0%;
    display: none !important;
}

form .pad-lt input[type="text"]:focus + .bar-div,
form .pad-lt input[type="text"]:focus + img + span + .bar-div,
form .pad-lt input[type="password"]:focus + .bar-div,
form .pad-lt textarea:focus + .bar-div {
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    width: 90%;
    display: inline-block;
    background-color: #5b5857;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left: 0px
}

form .pad-lt.pad-rt input[type="text"]:focus + .bar-div,
form .pad-lt.pad-rt input[type="password"]:focus + .bar-div {
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    width: 100%;
    display: inline-block;
    background-color: #5b5857;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left: 0px
}

form .col-md-3.pad-lt input[type="text"]:focus + .bar-div,
form .col-md-3.pad-lt input[type="password"]:focus + .bar-div {
    width: 93%;
}

form .col-md-3.pad-lt.pad-rt input[type="text"]:focus + .bar-div,
form .col-md-3.pad-lt.pad-rt input[type="password"]:focus + .bar-div {
    width: 100%;
}

form .col-md-4.pad-lt input[type="text"]:focus + .bar-div,
form .col-md-4.pad-lt input[type="password"]:focus + .bar-div {
    width: 95%;
}

form .col-md-5.pad-lt input[type="text"]:focus + .bar-div,
form .col-md-5.pad-lt input[type="password"]:focus + .bar-div {
    width: 97%;
}

form .col-md-6.pad-lt input[type="text"]:focus + .bar-div,
form .col-md-6.pad-lt input[type="password"]:focus + .bar-div {
    width: 93%;
}

form .col-md-6.pad-lt.pad-rt input[type="text"]:focus + .bar-div,
form .col-md-6.pad-lt.pad-rt input[type="password"]:focus + .bar-div {
    width: 100%;
}

form .col-md-12 .col-md-6.pad-lt input[type="text"]:focus + .bar-div,
form .col-md-12 .col-md-6.pad-lt input[type="password"]:focus + .bar-div {
    width: 97%;
}

form .col-xs-1.col-md-1.pad-lt input[type="text"] + .bar-div,
form .col-xs-1.col-md-1.pad-lt input[type="password"] + .bar-div {
    max-width: 80%
}

form .col-xs-1.col-md-1.pad-lt.pad-rt input[type="text"] + .bar-div,
form .col-xs-1.col-md-1.pad-lt.pad-rt input[type="password"] + .bar-div {
    max-width: 100%
}

form .col-md-2.pad-lt input[type="text"]:focus + .bar-div,
form .col-md-2.pad-lt input[type="password"]:focus + .bar-div {
    width: 90%;
}

form .col-md-12.pad-lt input[type="text"]:focus + .bar-div,
form .col-md-12.pad-lt input[type="password"]:focus + .bar-div,
form .col-md-12.pad-lt textarea:focus + .bar-div {
    width: 100%;
}

form .button-box {
    margin-top: 20px
}

    form .button-box button {
        margin-left: 10px;
        min-width: 75px
    }

form > div {
    float: left
}

form .chzn-container ul.chzn-results {
    float: left;
    width: 97%;
    font-size: 14px
}

    form .chzn-container ul.chzn-results li {
        font-size: 14px;
        font-weight: 400
    }

form .chzn-container-active.chzn-with-drop .chzn-single {
    background: #fff
}

form .chzn-container-single .chzn-single {
    background: transparent;
    border: 0;
    box-shadow: 0 0 0;
    border-bottom: 1px solid #a3a3a3;
    border-radius: 0 0 0 0;
    font-weight: 300;
    padding-left: 0;
    height: 46px;
}

form .chzn-container-single .chzn-search input {
    border: 0;
    border-bottom: 1px solid #5b5857;
    box-shadow: 0 0 0 !important;
    border-radius: 0;
    min-height: 26px !important;
    background-color: #fff;
    width: 82% !important;
    height: 22px !important;
    padding-bottom: 0px;
}

form .chzn-container.chzn-with-drop .chzn-drop {
    border-top: 1px solid #a3a3a3
}

form .chzn-container-active.chzn-with-drop .chzn-single span {
    font-size: 14px !important;
    font-weight: 500;
}

.green-button {
    background-color: #5b5857;
    color: #fff !important;
    font-size: 1em;
    font-weight: 500;
    border: 1px solid #5b5857;
    margin-bottom: 5px;
    width: auto;
    margin-left: 8px;
    border-radius: 50px;
}

.btn-primary {
    background-color: #5b5857;
    color: #fff !important;
    border: 1px solid #5b5857;
    border-radius: 50px;
}

.grey-button {
    background-color: #ffffff !important;
    color: #5b5857 !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    margin-bottom: 5px !important;
    width: auto !important;
    border-radius: 50px !important;
    border: 1px solid #5b5857 !important;
}

.single-checkbox {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: 0;
    float: left;
    margin-right: 10px !important;
}

.nav-tabs {
    border-bottom: 2px solid #e5e2e2
}

    .nav-tabs > li {
        margin-bottom: -2px
    }

        .nav-tabs > li > a {
            color: #424141;
            font-weight: 400;
            font-size: 15px
        }

            .nav-tabs > li > a:hover {
                border: 0;
                border-bottom: 2px solid #7a71b0;
                background: transparent;
                padding: 11px 16px 10px 16px;
                height: 43px;
                margin-top: 0px;
                margin-bottom: 0px
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            border: 0;
            border-bottom: 2px solid #7a71b0;
            background: transparent;
            padding: 11px 16px 10px 16px;
            height: 43px;
            margin-top: 0px;
            margin-bottom: 0px;
            color: #5b5857;
            font-weight: 500
        }

            .nav-tabs > li.active > a:after {
                display: inline-block;
                content: "";
                position: absolute;
                color: #7a71b0;
                width: 0;
                height: 0;
                bottom: -8px;
                left: 50%;
                margin-left: -4px;
                vertical-align: middle;
                border-top: 6px dashed;
                border-top: 4px solid\9;
                border-right: 3px solid transparent;
                border-left: 3px solid transparent
            }

@media (min-width: 992px) {
    .col-md-3.left-section {
        width: 22%
    }

    .col-md-9.right-section {
        width: 78%
    }
}

@media (max-width: 1000px) {
    .navbar-toggle {
        display: block
    }

    .navbar-collapse {
        display: none
    }

        .navbar-collapse.collapse {
            display: none !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

            .navbar-collapse.collapse.in {
                display: block !important
            }
}

.panel-default > .panel-heading {
    background-color: #f5f4f4;
    padding: 0
}

h4.panel-title {
    font-size: 15px;
    font-weight: 400;
    color: #4b4b4b;
    margin: 0
}

    h4.panel-title a {
        text-decoration: none;
        display: block;
        padding: 10px 10px;
        cursor: pointer;
    }

.panel-group {
    width: 100%
}

    .panel-group .panel {
        border-radius: 0
    }

        .panel-group .panel + .panel {
            margin-top: 10px
        }

.panel-collapse.collapse {
    color: black;
    padding-bottom: 8px
}

.left-section .panel-heading .accordion-toggle:after,
.panel-heading.accordion-toggle a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #5b5857;
}

.left-section .panel-heading .accordion-toggle.collapsed:after,
.panel-heading.accordion-toggle.collapsed a:after {
    content: "\e080"
}

.btn-primary.active {
    background: #5b5857;
    border-color: #5b5857;
}

.pad-top-10 {
    padding-top: 10px
}

.pad-top-20 {
    padding-top: 20px
}

.pad-top-30 {
    padding-top: 30px
}

.pad-top-40 {
    padding-top: 40px
}

.mgn-top-10 {
    margin-top: 10px
}

.mgn-top-20 {
    margin-top: 20px;
}

.mgn-top-30 {
    margin-top: 30px
}

.mgn-top-40 {
    margin-top: 40px !important
}

.mgn-top-50 {
    margin-top: 50px !important
}

.mgn-top-60 {
    margin-top: 60px !important
}

.mgn-top-70 {
    margin-top: 70px !important
}

.mgn-top-80 {
    margin-top: 80px !important
}

.footer {
    height: 56px;
    background-color: #e7eaeb
}

    .footer p {
        padding: 18px 0;
        margin: 0;
        color: #424141
    }

        .footer p a {
            color: #5b5857;
        }

        .footer p span {
            color: #424141
        }

        .footer p .footer-logo {
            padding: 0;
            margin: -5px 2px
        }

.navbar-inverse .navbar-nav > li.notification-icons > a > i {
    width: 22px !important;
    height: 22px !important;
    background: #ea3b11;
    border: 2px solid #ffffff;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    position: absolute;
    border-radius: 42px !important;
    z-index: 1;
    padding: 0 1px;
    line-height: 18px;
    top: -4px;
    right: -6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.navbar-inverse .navbar-nav > li span.notification-icons > i.fa-user {
    width: 40px;
    height: 40px;
    font-size: 20px !important;
    line-height: 20px !important;
    background-color: #5b5857;
}

    .navbar-inverse .navbar-nav > li span.notification-icons > i.fa-user:after {
        width: 38px;
        height: 38px;
        top: 1px;
        left: 3px;
    }

    .navbar-inverse .navbar-nav > li span.notification-icons > i.fa-user:before {
    }

.navbar-inverse .navbar-nav .user-section.notification-icons {
    min-width: 229px;
    padding: 5px;
    min-height: 100px;
    background: #5b5857;
    float: left;
    /* border: 1px solid #ffffff; */
}

    .navbar-inverse .navbar-nav .user-section.notification-icons > i.fa-user {
        display: inline-block;
        background-color: #5b5857;
        padding: 8px;
        line-height: 50px !important;
        border-radius: 72px;
        width: 66px;
        height: 66px;
        font-size: 27px !important;
        text-align: center;
        color: #ffffff;
        border: 1px solid #5b5857;
        position: relative;
        float: left;
        margin: 6px 0 0 3px;
    }

        .navbar-inverse .navbar-nav .user-section.notification-icons > i.fa-user:after {
            content: "";
            width: 62px;
            height: 62px;
            display: block;
            position: absolute;
            top: 1px;
            left: 1px;
            border: 2px solid #ffffff;
            border-radius: 72px;
        }

        .navbar-inverse .navbar-nav .user-section.notification-icons > i.fa-user:before {
        }

    .navbar-inverse .navbar-nav .user-section.notification-icons u {
        display: block;
        width: 66%;
        float: left;
        padding: 11px 0px 9px 9px;
    }

    .navbar-inverse .navbar-nav .user-section.notification-icons b {
        width: 100%;
        color: #fff;
        float: left;
        font-size: 15px;
        font-weight: 500 !important;
    }

    .navbar-inverse .navbar-nav .user-section.notification-icons span {
        float: left;
        width: 100%;
    }

    .navbar-inverse .navbar-nav .user-section.notification-icons a {
        color: #ffffff;
        background: #077974;
    }

.navbar-inverse .navbar-nav > li.notification-icons:hover {
    border-bottom: 4px solid #63d3a1;
    padding-bottom: 7px;
}

.err1 {
    color: red;
    font-size: 12px;
}

.mndtastx:after {
    content: " *";
    font-weight: 500 !important;
    color: red !important;
    font-family: Roboto !important;
    font-size: 13px !important;
}

form div label:nth-child(3) {
    position: absolute;
    top: 8px !important;
    color: #646464 !important;
    font-size: 13px !important;
    font-weight: 400;
}

form div input[type="text"]:focus + .bar-div + label,
form div input[type="password"]:focus + .bar-div + label {
    color: #7a71b0 !important;
    font-weight: 400 !important
}

form.left-form > .panel.panel-default {
    width: 100%;
}

.navbar-inverse .navbar-nav > .open > a.fa, .navbar-inverse .navbar-nav > .open > a.fa:hover, .navbar-inverse .navbar-nav > .open > a.fa:focus {
    background: #5b5857;
    border: 1px solid #d4d4d4;
}

.navbar-inverse .navbar-nav > li.dropdown.user-role .dropdown-menu:before {
    color: #5b5857;
}

.navbar-inverse .navbar-nav > li.notification-icons.open:hover {
    border: 0;
}

.navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li a.notifi-text,
.navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li.tablecontainer table.notifi-text {
    font-size: 13px;
    float: left;
    display: block;
    min-width: 300px;
    border-bottom: 1px solid #dcdcdc;
    padding: 9px;
}

    .navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li.tablecontainer table.notifi-text:nth-child(odd) {
        background-color: #fff
    }

    .navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li.tablecontainer table.notifi-text:nth-child(even) {
        background-color: #f5f4f4;
    }

    .navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li.tablecontainer table.notifi-text:hover {
        background-color: #e7eaeb;
    }

    .navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li a.notifi-text .fa.fa-bell,
    .navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li.tablecontainer table.notifi-text .fa.fa-bell {
        color: #60bdf5;
        font-size: 12px !important;
        float: left;
        display: inline-block;
        padding-left: 5px;
        padding-right: 9px;
    }

    .navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li a.notifi-text span.desc,
    .navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li.tablecontainer table.notifi-text div.desc {
        color: #646464;
        display: block;
        width: 100%;
        float: left;
        margin: -4px 1px 0 0px;
        text-align: left;
    }

    .navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li a.notifi-text span.date,
    .navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li.tablecontainer table.notifi-text span.date {
        color: #ababab;
        float: right;
        font-size: 11px;
    }

.notification-icons.dropdown ul.dropdown-menu li:nth-child(even) a.notifi-text {
    background: #f6f8f7 !important;
}

.navbar-inverse .navbar-nav > li.notification-icons.open:hover
.dropdown-menu {
    margin-top: 1px;
}

.notification-icons.dropdown ul.dropdown-menu li:nth-child(even) a.notifi-text.text-center {
    background: #fff !important;
}

.navbar-inverse .navbar-nav > li.notification-icons ul.dropdown-menu li a.click-text {
    padding-left: 0;
}

.click-text-disabled {
    cursor: not-allowed;
    text-decoration: none !important;
    color: #c7c7c7 !important;
    padding-left: 0 !important;
}

ul.dropdown-menu li.head {
    font-size: 14px;
    padding: 1px 9px 6px;
    border-bottom: 1px solid #dcdcdc;
    font-weight: 400;
}

.right-section h4 span {
    color: #727272;
    display: block;
    margin-top: 10px;
    font-size: 15px;
}

div#PageContentHolder_NoTaskItems h4.wlcm-head3 {
    font-size: 12px;
    text-align: center;
    display: block;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 9px;
    margin-bottom: 0;
    font-weight: 300;
}

div#PageContentHolder_NoTaskItems {
    width: 100%;
}

/* date picker */

.ui-datepicker-trigger {
    /*margin: 0 0 8px -4px;*/
    vertical-align: top;
}


.dp1 {
    background: none no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: right;
    height: 34px;
    width: 36px; /*z-index: -1;*/
    margin: -1px 0 0px 0px;
    vertical-align: top;
    position: absolute;
    right: 34px;
    top: 10px;
}

.dph {
    border: medium none;
    cursor: pointer;
    float: right;
    height: 34px;
    width: 36px;
    margin: 10px 0 0px 0px;
    vertical-align: top;
    opacity: 0;
    position: absolute;
    z-index: 1000;
    right: 34px;
    top: 10px;
}

/* date picker */


span.dp1:before {
    content: "\f073";
    font-family: fontawesome;
    color: #e7eaeb;
    font-size: 19px;
    font-weight: 300;
    position: relative;
    top: 5px;
    left: 9px;
}

input.chckbox {
    width: auto;
    float: left;
    margin-right: 9px;
}

button.top-button {
    font-size: 15px;
    padding: 8px 11px;
}

button.green-button.fa {
    padding-left: 7px;
    padding-right: 5px;
}

.chzn-container {
    width: 100% !important;
}

.chzn-container-single .chzn-single span {
    margin-top: 20px;
    color: #5b5857;
    font-size: 14px;
    font-weight: 500;
    width: 80%;
}

.chzn-container.chzn-with-drop a.chzn-single {
    border: 0;
    background: transparent;
    font-weight: 500;
}

    .chzn-container.chzn-with-drop a.chzn-single spa {
        font-weight: 500;
        font-size: 14px;
    }

form table label {
    position: relative;
}

table .desc {
    float: left;
    width: 100%;
    overflow: hidden;
}

.cbwraptbl td {
    padding-right: 10px;
}

.cb {
    width: 20px;
    height: 20px;
}

.cb1 {
    width: 24px;
    height: 24px;
    margin: 4px 0px 3px 0px;
    padding: 0;
    /* background:url(../images/cbunchecked3D.png); */
    background-repeat: no-repeat;
    border: none;
    float: left;
    background: none #fff;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

.cb2 {
    width: 24px;
    height: 24px;
    margin: 4px 0px 3px 0px;
    /*margin: -4px 0 0;*/
    padding: 0px 0 0 4px;
    background: url(../images/cbchecked3D.png);
    background-repeat: no-repeat;
    border: none;
    float: left;
    background: none #fff;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    position: relative;
}

    .cb2:before {
        content: "\f00c";
        font-family: fontawesome;
        position: absolute;
        color: #76b9b7;
        font-size: 15px;
    }

.cb1 input {
    width: 24px;
    min-height: 22px;
    opacity: 0;
    margin-top: 0;
}

span.customCheckbox.cb1 {
    position: relative
}

.cb1 input[type="checkbox"]:checked {
    opacity: 0;
    position: relative;
    z-index: 1;
}

    .cb1 input[type="checkbox"]:checked + i.checked-plans:before {
        content: "\f00c";
        font-family: fontawesome;
        position: absolute;
        color: #76b9b7;
        font-size: 15px;
    }

.cb1 i.checked-plans {
    position: absolute;
    left: 4px;
    top: -6px;
    z-index: 0;
    font-style: normal;
}

.cb3 {
    width: 15px;
    height: 15px;
    margin: 0;
    /*margin: -4px 0 0;*/
    padding: 0px;
    background: url(../images/cbchecked3D.png);
    background-repeat: no-repeat;
    border: none;
    float: left;
}

table.cbwraptbl {
    width: auto;
    min-width: 129px;
}

    table.cbwraptbl label {
        font-size: 14px;
        font-weight: 400;
        padding: 0;
        margin: 3px 0 0 0;
        position: relative;
        float: left;
        top: 0;
    }

    table.cbwraptbl .customCheckbox input {
        width: 22px;
        height: 22px;
        margin-top: 0;
    }

table#Alerts.tablegrid td input {
    width: auto;
}

table#Alerts.tablegrid td:nth-child(1) {
    max-width: 34px;
}

table#Alerts.tablegrid td:nth-child(2) {
    width: 78%;
}

.preloader {
    width: 150px;
    height: 90px;
    margin: 15% 45% 0;
    padding: 0;
    background: url(../images/Preloaderimg_small.gif) top left no-repeat;
    background-size: contain;
    display: block;
    display: block;
    float: left;
    position: relative;
}

.preloader2a {
    background: url(../images/Preloaderimg_small.gif) top left no-repeat;
    display: block;
    float: left;
    height: 92px;
    margin: 15% 309% 0;
    padding: 0;
    position: relative;
    width: 164px;
}


html input[disabled],
html input[readonly],
html input[disabled="disabled"],
html input[readonly="readonly"] {
    cursor: not-allowed;
    background: transparent;
    color: #8b8aa0;
    border-bottom: 1px dotted #dddad8 !important;
}

.panel-body table.table.table-striped {
    margin-bottom: 0px;
}

table.table-striped i.active,
table.table-striped i.inactive,
table.table-striped i.inprogress,
table.table-striped i.terminated,
table.table-striped i.prospect,
table.table-striped i.former,
table.table-striped i.pending {
    width: auto;
    height: 21px;
    display: inline-block !important;
    color: #00c27a;
    border-radius: 13px;
    margin-right: 0 !important;
    padding: 5px 9px;
    font-size: 12px !important;
    font-style: normal;
    text-transform: uppercase;
    line-height: 12px;
    font-weight: 400;
    /* min-width:92px; */
    text-align: center;
    float: left;
    margin-top: 2px;
    padding-left: 0px;
}

.min-height-300 {
    min-height: 300px
}

table.table-striped i.inactive { /* background: #928f8f; */
    color: #928f8f;
}

table.table-striped i.inprogress {
    background: #03A9F4;
}

table.table-striped i.terminated {
    color: #e73a2d;
}

table.table-striped i.prospect {
    color: #03A9F4;
}

table.table-striped i.former {
    color: #03A9F4;
}

table.table-striped i.pending {
    color: #514a4a;
}

table.table-striped a {
    color: #0e406a;
    font-weight: 500;
    text-decoration: none;
}

    table.table-striped a:hover {
        color: #061a2a !important;
        text-decoration: underline;
    }

table.table-striped td.no-data {
    padding-bottom: 7px !important;
    color: #4b4b4b;
    font-weight: 500 !important;
}

.rb {
    width: 27px;
    height: 27px;
}

.rb1 {
    width: 27px;
    height: 27px;
    margin: 0;
    padding: 0;
    background: url(../images/rbunchecked.png);
    background-repeat: no-repeat;
    border: none;
    float: left;
}

.rb2 {
    width: 27px;
    height: 27px;
    margin: 0;
    padding: 0;
    background: url(../images/rbchecked.png);
    background-repeat: no-repeat;
    border: none;
    float: left;
}

.rb1-dsbld {
    width: 27px;
    height: 27px;
    margin: 0;
    padding: 0;
    background: url(../images/rbunchecked_disabled.png);
    background-repeat: no-repeat;
    border: none;
    float: left;
}

.rb2-dsbld {
    width: 27px;
    height: 27px;
    margin: 0;
    padding: 0;
    background: url(../images/rbchecked_disabled.png);
    background-repeat: no-repeat;
    border: none;
    float: left;
}

table.radio-table {
    width: auto;
    border: 0;
    margin-top: 15px;
}

    table.radio-table td {
    }

        table.radio-table td label {
        }

.col-md-12.pad-lt.pad-rt.dotted-border {
    border: 1px dashed #a3a3a3;
    padding: 20px 20px;
}

table.table-striped a.btn.green-button.fa {
    padding: 3px 2px;
    background: transparent;
    border: 0;
    outline: 0 none;
}

.chzn-container-single .chzn-single abbr {
    top: 18px;
}

.chzn-container-single .chzn-single div b {
    background-position: 4px 14px;
}

.chzn-container-active.chzn-with-drop .chzn-single div b {
    background-position: -16px 15px;
}

form div div table label.rbt1 {
    position: relative;
    padding: 0;
    margin: 0;
    top: 0;
}

/**** New CSS****/

.icon-boxes {
    border: 1px dotted #dcdcdc;
    margin-right: -1px;
    min-height: 250px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

    .icon-boxes a {
        min-height: 200px;
        display: block;
        padding: 20px 5px 0px;
        text-align: center;
        text-decoration: none;
        background: #fff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

        .icon-boxes a i { /* border: 1px dashed #dcdcdc; */
            font-size: 43px !important;
            display: inline-block;
            text-align: center;
            width: auto;
            padding: 0px;
            color: #464444;
            border-radius: 50px;
            min-width: 100%;
            min-height: 60px;
        }

        .icon-boxes a span {
            display: block;
            /* border-top: 1px solid #dcdcdc; */
            padding: 5px 12px 0;
        }

            .icon-boxes a span b {
                display: block;
                width: 100%;
                margin: 0;
                position: relative;
                padding: 0;
                text-align: center;
                color: #5b5857;
                font-size: 16px;
                text-transform: uppercase;
            }

            .icon-boxes a span u {
                display: block;
                margin: 14px 0 0 0;
                padding: 0;
                width: 100%;
                text-align: center;
                font-size: 12px;
                text-decoration: none;
                color: #696868;
            }

i.fa.fa-file-text.quick-quote:before {
    font-size: 43px;
}

i.fa.fa-file-text.quick-quote:after {
    content: "\f040";
    font-size: 25px;
    text-shadow: 2px 1px #5b5857;
}

.icon-boxes a span b:after {
    content: "";
    width: 20%;
    height: 2px;
    position: absolute;
    background: #63d3a1;
    left: 40%;
    top: 26px; /*background: #11bcf6;*/
}

.icon-boxes:hover a span b:after {
    background: #fff;
}

.icon-boxes:hover,
.icon-boxes:hover a {
    background-color: #5b5857;
    color: #ffffff;
    border-color: #5b5857;
}

    .icon-boxes:hover a span b, .icon-boxes:hover a i {
        color: #ffffff
    }

    .icon-boxes:hover a span u {
        color: #dcdcdc
    }

.left-section .panel-heading .accordion-toggle:after,
.panel-heading.accordion-toggle a:after {
    font-family: 'Glyphicons Halflings';
    content: "\002b";
    float: right;
    color: #5b5857;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}

.left-section .panel-heading .accordion-toggle[aria-expanded="true"]:after,
.panel-heading.accordion-toggle[aria-expanded="true"] a:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.left-section .panel-heading .accordion-toggle.collapsed:after,
.panel-heading.accordion-toggle.collapsed a:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.panel-body .lbx {
}

    .panel-body .lbx .faq {
        border-bottom: 1px solid #4dbab5;
        padding: 10px 0;
    }

        .panel-body .lbx .faq .faqQ {
            font-size: 14px;
            color: #f5f4f4;
            text-align: left;
            line-height: 18px;
            cursor: pointer;
        }

            .panel-body .lbx .faq .faqQ:hover {
                color: #333
            }

        .panel-body .lbx .faq .faqA {
            font-size: 13px;
            color: #11eae0;
            text-align: left;
            line-height: 20px;
            padding: 0px 0px 0px;
            margin: 5px 0 -3px 0;
        }

form.form-quotes {
}

    form.form-quotes label.lb6 {
        font-size: 15px;
        min-height: 28px !important;
        display: block;
        position: relative;
    }

    form.form-quotes label.lb3 {
        font-size: 14px;
    }

    form.form-quotes input {
    }

form label u.gray-text {
    text-decoration: none;
    font-size: 12px;
    color: #989696;
    padding-left: 5px;
}

.mgn-top-0 {
    margin-top: 0 !important
}

h5 span {
    color: #989696;
    font-size: 13px;
    display: block;
    font-weight: 400;
    padding-top: 6px;
    line-height: 16px;
}

.quote.plan-container {
    border: 1px solid #ebebeb;
    text-align: left;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

    .quote.plan-container .top-gray {
        background: #f5f5f5;
        border: 1px solid #ebebeb;
        min-height: 38px;
        border-top: 0;
        border-left: 0;
    }

        .quote.plan-container .top-gray b {
            color: #4e4e4e;
            font-size: 15px;
            font-weight: 500;
            line-height: 36px;
        }

    .quote.plan-container .second-white {
        background: #ffffff;
        border: 1px solid #ebebeb;
        min-height: 145px;
        border-left: 0;
        border-top: 0;
        border-bottom: 0;
    }

        .quote.plan-container .second-white .white-container {
            padding-top: 6px;
        }

            .quote.plan-container .second-white .white-container .plan-left-part {
                color: #099aca;
                font-size: 14px;
                font-weight: 500;
            }

            .quote.plan-container .second-white .white-container .plan-right-part {
                color: #9c9c9c;
            }

                .quote.plan-container .second-white .white-container .plan-right-part b {
                    color: #868484;
                    font-size: 14px;
                    font-weight: 400;
                    display: inline-block;
                    padding-right: 3px;
                }

                .quote.plan-container .second-white .white-container .plan-right-part u {
                    color: #232222;
                    font-size: 14px;
                    font-weight: 400;
                    text-decoration: none;
                    display: inline-block;
                }

    .quote.plan-container .lit-gray {
        background: #fcfcfc;
        border-bottom: 1px solid #ebebeb;
        color: #8e8e8e;
        min-height: 38px;
        overflow: hidden;
        text-align: center;
    }

    .quote.plan-container .rate-container {
        min-height: 145px;
        /* border: 1px solid #ebebeb; */
        /* border-top: 0; */
        text-align: right;
        padding-top: 15px;
    }

        .quote.plan-container .rate-container b,
        .quote.plan-container .rate-container a {
            color: #787878;
            font-size: 13px;
            display: block;
            font-weight: 500;
        }

        .quote.plan-container .rate-container u {
            color: #07bde8;
            text-decoration: none;
            font-size: 42px;
            font-weight: 600;
        }

.btn.btn-primary.blue {
    background-color: #48c6ef;
    border-color: #48c6ef;
    border-radius: 0;
    min-height: 42px;
    line-height: 25px;
    width: 100% !important;
    color: #fff;
}

.btn.btn-primary.green {
    background-color: #ffffff;
    border-color: #ffffff;
    border-radius: 0;
    color: #646464;
    min-height: 50px; /* width: auto!important; */
    margin: 0px 11px 0px 0px !important;
    border-top: 1px solid #f7f7f7;
    line-height: 35px;
}

.btn.btn-primary.drk-blue {
    background-color: #35a4c8;
    border-color: #35a4c8;
    border-radius: 0;
    min-height: 42px;
    width: 100% !important;
}

.half-buttons .btn.btn-primary {
    width: 50% !important;
    font-size: 13px;
    white-space: pre-wrap;
    min-height: 50px;
    line-height: 18px;
}


table .fa-pencil {
    color: #28d028 !important;
    margin-right: 5px;
}

table .fa-trash {
    color: red !important;
    margin-right: 5px;
}

.ui-dialog {
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: 0px 0px 10px #888888 !important;
}

    .ui-dialog .ui-dialog-content {
        height: 275px !important;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: pointer;
    background: none;
    border-bottom: 1px solid #cccccc;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    height: 52px;
    color: #2C74AF;
}

.ui-dialog .ui-dialog-title {
    font-size: 18px;
    font-family: Roboto !important;
    font-weight: normal;
    margin: 6px 0 0 0px;
    font-weight: 400;
    text-transform: uppercase;
    color: #5b5857;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: url(../images/closeButton.png);
    width: 25px;
    height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 13px;
    right: 10px;
}

    .ui-dialog .ui-dialog-titlebar-close span {
        background: none;
    }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
    -webkit-text-fill-color: #5b5857 !important;
}

.grey-box input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #eeecec inset;
    -webkit-text-fill-color: #5b5857 !important;
}

.grey-box .btn.btn-default {
    margin-left: 0;
    margin-right: 0;
}

.grey-box .button-box {
    margin-top: 5px;
}

.overflow-auto {
    overflow: auto;
    margin-bottom: 20px
}

    .overflow-auto table {
        margin-bottom: 0
    }

@media(max-width: 768px) {
    form div[class|="col-xs"] {
        min-height: 30px;
        margin-bottom: 12px;
    }
}

@media(max-width:991px) {
    form div[class|="col-xs"] {
        min-height: 42px;
        margin-bottom: 12px;
    }

    .col-md-12.pad-lt.pad-rt.mgn-top-20 {
        margin-top: 0;
        width: 100%;
    }

    .col-md-12.pad-lt.pad-rt {
        width: 100%;
    }
}

.button-box .grey-button.pull-right {
    margin-left: 10px;
}

h5.mndtastx {
    margin-bottom: 0;
}

table.radio-table {
    width: auto;
    border: 0;
    margin-top: 20px;
}

h5.mndtastx + table.radio-table {
    margin-top: 10px;
}

.err1-quote.field-validation-error, .field-validation-error {
    color: #de0b0b;
    font-size: 11px; /* position: relative; */
    width: 100%;
    float: left;
    left: 0;
    bottom: -18px; /* background: rgba(249, 249, 249, 0.6); */
    padding: 2px 7px 2px 0;
    z-index: 1; /* border-right: 1px solid #dcdcdc; */ /* border-left: 1px solid #dcdcdc; */ /* border-bottom: 1px solid #dcdcdc; */
    white-space: nowrap; /* border-top: 1px solid #dcdcdc; */
}

    .err1-quote.field-validation-error > span, .field-validation-error > span {
        margin-left: -7px;
        white-space: normal;
        width: 100%;
    }

    span.err1.field-validation-error:before,
    .err1-quote.field-validation-error:before {
        content: "\f0de";
        font-family: fontawesome;
        position: relative;
        top: -9px;
        color: rgba(247, 6, 39, 0.68);
        font-size: 13px;
        left: 5px;
    }

.familymemberinfo {
    float: left;
    width: 100%;
}

    .familymemberinfo + .familymemberinfo {
        border-top: 1px solid #dcdcdc;
        margin-top: 20px;
        padding-top: 20px
    }

.left-section .panel-group {
    margin-bottom: 10px;
}

.panel-body .lbx .faq .faqA ul {
    margin: 0;
    padding: 0;
    display: block;
}

    .panel-body .lbx .faq .faqA ul li {
        list-style: none;
    }

        .panel-body .lbx .faq .faqA ul li ul {
            margin-left: 6px;
        }

        .panel-body .lbx .faq .faqA ul li a {
            color: #fff;
        }

.left-section .panel.panel-default + form {
    margin-top: 10px;
}

.view-container .view-labels {
    color: #333 !important;
    display: inline-block;
    width: 16%;
    position: relative;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 21px;
    min-height: 21px;
    float: left;
    padding-left: 3px;
}

.view-container .view-texts {
    color: #333;
    display: inline-block;
    width: 33%;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    min-height: 21px;
    float: left;
    padding-right: 4%;
    padding-top: 3px;
}

.col-md-12.pad-lt.pad-rt.view-container > .col-md-12.pad-lt.pad-rt:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    /* background: #ddd; */
    left: 48%;
    margin-left: -25px;
}

.plancontainer {
    position: relative;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.st_pln {
    background: #ffffff;
    color: #333333;
    border: 1px solid #f1f0f0;
}

.plndtlboxhd1 {
    font-size: 16px;
    font-weight: 400;
    padding: 9px 0 7px 14px;
    color: #232222;
}

.plndtlbx-tbl1 {
    background: #5b5857;
}

.plndtlbxline {
    border-bottom: 1px dashed #a3a3a3;
    overflow: hidden;
}

.plancontainer label {
    position: relative;
    font-size: 14px;
    font-weight: 300 !important;
    color: #fff;
}

    .plancontainer label strong {
        font-weight: 500;
    }

.plndtlboxhd1.plndtlbx-tbl1 {
    color: #fff
}

.plndtlbxline td {
    padding: 7px 0px 5px 5px;
    color: #868484;
}

    .plndtlbxline td b {
        font-weight: 400;
        color: #232222
    }

a.plsltbtn2.btn.btn-default.green-button {
    margin-top: 3px;
    margin-bottom: 7px;
}

.fltr-plnsfnd-section {
    background-color: #ffffff;
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 0;
    text-align: center;
    width: 100%;
    color: #238475;
    text-shadow: 0 1px #ffffff;
    font-weight: 400;
    padding-top: 9px;
    float: left;
}

.fltr-plnsfnd-section2 {
    background-color: #f6f5f5;
    font-size: 16px;
    padding-bottom: 5px;
    padding-left: 0;
    text-align: center;
    width: 100%;
    color: #238475;
    text-shadow: 0 1px #ffffff;
    font-weight: 400;
    padding-top: 5px;
    float: left;
}

.lnkClearProductFilter {
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    color: #5b5857;
}

.filter-container {
    background: #5b5857;
    float: left;
    padding-left: 0px;
    width: 100%;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    margin-top: 10px;
}

.fltr-hd-txt {
    font-weight: 500;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    color: #0ceae0;
    font-size: 14px;
}

.range-slider1 {
    margin-left: 1px !important;
    background: #066b66;
    height: 8px;
    border-color: #4dbab5;
    min-height: 8px !important;
}

.filter-container .ui-slider-horizontal .ui-slider-range {
    background: none repeat scroll 0 0 #4dbab5;
    box-shadow: 1px 0 1px 0px #4dbab5;
    height: 6px;
}

.rangetxt {
    margin-top: 4px;
    float: left;
    color: #fff;
    font-size: 13px;
    padding-right: 3px;
    margin-bottom: 6px;
}



.filter-container .ui-state-default {
    background: none repeat-x scroll 0 -1px #ffffff;
    height: 15px;
    width: 15px;
    border-radius: 25px;
    /* background-color: transparent; */
    border: none;
    outline: none;
}

.fltr-cb {
    padding-right: 9px !important;
    padding-bottom: 5px;
}

.panel-body.filter-body {
    padding: 0 !important;
    position: relative;
}

    .panel-body.filter-body label {
        position: relative
    }

.fltr-plnsfnd-section .large-count {
    position: relative !important;
    font-size: 28px;
    top: 2px;
    padding-right: 8px;
    color: #48c6ef;
}

.fltr-plnsfnd-section .small-count {
    position: relative !important;
    font-size: 21px;
    top: 2px;
    padding-right: 5px;
    color: #35a4c8;
}

.filter-container > table {
    width: 95%;
    margin-left: 10px;
    font-size: 13px;
}

.filter-container hr {
    margin: 10px 0;
}

i.fa.fa-info.info-button {
    height: 32px;
    display: inline-block;
    width: 32px;
    background: #f8f8f8;
    border: 1px solid #cccccc;
    padding: 6px;
    text-align: center;
    border-radius: 3px;
}

.checkbox-text-container {
    width: 152px;
    margin: 2px auto 0;
    line-height: 33px;
    font-weight: 400;
    color: #717180;
}

.plan-category {
}

    .plan-category .fa.fa-star {
        margin-top: 9px;
        margin-right: 8px;
    }

.gold-color {
    color: #ffc000
}

.silver-color {
    color: #ffffff
}

.bronze-color {
    color: #cd7f32
}

.quote.plan-container:hover {
    box-shadow: 0 0 10px #dcdcdc
}

    .quote.plan-container:hover .select-button a,
    .quote.plan-container:hover .select-button button {
        background-color: #5b5857;
        color: #fff;
        border-color: #5b5857;
    }

.quote.plan-container.minimized .rate-container.minimized b {
    display: inline-block !important;
    padding-left: 5px;
}

.quote.plan-container.minimized .rate-container.minimized u {
    font-size: 21px !important;
    display: inline-block !important;
}

.quote.plan-container.minimized .rate-container.minimized a {
}

.quote.plan-container.minimized:hover .rate-container.minimized a {
    background: transparent;
    color: #787878
}

.quote.plan-container.minimized .rate-container.minimized {
    min-height: 11px;
    padding-top: 1px;
    text-align: left;
    padding-left: 13px;
}

.quote.plan-container.minimized .select-button .btn.btn-primary.green {
    width: auto !important;
    float: right;
    border-left: 1px solid #ebebeb;
    margin-right: 0 !important;
}

.cmplnhgtfx {
    height: 274px;
    overflow: hidden;
    border-bottom: 1px solid #a4c3e0;
}

.plnpopup-bdr {
    border: 1px solid #A4C3E0;
}

.pln-vew-dtl-popup-hdr1 {
    background: #4E93CE;
    padding: 4px 9px;
}

.comparepln-vline {
    border-left: 1px solid #FFFFFF;
    padding-left: 9px;
}

.pln-vew-dtl-popup-hdr1 h2 {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
}

.plncmprtr {
    height: 220px;
    overflow: auto;
    display: block;
}

.pln-vew-dtl-lftsec-popup {
    background: #EAF3FF;
    border-bottom: 1px dotted #A4C3E0;
    padding-bottom: 3px;
    padding-left: 9px;
    padding-top: 3px;
    font-size: 14px;
    border-top: 1px dotted #A4C3E0;
}

.pln-vew-dtl-rtsec-popup {
    background: #FFFFFF;
    border-bottom: 1px dotted #A4C3E0;
    border-left: 1px solid #A4C3E0;
    padding-left: 9px;
    font-size: 14px;
}

.sub-bg-popup {
    background: url(../images/bg-sub-popup.png) scroll 0 0 transparent;
    background-repeat: repeat-x;
    border: medium none;
    height: 34px;
    margin-top: 0px;
    padding-bottom: 0;
    padding-top: 0;
    /* border-bottom: 1px solid #e4e4e4; */
    box-shadow: 1px 2px 2px 0 #CCCCCC;
    -webkit-box-shadow: 1px 2px 2px 0 #CCCCCC;
}

.planAttributeGroupname h3 {
    font-size: 16px;
    margin: 0;
    padding: 6px 0;
}

.sep-line {
    border-bottom: 1px solid #a1bbdb;
    /* height: 8px; */
    padding: 0;
}

.final-rate {
    color: #ffffff;
    font-size: 18px;
    border: 1px dotted #5b5857;
    padding: 10px;
    text-align: center;
    background: #5b5857;
}

    .final-rate span {
        color: #11eae0;
        font-size: 21px;
    }

.plan-applicantdetails-box .planleftapplication-box1 {
    border-bottom: 1px solid #C8C9CB;
    overflow: hidden;
    padding: 6px;
}

.plantapplication-textleft {
    float: left;
    font-size: 11px;
    font-weight: bold;
    min-width: 57px;
}

    .plantapplication-textleft .rate {
        float: right;
    }

div.ssn-design {
    min-height: 46px;
}

    div.ssn-design input.ssn.tb1 {
        position: absolute;
        top: -2px;
        width: 87.7% !important;
        left: -1px;
    }

    div.ssn-design input.ssnmask.tb1 {
        position: absolute;
        top: 12px;
        width: 87.7% !important;
        padding-top: 1px !important;
        padding-left: 2px !important;
    }

    div.ssn-design .err1.field-validation-error {
        top: 47px !important;
        min-height: 24px;
        position: absolute !important;
    }

    div.ssn-design .ssn.tb1.input-validation-error + input.ssnmask.tb1.valid {
        border-bottom: 1px solid #F44336 !important;
        -webkit-box-shadow: 0 1px 0 0 #F44336 !important;
        box-shadow: 0 1px 0 0 #F44336 !important;
    }

.table.table-striped.grey-table {
    background: #f8f8f8;
    margin-top: -1px;
}

    .table.table-striped.grey-table td {
        background: #f8f8f8 !important;
    }

        .table.table-striped.grey-table td:first-child {
            text-align: right;
            padding-bottom: 10px;
        }

        .table.table-striped.grey-table td:nth-child(2) {
            width: 1%;
            min-width: 155px;
            padding-bottom: 10px;
        }

.gldplan {
    width: 15px;
    height: 27px;
    line-height: 27px;
    margin: 5px 3px 3px 0;
    font-style: normal;
    padding: 0;
    float: left;
    background: none;
    font-family: fontawesome !important;
    color: #ffc000;
}

    .gldplan:before {
        content: "\f111";
    }

.pltnmplan {
    width: 15px;
    height: 27px;
    line-height: 27px;
    margin: 5px 3px 3px 0;
    font-style: normal;
    padding: 0;
    float: left;
    background: none;
    font-family: fontawesome !important;
    color: #ffffff;
}

    .pltnmplan:before {
        content: "\f111";
    }

.brnzplan {
    width: 15px;
    height: 27px;
    line-height: 27px;
    margin: 5px 3px 3px 0;
    font-style: normal;
    padding: 0;
    float: left;
    background: none;
    font-family: fontawesome !important;
    color: #cd7f32;
}

    .brnzplan:before {
        content: "\f111";
    }

.slvrplan {
    width: 15px;
    height: 27px;
    line-height: 27px;
    margin: 5px 3px 3px 0;
    font-style: normal;
    padding: 0;
    float: left;
    background: none;
    font-family: fontawesome !important;
    color: #aba7a7;
}

    .slvrplan:before {
        content: "\f111";
    }

.quote.plan-container.defaultPlanDetails.packageNotBestSeller > span {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 16px;
    height: auto;
    min-height: 11px;
    border-bottom: 1px solid #ebebeb;
    background: #f5f5f5;
}

    .quote.plan-container.defaultPlanDetails.packageNotBestSeller > span a {
        text-transform: none;
        font-size: 14px !important;
        color: #5b5857;
    }

.plancontainer .st_pln .rb1,
.plancontainer .st_pln .rb2 {
    margin-bottom: -10px;
}

.fa.fa-download.download-icon-box i {
    font-size: 14px !important;
    font-style: normal;
    display: block;
    height: auto;
    line-height: 16px !important;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 11px;
    text-decoration: none;
}

.grey-box a.fa.fa-download {
    color: #5b5857;
    font-size: 48px !important;
    line-height: 74px !important;
    display: block;
    min-height: 109px;
}

input.download-icon-box {
    background: transparent;
    position: absolute;
    top: 0;
    width: 100%;
    border: 0;
}

.table.table-striped tr td {
    min-width: 100px;
}

.panel-group .panel.panel-default {
    float: left;
    width: 100%;
}

.panel-body {
    width: 100%;
}

.page-size b {
    font-weight: 400;
    display: inline-block;
    padding-right: 5px;
    font-size: 13px;
    padding-top: 2px;
}

.page-size {
    padding-top: 2px;
}

.plan-edit-btn {
    float: right;
    padding: 3px 7px;
    font-weight: 400;
    font-size: 14px;
    margin: 6px 11px -4px 0 !important;
}

.ffm-text {
    font-size: 13px;
    padding: 7px 13px;
    border-left: 1px solid #ebebeb;
    background: #f8f8f8;
    float: right;
    width: 57%;
}

.planselectoriginal .ffm-text {
    border-top: 1px solid #ebebeb;
    background: #f8f8f8;
    padding: 15px 0 0 16px;
    font-size: 14px;
    min-height: 49px;
    width: 100%;
    border-left: 0;
}

.panel-body.filter-body .cb1 input,
.panel-body.filter-body .cb2 input {
    width: 20px;
    height: 20px;
}

.panel-body.filter-body .cb1,
.panel-body.filter-body .cb2 {
    width: 20px;
    height: 20px;
    padding-left: 1px;
    padding-top: 0;
}

    .panel-body.filter-body .cb2:before {
        top: -2px;
        position: a;
    }

.filter-container table table {
    width: 100%;
    text-align: left;
}

    .filter-container table table td {
        font-size: 14px;
    }

        .filter-container table table td.fltr-cb {
            text-align: left;
            width: 29px;
        }

.panel.panel-default + .lbx + .panel {
    margin-top: 10px;
}

#filterErrorNoPlanFound .lnkClearProductFilter {
    color: #fff;
    text-transform: none;
}

.col-md-12.pad-lt.pad-rt.view-container > div > table {
    border-collapse: collapse;
}

    .col-md-12.pad-lt.pad-rt.view-container > div > table td {
        padding: 0;
        margin: 0;
        height: auto;
        vertical-align: top;
    }

    .col-md-12.pad-lt.pad-rt.view-container > div > table label.view-labels {
        width: 100%;
        margin: 0px 0 4px -4px;
        position: relative;
        top: 1px;
        height: auto;
        padding: 0 0 0 2px;
        line-height: 15px;
    }

    .col-md-12.pad-lt.pad-rt.view-container > div > table span.view-texts {
        width: 100%;
        margin: -2px -1% 0 7px !important;
    }

@media(max-width:991px) {
    .col-md-12.pad-lt.pad-rt.view-container > div label.view-labels {
        min-width: 133px;
    }

    .left-section {
        height: auto !important;
        min-height: 58px;
        overflow: auto;
    }

    .right-section h4 {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

        .right-section h4.panel-title {
            float: none;
            margin-bottom: 0;
        }
}

a.btn.btn-default.fa.fa-info.pull-right {
    padding: 7px 13px 8px;
}

.left-sec-anhor-list {
    float: left;
    width: 100.7%;
    border: 0px solid #f3eeec;
    margin-left: -1px;
    margin-top: -1px;
    padding-top: 5px;
    padding-bottom: 5px;
    /* background: #404040; */
    border-bottom: 0px solid #f3eeec !important;
    margin-bottom: -2px;
    box-shadow: 0 0 0;
}

    .left-sec-anhor-list a {
        border-bottom: 0px solid #f3eeec;
        display: inline-block;
        width: 100%;
        margin-top: 1px;
        text-align: left;
        padding: 10px;
        color: #fff;
        cursor: pointer;
        margin-bottom: -1px;
        min-height: 45px;
        background: #5b5857;
    }

        .left-sec-anhor-list a:before {
            content: "\f105";
            font-family: fontawesome;
            padding-right: 9px;
        }

        .left-sec-anhor-list a.active, .left-sec-anhor-list a:hover {
            background: #525252;
            /* margin-left: -3px; */
            color: #fff;
            text-decoration: none;
        }

    .left-sec-anhor-list.selected.fixme {
        position: fixed;
        top: 69px;
        width: auto;
        max-width: 270px;
        min-width: 270px;
    }

h5.sub-head {
    font-size: 21px;
    font-weight: 500;
}

.icon-boxes a[disabled] {
    pointer-events: none;
    background: #fff;
    border: 1px dotted #dcdcdc;
    margin: -1px;
    min-height: 200px;
}

    .icon-boxes a[disabled] b {
        color: #5b5857 !important
    }

    .icon-boxes a[disabled] u {
        color: #696868 !important;
    }

    .icon-boxes a[disabled] span b:after {
        background: #11bcf6 !important;
    }

/*tooltip*/
table.bubbletip {
    margin-left: -22%;
    margin-top: -2.99%;
}

.bubbletip td.bt-right-tail div.bt-right,
.bubbletip td.bt-right {
    background-position: left top;
}

.bubbletip td.bt-left-tail div.bt-left-tail {
    background-position: 0 -33px !important;
    height: 42px !important;
}

.bubbletip td.bt-left-tail div.bt-left,
.bubbletip td.bt-left {
    height: 0px !important;
    background-position: 0 -9px !important;
    background-repeat: repeat !important;
}

.total-count-section {
    font-size: 15px;
    margin-bottom: 3px;
}

    .total-count-section b {
        float: left;
        color: #03a9f4;
        font-weight: 400;
    }

    .total-count-section span {
        float: left;
        padding-left: 5px;
        color: #5b5857;
    }

a.page-link.prev, span.current.prev {
    font-size: 0;
    line-height: 22px !important;
    min-width: 24px;
    max-height: 26px;
}

    a.page-link.prev:before, span.current.prev:before {
        content: "\f104";
        font-size: 21px;
        font-family: fontawesome;
        position: relative;
        top: 2px;
    }

a.page-link.next, span.current.next {
    font-size: 0;
    line-height: 22px !important;
    min-width: 24px;
    max-height: 26px;
    margin-right: 0;
    margin-left: 5px;
}

    a.page-link.next:after {
        content: "\f105";
        font-size: 21px;
        font-family: fontawesome;
        position: relative;
        top: 2px;
    }

.simple-pagination li.disabled span.current.next:after {
    content: "\f105";
    font-size: 21px;
    font-family: fontawesome;
    position: relative;
    top: 2px;
}

.simple-pagination a.page-link {
    background: transparent;
    border: 0;
    box-shadow: 0 0 0;
    line-height: 28px;
}

span.current.prev {
}

.simple-pagination li {
    min-width: 29px;
    min-height: 30px;
}

    .simple-pagination li.disabled span.current.prev, .simple-pagination li.disabled span.current.next {
        background: transparent;
        box-shadow: 0 0 0;
        border: 0;
        color: #b1adad;
        cursor: not-allowed;
    }

    .simple-pagination li.active span.current {
        background: #5b5857;
        border: 0;
        box-shadow: 0 0 0;
        min-width: 29px;
        margin: 0;
        min-height: 27px;
        line-height: 27px;
        border-radius: 2px;
    }

.page-size select {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #8e8c8c;
}

.left-sec-anhor-list a + a {
    border-top: 1px solid rgb(255 255 255 / 8%);
}

.left-sec-anhor-list a[aria-expanded="true"] {
    background: #ffffff;
    color: #333;
}

.left-sec-anhor-list.fixme + div {
}

.left-sec-anhor-list a:last-child {
    border-bottom: 0;
    min-height: 42px;
    margin-bottom: -5px;
}

.left-sec-anhor-list a:first-child {
    min-height: 42px;
    margin-top: -4px;
}

.planbottom-buttons-container.col-md-12.pad-lt.pad-rt.button-container.half-buttons {
    background: #35a4c8;
    min-height: 38px;
}

div#QuoteInformations #quotetabs {
    border: 0;
    padding: 0;
}

.collapse h3.hd2 {
    color: #646464;
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
}

form .col-xs-3.col-md-3.pad-lt .chzn-container .chzn-search input {
    width: 89% !important;
}

input.input-validation-error {
    border-bottom: 1px solid #F44336 !important;
    -webkit-box-shadow: 0 1px 0 0 #F44336 !important;
    box-shadow: 0 1px 0 0 #F44336 !important;
}

    input.input-validation-error + span.field-validation-valid,
    .field-validation-error {
        max-height: 0;
        transition: max-height 0.15s ease-out;
    }

    input.input-validation-error + span.field-validation-valid,
    .field-validation-error {
        max-height: 500px;
        transition: max-height 0.25s ease-in;
    }

.chzn-select-deselect.chzn-done.input-validation-error + .chzn-container a.chzn-single {
    border-bottom: 1px solid #F44336 !important;
    -webkit-box-shadow: 0 1px 0 0 #F44336 !important;
    box-shadow: 0 1px 0 0 #F44336 !important;
}

table.radio-table + span.field-validation-error {
    border-top: 2px solid #f44336;
    bottom: -5px !important;
    position: relative;
}

    table.radio-table + span.field-validation-error:before {
        top: -8px;
    }

.col-xs-3.col-sm-2.col-md-2.pad-lt .chzn-container, .col-xs-3.col-sm-2.col-md-2.pad-lt input {
    width: 83% !important;
}

.col-xs-6.col-sm-4.col-md-4.pad-lt .chzn-container {
    width: 92% !important;
}

.col-xs-6.col-sm-3.col-md-3.pad-lt input {
    width: 84% !important;
}

.col-xs-6.col-sm-3.col-md-3.pad-lt .chzn-container {
    width: 84% !important;
}

table.radio-table table.radio-table {
    margin-top: 0;
}

.col-md-12.pad-lt.pad-rt.mgn-top-20 hr:first-child {
    margin-top: 0;
}

    .col-md-12.pad-lt.pad-rt.mgn-top-20 hr:first-child + h5 + div {
        margin-top: 0;
    }

.customCheckbox.cb1-disabled {
    width: 24px;
    height: 24px;
    margin: 4px 0px 3px 0px;
    padding: 0px 0 0 4px;
    background: url(../images/cbchecked3D.png);
    background-repeat: no-repeat;
    border: none;
    float: left;
    background: none #fff;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    position: relative;
}

.customCheckbox.cb2-disabled:before {
    content: "\f00c";
    font-family: fontawesome;
    position: absolute;
    color: #a3a3a3;
    font-size: 15px;
}

.preloader {
    min-height: 209px;
    background-position: center center;
}

.ui-dialog-content span.err1.field-validation-error:before, .err1-quote.field-validation-error:before {
    top: -10px;
}

.ui-dialog-content table.radio-table + span.field-validation-error:before {
    top: -8px;
}

form label.lb3 + .lb3 {
    display: none;
}

.col-xs-6.col-md-6.pad-lt .chzn-container {
    width: 92% !important;
}

.col-xs-6.col-sm-4.col-md-4.pad-lt .chzn-container.chzn-container-single .chzn-search input {
    width: 89% !important;
}

.custom-validation-error {
    color: #de0b0b;
    font-size: 12px;
}
/*span.ffm-indicator {
    background: #4e9d96;
    color: #fff;
    display: inline-block;
    padding: 0px 4px;
    min-height: 11px;
    border-radius: 3px;
    font-size: 8px;
    height: 13px;
    line-height: 12px;
}*/
span.ffm-indicator {
    color: #4e9d96;
    display: inline-block;
    padding: 0px 4px;
    min-height: 11px;
    border-radius: 3px;
    font-size: 8px;
    height: 13px;
    line-height: 12px;
}

body.background_contain {
    text-align: center;
    background: url(images/browser_not_supported.png) no-repeat center center transparent !important;
    overflow: hidden !important;
}

    body.background_contain div {
        display: none !important;
    }

    body.background_contain nav {
        display: none !important;
    }


.compareoriginal span.customCheckbox.cb2 {
    padding-left: 0;
}

    .compareoriginal span.customCheckbox.cb2 input[type="checkbox"]:first-child {
        width: auto;
        min-width: 24px;
        height: 24px;
        margin: 0;
        opacity: 0;
        position: relative;
        z-index: 11;
    }

        .compareoriginal span.customCheckbox.cb2 input[type="checkbox"]:first-child:checked {
            opacity: 0;
            position: relative;
            z-index: 1;
        }

            .compareoriginal span.customCheckbox.cb2 input[type="checkbox"]:first-child:checked + i.checked-plans:before {
                content: "\f00c";
                font-family: fontawesome;
                position: absolute;
                color: #76b9b7;
                font-size: 15px;
            }

    .compareoriginal span.customCheckbox.cb2 i.checked-plans {
        position: absolute;
        left: 4px;
        top: -6px;
        z-index: 0;
        font-style: normal;
    }

    .compareoriginal span.customCheckbox.cb2:before {
        top: -6px !important;
        left: 4px !important;
    }

.comparedupe span.customCheckbox.cb2:before {
    top: -6px !important;
    left: 4px !important;
}

textarea:focus:not([readonly]) {
    border-bottom: 2px solid #26a69a;
    -webkit-box-shadow: 0 2px 0 0 #26a69a;
    box-shadow: 0 2px 0 0 #26a69a
}

.ui-dialog form textarea {
    height: auto;
}

.col-xs-12.col-sm-12.col-md-12.full-space {
    width: 100% !important;
}
/**-----------helpcenter popup----------*/
.hlp-ppup-container {
    width: 390px;
    margin: 28px;
    padding: 0;
    float: left;
    background: #fff;
}

.hlp-ppup-main {
    /*width:192px;*/
    /*margin:10px 10px 5px 10px;*/
    float: left;
    margin: 13px;
}

.helpCenterPopup.ui-dialog-content {
    height: 196px !important;
    overflow: auto !important;
}

.hlp-ppup-box {
    border: 1px solid #A3A3A3;
    text-align: center;
    float: left;
    /*width: 100%;*/
    height: 155px;
    overflow: hidden;
    width: 158px;
    background: url("../images/help-center-bg.jpg");
    background-repeat: repeat-x;
    cursor: pointer;
    box-shadow: 1px 1px 4px 1px #CCCCCC;
}

    .hlp-ppup-box:hover {
        background: url("../images/help-center-bg-hover.jpg");
        color: #fff;
    }


.hlp-ppup-box-dsbld {
    background: url("../images/help-center-bg.jpg") repeat-x scroll 0 0 transparent;
    opacity: 0.8;
    cursor: pointer;
    float: left;
    height: 155px;
    overflow: hidden;
    text-align: center;
    width: 158px;
    cursor: not-allowed;
}



.hlp-ppup-head {
    color: #333333;
    float: left;
    font-family: 'Segoe UI';
    font-size: 15px;
    font-weight: bold;
    /* margin: 0 0 10px;*/
    /*padding: 8px 0;*/
    text-align: center;
    width: 100%;
}

.hlp-ppup-head-hover {
    color: #fff;
    float: left;
    font-family: 'Segoe UI';
    font-size: 15px;
    font-weight: bold;
    /* margin: 0 0 10px;*/
    /*padding: 8px 0;*/
    text-align: center;
    width: 100%;
}

/*.hlp-ppup-head2-hover
{
	width:100%;
	color: #fff;
	margin: 3px 0 5px 0;
	font-size: 12px;
	text-align: center;
	font-family:'Segoe UI';
	float: left;	
}*/

/*.hlp-ppup-head2
{
	width:100%;
	color: #333333;
	margin: 3px 0 5px 0;
	font-size: 12px;
	text-align: center;
	font-family:'Segoe UI';
	float: left;	
}*/



.hlp-ppup-head2 {
    color: #333333;
    float: left;
    /*font-family: 'Segoe UI';*/
    font-size: 11px;
    height: 41px;
    margin: 5px 4px 1px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 94%;
}


.hlp-ppup-head2-hover {
    color: #fff;
    float: left;
    /*font-family: 'Segoe UI';*/
    font-size: 11px;
    height: 41px;
    margin: 5px 4px 1px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 94%;
}


.helpCenterVideo {
    clear: both;
    display: block;
    height: 57px;
    margin: 10px auto 0;
    padding: 0;
    width: 70px;
    background: url(../images/help_video.png) top center no-repeat;
    border: none;
}

.helpCenterVideoHover {
    background: url("../images/help_video_hover.png");
    background-repeat: no-repeat;
    clear: both;
    display: block;
    height: 57px;
    margin: 10px auto 0;
    padding: 0;
    width: 70px;
    border: none;
}


.helpCenterTopic {
    clear: both;
    display: block;
    height: 57px;
    margin: 10px auto 0;
    padding: 0;
    width: 70px;
    background: url(../images/help_topic.png) top center no-repeat;
    border: none;
}

.helpCenterPopup {
    background: none !important;
    height: 162px !important;
    margin: 7px !important;
    overflow: hidden !important;
    display: none;
    top: 6px;
    /* padding:10px 10px 24px 12px !important;*/
}


.contactDetailsPopup {
    background: #fff !important;
    width: auto;
    height: 350px !important;
    display: none;
    padding: 5px 25px !important;
    margin: 0;
}

.sr-ppup {
    float: left;
}

    .sr-ppup .mainheading {
        width: 566px;
    }

.helpCenterTopicHover {
    clear: both;
    display: block;
    height: 57px;
    margin: 10px auto 0;
    padding: 0;
    width: 70px;
    background: url(../images/help_topic_hover.png) top center no-repeat;
    border: none;
}



.helpCenterFAQ {
    clear: both;
    display: block;
    height: 57px;
    margin: 10px auto 0;
    padding: 0;
    width: 70px;
    background: url(../images/help_faq.png) top center no-repeat;
    border: none;
}


.helpCenterFAQHover {
    clear: both;
    display: block;
    height: 57px;
    margin: 10px auto 0;
    padding: 0;
    width: 70px;
    background: url(../images/help_faq_hover.png) top center no-repeat;
    border: none;
}

.helpCenterSearch {
    clear: both;
    display: block;
    height: 57px;
    margin: 10px auto 0;
    padding: 0;
    width: 70px;
    background: url(../images/help_search.png) top center no-repeat;
    border: none;
}


.helpCenterSearchHover {
    clear: both;
    display: block;
    height: 57px;
    margin: 10px auto 0;
    padding: 0;
    width: 70px;
    background: url(../images/help_search_hover.png) top center no-repeat;
    border: none;
}


.hlp-ppup-center {
    float: left;
    margin: 0 auto;
    width: 100%;
    padding: 0 0 15px 0;
}

.hlp-ppup-scndcntainer {
    float: left;
    width: 874px;
    margin: 1px 2px 2px;
    padding: 0 0 0px;
    border: 1px solid #CCCCCC;
    /*border: 1px solid #CCCCCC;*/
}

.hlp-ppup-scndcntainer-rightbx {
    float: left;
    width: 69%;
    min-height: 350px;
    /*background:#FDFDFD;*/
}

.hlp-ppup-scndcntainer-treebox {
    width: 31%;
    float: left;
    margin: 0px;
    padding: 0px;
    background: #EBEBEB;
    /*border-right : 1px solid #CCCCCC;*/
}

    .hlp-ppup-scndcntainer-treebox h2 {
        /*background: #EBEBEB;*/
        background: url("images/help-center-bg.jpg");
        background-repeat: repeat-x;
        border-bottom: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-left: none;
        border-top: none;
        margin: 0;
        padding: 5px 0 10px 0;
        text-indent: 6px;
        font-family: Arial;
        font-weight: normal;
        font-size: 19px;
    }

.hlp-ppup-scndcntainer-cntntbox {
    float: left;
    overflow: hidden;
}

ul.dynatree-container {
    height: auto !important;
    min-height: 425px !important;
    background: #EBEBEB !important;
    border: none !important;
    padding: 14px !important;
}

span.dynatree-node a {
    margin: 2px !important;
}

.helpcenter-searchresult-title {
    float: left;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 0;
    width: 100%;
    font-family: Segoe UI;
}

.helpcenter-searchresult-text {
    float: left;
    margin: 1px 0 0;
    padding: 0;
    width: 100%;
    font-family: Segoe UI;
    display: none;
}

ul.dynatree-container span.dynatree-has-children a, ul.dynatree-container a {
    background: #DFDED5;
    padding-right: 4px !important;
    border: none !important;
}

    ul.dynatree-container span.dynatree-has-children a:hover {
        background: #e5e4de;
    }



.helpcenter-searchresult-container1 {
    border-bottom: 1px solid #E3E3DA;
    overflow: hidden;
    padding: 4px;
}

.help-search-box {
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    height: 23px;
    width: 240px;
    background: url(../images/zoom_in.png) top left no-repeat;
    background-color: #fff;
    background-position: 7px 6px;
    padding-left: 27px;
}

.faq-title-text {
    float: left;
    font-size: 19px;
    margin: 7px 0 0;
    padding: 0;
}

.hlp-ppup-scndcntainer-faq-heading {
    /*background: none repeat scroll 0 0 #fff;*/
    background: url("../images/help-center-bg.jpg");
    background-repeat: repeat-x;
    border: 1px solid #CCCCCC;
    float: left;
    /*margin: 20px 0 10px 28px;*/
    overflow: hidden;
    padding: 10px;
    text-indent: 6px;
    width: 852px;
}

.hlp-ppup-scndcntainer-faq {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    /* margin: 0 0 10px 28px;*/
    padding: 13px;
    text-indent: 6px;
    width: 846px;
    /*height: 307px;*/
    height: 299px;
    overflow: auto;
    border-top: 1px #fff solid;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}

.faq-ppup-Container {
    float: left;
    margin: 0;
    padding: 18px 17px 10px;
    width: 100%;
}

    .faq-ppup-Container .ui-dialog-buttonset {
        margin: 0 22px 5px 6px !important;
    }

#helpContentPopup {
    overflow: hidden;
    background: none !important;
    margin: 0;
    height: auto !important;
}

.helpSearch {
    background: none repeat scroll 0 0 #666666;
    border: 1px solid #CCCCCC;
    border-radius: 2em 2em 2em 2em;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    line-height: 1.5em;
    padding: 11px 0 11px 40px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    width: 100%;
}

.hlp-tree-container {
    height: 338px;
    overflow-y: scroll;
    width: 100%;
}


.a_tag_link {
    color: #5b5857 !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
}

/*-----------helpcenter popup end----------*/

div#helpCenterPopup {
}

    div#helpCenterPopup .hlp-ppup-main {
        margin: 0 9px;
    }

    div#helpCenterPopup div#optimaHelpTopics {
    }

    div#helpCenterPopup div.hlp-ppup-box {
        background: #5b5857;
        border-color: #5b5857;
    }

.helpCenterSearch {
    background: url(../images/help_search_hover.png) top center no-repeat;
}

.helpCenterFAQ {
    background: url(../images/help_faq_hover.png) top center no-repeat;
}

.quote.plan-container .rate-container u.small-rate-text {
    font-size: 18px;
}

.quote.plan-container .rate-container hr {
    width: 90% !important;
    display: block;
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

.quote.plan-container .col-xs-9.col-md-9.pad-lt.pad-rt + .col-xs-3.col-md-3.pad-lt.pad-rt {
    height: 100%;
}

.quote.plan-container .right-rate {
    border-left: 1px solid #dcdcdc;
    margin-left: -1px;
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
}

    .quote.plan-container .right-rate .rate-container {
        min-height: 224px;
    }

.quote.plan-container .second-white {
    min-height: 224px;
}

.quote.plan-container .right-rate .button-container.half-buttons {
}

@media (min-width:769px) and (max-width:1024px) {
    .ui-dialog {
        margin-left: 3% !important;
    }
}

@media (min-width:0px) and (max-width:768px) {
    .ui-dialog {
        margin-left: -0% !important;
    }
}

a.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
    border: 0;
}

button#button-ok {
    background: #5b5857;
    color: #fff;
    border-color: #5b5857;
}

.plan-enroll-button {
    background: #19aba4 !important;
    margin: 0 !important;
    min-width: 100% !important;
    padding: 8px;
    font-size: 15px !important;
    line-height: 30px !important;
    letter-spacing: 1px;
}

.quote.plan-container .right-rate .button-container.half-buttons.third-button > a {
    font-size: 15px !important;
    letter-spacing: 1px;
    line-height: 18px;
}

    .quote.plan-container .right-rate .button-container.half-buttons.third-button > a.rem-btn {
        line-height: 35px;
    }

.securityqns .chzn-container {
    width: 95% !important;
}

.quote.plan-container .right-rate.non-sticky {
    position: relative !important;
}

.Delivery_alignment table tbody tr:nth-child(7) td {
    vertical-align: top;
}

.lbl-titl {
    color: #5b5857;
    font-weight: 600;
}

.pad-lt-20 {
    padding-left: 20px !important;
}

.custom_page_wrapper table label.rbt1 {
    position: relative;
    padding: 0;
    margin: 0;
    top: 0;
}

.custom_page_wrapper label {
    color: #646464;
    display: block;
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: 400;
    margin: -10px 0 0 -6px;
    padding: 0;
}

.custom_page_wrapper input[type="text"], .custom_page_wrapper input[type="password"], .custom_page_wrapper textarea {
    border: 0;
    border-bottom: 1px solid #a3a3a3;
    float: left;
    width: 92% !important;
    background: transparent;
    margin: 15px 0 0 0;
    padding: 0 0 0px 0;
    font-size: 14px;
    font-weight: 400;
    min-height: 26px;
    color: #5b5857;
}

.not_verified_strip {
    background: #edd4d4 !important;
    border-color: #e6c3c3 !important;
    color: #a93d3d !important;
    font-size: 13px;
    padding: 3px 6px !important;
    border-radius: 3px;
    display: inline-block;
    line-height: normal;
}

.verified_strip {
    background: #d4edda !important;
    border-color: #c3e6cb !important;
    color: #155724 !important;
    font-size: 13px;
    padding: 3px 6px !important;
    border-radius: 3px;
    display: inline-block;
    line-height: normal;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #5b5857 !important;
}

.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: #4d4a49 !important;
    color: #ffffff !important;
    border-color: #4d4a49 !important;
}

.btn.btn-default.grey-button:hover, .btn.btn-default.grey-button:focus, .btn.btn-default.grey-button:active {
    background-color: #f8f8f8 !important;
    color: #5b5857 !important;
    border: 1px solid #5b5857 !important;
}

.ui-button-text {
    background-color: #5b5857 !important;
    color: #ffffff !important;
    border: 1px solid #5b5857 !important;
    border-radius: 50px;
}

    .ui-button-text:hover {
        background-color: #4d4a49 !important;
        color: #ffffff !important;
        border-color: #4d4a49 !important;
    }

.ui-dialog-buttonset > button.ui-button.ui-button-text-only, .ui-dialog-buttonset > button.ui-button:only-child.ui-button-text-only {
    background-color: transparent !important;
    background: transparent !important;
    border-color: transparent !important;
}

.hlp-ppup-box .hlp-ppup-head, .hlp-ppup-box .hlp-ppup-head2 {
    color: #ffffff !important;
}

.ui-dialog-buttonset button:last-child .ui-button-text {
    background-color: #ffffff !important;
    color: #5b5857 !important;
    border: 1px solid #5b5857 !important;
}

.ui-dialog-buttonset button:first-child {
    float: right;
}

.hlp-ppup-main > div, .hlp-ppup-main .hlp-ppup-box {
    border-radius: 10px;
}

    .hlp-ppup-main .hlp-ppup-box:hover {
        background-color: #4d4a49 !important;
    }

.green-button#advancedsearch .fa-search {
    float: left;
}

.pwrdwrp label, .usridwrp label {
    color: #ffffff;
    position: relative;
}

.click-text {
    color: #0e406a;
}

    .click-text:hover {
        color: #061a2a;
    }

.question_p_tag {
    color: #5b5857 !important;
}

.left-section .panel-default {
    background: transparent;
    border-radius: 4px;
    /* margin-top: 30px; */
}

    .left-section .panel-default .panel-heading {
        border-radius: 4px;
        background-color: #4c4a49;
        color: #fff;
        padding: 4px;
        /* border: 1px solid #4c4a49; */
    }

        .left-section .panel-default .panel-heading .panel-title {
            color: #fff;
            font-weight: 600;
            font-size: 16px;
        }

            .left-section .panel-default .panel-heading .panel-title a {
                text-align: center;
            }

.left-section h3 i.fa-user:before {
    color: #5b5857;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #5b5857 #ffffff;
}

    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 16px;
    }

    *::-webkit-scrollbar-track {
        background: #ffffff;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #5b5857;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }
.ajax_overlay {
}
.ajax_loader {
    background: url("images/loading-icon.gif") no-repeat center center transparent;
    width: 100%;
    height: 100%;
    position: fixed;
}