/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(1833,39): run-time error CSS1046: Expect comma, found '0'
(1833,43): run-time error CSS1046: Expect comma, found '/'
: run-time error CSS1036: Expected expression, found ''
 */
@font-face {
    font-family: 'Roboto-Light';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url('font/Roboto-Light.woff2') format('woff2'), url('font/Roboto-Light.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('font/Roboto-Regular.woff2') format('woff2'), url('font/Roboto-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Roboto-Medium';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url('font/Roboto-Medium.woff2') format('woff2'), url('font/Roboto-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Roboto-Bold';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url('font/Roboto-Bold.woff2') format('woff2'), url('font/Roboto-Bold.woff') format('woff');
}
/*** Reset classes
--------------------------------------------------------*/

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: "Roboto", sans-serif;
    line-height: 1.3;
    color: #333333;
    font-size: 14px;
}

input,
select,
textarea,
button {
    margin-bottom: 15px;
}

h1 {
    font-weight: 500;
    font-size: 48px;
    line-height: 52px;
}

h2 {
    color: #00446b;
    margin: 30px 0 12px;
    font-size: 24px;
    font-family: "Roboto-Bold", sans-serif;
    font-weight: 700;
}

h3 {
    margin: 12px 0;
    font-size: 20px;
    font-family: "Roboto-Bold", sans-serif;
    font-weight: 700;
}

h4, h5 {
    color: #00446b;
    margin-bottom: 5px;
}


p {
    line-height: 1.4;
}

form > section {
    background: #e3e3e3;
    border: 1px solid #0086b8;
    padding-bottom: 10px;
}

    form > section > h3 {
        background: #0086b8;
        padding: 7px 10px;
        margin: 0 0 10px;
    }

form > label {
    margin: 10px;
}

label > span {
    font-weight: none;
    font-size: 11px;
    color: #565758;
}

footer {
    margin-top: 20px;
    padding: 30px 0;
    background-color: #00446b;
    color: #fff;
    font-size: 11px;
}

a {
    color: #00938c;
    text-decoration: underline;
}

.iconTag {
    text-decoration: none !important;
}


.dropdown-menu a {
    text-align: left;
    text-decoration: none;
    margin-bottom: 0;
}

a:focus,
a:hover {
    color: #00938c;
    text-decoration: none;
}

table thead th a {
    text-decoration: none;
}

i {
    width: 18px;
    height: 15px;
    text-align: center;
}

table {
    table-layout: auto;
}

select[disabled],
input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    background: #f0f0f0 !important;
    color: #a4a4a4 !important;
    border: 1px solid #E3E3E3 !important;
    opacity: 1;
    cursor: not-allowed;
}

    select[disabled]:hover,
    .btn[disabled]:hover,
    button[disabled]:hover,
    fieldset[disabled] .btn:hover,
    .btn.disabled:hover {
        background: #f0f0f0 !important;
        color: #a4a4a4 !important;
        border: 1px solid #E3E3E3 !important;
        cursor: not-allowed;
    }




a.disabled, i.disabled {
    pointer-events: none;
    cursor: default;
    color: #a4a4a4 !important;
}

    a.disabled:hover {
        text-decoration: none;
    }



ul {
    list-style: none;
    list-style-position: outside;
}

li {
    margin-left: 0;
}

a[type="button"] {
    text-decoration: none;
}

.portaltext {
    max-width: 500px;
}

.healthspace-logo {
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: 700px !important;
    height: 80px;
}

.healthspace-logo-div {
    height: 80px;
    /*display: table-cell;*/
    vertical-align: middle;
    float: right;
}

.reseller-logo2 {
    background-image: url(../../../Images/logo_P2P.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    width: 100%;
    height: 80px;
    float: right;
}

.reseller-logo {
    background-image: url(../../../Images/logo_P2P.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    margin: auto;
    padding: 10px 10px 10px 5px;
    width: 300px;
    height: 80px;
    float: right;
}

.client-logo {
    max-width: 300px !important;
    max-height: 80px;
    margin: auto;
    padding: 10px 35px 10px 5px;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    float: right;
}

@media (max-width: 767px) {

    .reseller-logo {
        background-position: center left;
        float: left;
    }
}


/*** Form classes
--------------------------------------------------------*/
/*Dropdown list*/

.select-style {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("images/arrowdown.gif") no-repeat 96% 50%;
}

    .select-style select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        background-image: none;
        border: medium none;
        box-shadow: none;
        height: 33px;
        padding-left: 8px;
        margin: 0;
        width: 100%;
    }

        .select-style select option {
            height: 25px;
            padding-left: 8px;
            padding-top: 4px;
        }

        .select-style select:focus {
            outline: none;
        }

:root .css3-metro-dropdown option,
:root .css3-metro-dropdown:after,
:root .css3-metro-dropdown::after,
:root .css3-metro-dropdown select {
    color: #666;
    height: 32px;
    padding: 3px;
}

:root .css3-metro-dropdown select,
:root .css3-metro-dropdown:after,
:root .css3-metro-dropdown::after {
    display: block;
    background: #fff;
}

:root .css3-metro-dropdown select,
:root .css3-metro-dropdown option {
    padding: 5px;
    width: 100%;
}

:root .css3-metro-dropdown {
    position: relative;
    display: inline-block;
    border: 1px solid #ccc;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
}

    :root .css3-metro-dropdown::after {
        content: "\25bc";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 32px;
        font-size: 14px;
        line-height: 27px;
        text-align: center;
        -webkit-pointer-events: none;
        -moz-pointer-events: none;
        pointer-events: none;
        -webkit-border-radius: 5;
        -moz-border-radius: 5;
        border-radius: 5px;
    }

    :root .css3-metro-dropdown select {
        height: 32px;
        border: 0;
        vertical-align: middle;
        outline: 0 none;
        border-radius: 5px;
    }

    :root .css3-metro-dropdown option {
        background: #fff;
        color: #333;
    }

    :root .css3-metro-dropdown select:focus {
        border: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }
/*** Bootstrap Nav classes
--------------------------------------------------------*/

.navbar-inverse .navbar-toggle {
    border: 1px solid #0086b8;
    border-color: #0086b8;
}

    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #0086b8;
    }

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}

.nav > li {
    padding: 0;
}

    .nav > li > a {
        padding: 5px 20px;
    }

.navbar {
    min-height: 30px;
    border-radius: 0;
    margin-bottom: 0;
    border: 0 solid transparent;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.navbar-inverse {
    background-color: #00446b;
    border-color: #00446b;
}

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #0086b8;
        color: #fff;
    }

        .navbar-inverse .navbar-nav > .open > a:hover,
        .navbar-inverse .navbar-nav > .open > a:focus {
            color: #fff;
            background-color: #0086b8;
        }

    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
    }

        .navbar-inverse .navbar-nav > li > a:focus,
        .navbar-inverse .navbar-nav > li > a:hover {
            background-color: #00938d;
        }

.navbar-nav {
    margin: 0;
}

.dropdown-menu {
    padding: 0;
}

    .dropdown-menu > li {
        margin-left: 0;
    }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #d0ecf6;
    }
}

.dropdown-menu > li .active,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #333333;
    background-color: #ddddde;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background-color: #ddddde;
}

.navbar-nav .dropdown-menu,
#participation-dashboard .export .dropdown-menu {
    min-width: 240px;
}

    .navbar-nav .dropdown-menu > li > a,
    #participation-dashboard .dropdown-menu > li > a {
        padding: 3px 15px;
        white-space: normal;
        text-decoration: none;
    }

    .navbar-nav .dropdown-menu .fa-caret-right {
        padding-top: 4px;
    }

#navbar .navbar-nav .dropdown-menu > li {
    width: 100%;
}

#navbar a {
    text-decoration: none;
}

/*** Sub Menu 
--------------------------------------------------------*/
.dropdown-submenu {
    position: relative;
    text-decoration: none;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

/***
--------------------------------------------------------*/
.my-custom-scrollbar {
    position: relative;
    height: 200px;
    overflow: auto;
}

.table-wrapper-scroll-y {
    display: block;
}

.SearchHighLights {
    background-color: yellow !important;
}


@media screen and (min-width: 768px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .dropdown-submenu > a {
        background: #045e89 !important;
        border-bottom: 1px solid #06456a;
    }

    #navbar .navbar-nav .dropdown-submenu .dropdown-menu > li {
        border-bottom: 1px solid #055279;
    }

        #navbar .navbar-nav .dropdown-submenu .dropdown-menu > li a {
            padding-left: 30px;
        }

            #navbar .navbar-nav .dropdown-submenu .dropdown-menu > li a:hover {
                background: #055279 !important;
            }

    #navbar .navbar-nav .dropdown-submenu .dropdown-menu > .active > a {
        background: #055279 !important;
    }
}



@media (min-width: 768px) and (max-width: 1023px) {
    .dropdown-submenu > .dropdown-menu {
        top: 100%;
        left: 0;
    }
}
/*.dropdown:hover ul {
    display:block;
}*/
/*** Button classes
--------------------------------------------------------*/

.btn {
    padding: 4px 12px;
    font-size: 14px;
    font-family: "Roboto-Medium", sans-serif;
}

.btn-primary {
    border-color: #2e6da4;
    color: #fff;
    background: #0086b8;
    /* Old browsers */
    background: -moz-linear-gradient(top, #2294c0 1%, #2294c0 49%, #0085b8 51%, #0086b8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2294c0), color-stop(49%, #2294c0), color-stop(51%, #0086b8), color-stop(100%, #0086b8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2294c0 1%, #2294c0 49%, #0086b8 51%, #0086b8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2294c0 1%, #2294c0 49%, #0086b8 51%, #0086b8 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2294c0 1%, #2294c0 49%, #0086b8 51%, #0086b8 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #2294c0 1%, #2294c0 49%, #0086b8 51%, #0086b8 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2294c0', endColorstr='#0086b8', GradientType=0);
    /* IE6-9 */
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    background-repeat: no-repeat;
    text-decoration: none;
    height: 30px;
    margin-right: 10px;
}

    .btn-primary:hover {
        background: #016890;
        text-decoration: none !important;
    }

    .btn-primary:active {
        background: #005474;
    }

/*.btn-darkblue,
.btn-darkblue:active,
.btn-darkblue:focus {
    border-color: #003554;
    color: #fff;
    background: #00446b;
    /* Old browsers 
    background: -moz-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0d4e73), color-stop(49%, #0d4e73), color-stop(51%, #00446b), color-stop(100%, #00446b));
    /* Chrome,Safari4+ 
    background: -webkit-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* Chrome10+,Safari5.1+
    background: -o-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* Opera 11.10+ 
    background: -ms-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* IE10+ 
    background: linear-gradient(to bottom, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* W3C 
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0d4e73', endColorstr='#00446b', GradientType=0);
    /* IE6-9 
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    background-repeat: no-repeat;
    text-decoration: none;
    height: 30px;
    margin-right: 10px;
}

    .btn-darkblue:hover {
        color: #fff;
        background: #003554;
        text-decoration: none !important;
    }*/

.btn-red {
    border-color: #e64746;
    color: #fff;
    background: #e64746;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e85555 1%, #e85555 49%, #e64746 51%, #e64746 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e85555), color-stop(49%, #e85555), color-stop(51%, #e64746), color-stop(100%, #e64746));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e85555 1%, #e85555 49%, #e64746 51%, #e64746 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e85555 1%, #e85555 49%, #e64746 51%, #e64746 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e85555 1%, #e85555 49%, #e64746 51%, #e64746 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e85555 1%, #e85555 49%, #e64746 51%, #e64746 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e85555', endColorstr='#e64746', GradientType=0);
    /* IE6-9 */
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    background-repeat: no-repeat;
    text-decoration: none;
    margin-right: 10px;
    height: 30px;
}


.btn-browse,
.btn-browse:active,
.btn-browse:focus {
    border-color: #003554;
    color: #fff;
    background: #0086b8;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0d4e73), color-stop(49%, #0d4e73), color-stop(51%, #00446b), color-stop(100%, #00446b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0d4e73', endColorstr='#00446b', GradientType=0);
    /* IE6-9 */
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    background-repeat: no-repeat;
    text-decoration: none;
    height: 34px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0 !important;
    min-width: 60px;
}

    .btn-browse:hover {
        color: #fff;
        background: #003554;
        text-decoration: none !important;
    }

.btn-red:hover,
.btn-red:active,
.btn-red:focus {
    border-color: #e64746 !important;
    background: #d73b3a !important;
    color: #fff;
    text-decoration: none !important;
}

.btn-green {
    border-color: #00867E;
    color: #fff;
    background: #00867E;
    /* Old browsers */
    background: -moz-linear-gradient(top, #149c95 1%, #149c95 49%, #00867E 51%, #00867E 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #149c95), color-stop(49%, #149c95), color-stop(51%, #00867E), color-stop(100%, #00867E));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #149c95 1%, #149c95 49%, #00867E 51%, #00867E 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #149c95 1%, #149c95 49%, #00867E 51%, #00867E 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #149c95 1%, #149c95 49%, #00867E 51%, #00867E 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #149c95 1%, #149c95 49%, #00867E 51%, #00867E 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#149c95', endColorstr='#00867E', GradientType=0);
    /* IE6-9 */
    height: 30px;
}

    .btn-green:hover,
    .btn-green:active,
    .btn-green:focus {
        border-color: #00867E !important;
        background: #00817a !important;
        color: #fff;
        text-decoration: none !important;
    }

.btn {
    margin-bottom: 15px;
    border: 0;
}

.btn-dashboard {
    border-color: #003554;
    color: #fff;
    background: #0086b8;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0d4e73), color-stop(49%, #0d4e73), color-stop(51%, #00446b), color-stop(100%, #00446b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0d4e73', endColorstr='#00446b', GradientType=0);
    /* IE6-9 */
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    background-repeat: no-repeat;
    text-decoration: none;
    min-width: 90px;
    font-size: 14px;
    height: 30px;
    border: 0;
}

    .btn-dashboard:hover,
    .btn-dashboard:active,
    .btn-dashboard:focus {
        background: #003554;
        text-decoration: none;
        color: #fff;
    }

table .btn-dashboard, .btnMargin-10 {
    margin-right: 10px;
}

@media (max-width:480px) {
    table .btn-dashboard, .btnMargin-10 {
        margin-right: 0;
    }

    .btnMob {
        width: 100%;
    }
}

.close {
    color: #ffffff;
    font-size: 24px;
    opacity: 1;
    position: absolute;
    right: -7px;
    top: -7px;
    background: #e74846 !important;
    padding: 0 7px 4px !important;
    border-radius: 8px;
}

    .close:focus,
    .close:hover {
        color: #ffffff;
        opacity: 1;
        background: #A94442 !important;
    }

@media (min-width: 768px) {
    .close {
        color: #ffffff;
        font-size: 24px;
        opacity: 1;
        position: absolute;
        right: -12px;
        top: -12px;
        background: #e74846 !important;
        padding: 0 7px 4px !important;
        border-radius: 8px;
    }
}
/*** Table classes
--------------------------------------------------------*/
table > thead > tr > th {
    background: #333;
    color: #fff;
    padding: 8px 12px;
}

.table-search > thead > tr > th {
    background: #0086b8;
    color: #fff;
}

tbody {
    background: #fff;
}

.table-search > tbody > tr > td,
.table-search > tbody > tr > th,
.table-search > tfoot > tr > td,
.table-search > tfoot > tr > th,
.table-search > thead > tr > td,
.table-search > thead > tr > th {
    line-height: 1.2;
    padding: 8px 12px;
}
/*** Bootstrap column classes
------------------------------------------------------------------------------*/


.form-group .col-xs-12,
.form-group .col-xs-3 {
    padding-right: 0;
}

.form-group .col-xs-12,
.form-group .col-sm-12,
.form-group .col-xs-9,
.form-group .col-sm-4 {
    padding-left: 0;
}


.border_Bottom {
    font-weight: 700;
    border-bottom: 1px solid #00446b;
    margin-bottom: 15px;
    color: #00446b;
}

.border_Bottom2 {
    border-bottom: 1px solid #00446b;
    margin-bottom: 15px;
}

.plus-icon {
    /*background: url("images/plus-icon.svg") no-repeat;*/
    height: 20px;
    padding-left: 6px;
    width: 20px;
}

.h2-sub-heading,
.group-name-heading {
    color: #565758;
    font-size: 18px;
}

.welcome {
    padding-right: 20px;
}

.modal-body {
    max-height: 450px;
    overflow-y: auto;
}

#dvTaskDialog .modal-body {
    max-height: none;
    overflow-y: visible;
    background: #f0f0f0;
    padding: 0;
}

#dvTaskDialog iframe {
    /*height: 570px;*/
    height: 80vh;
}


    .modal-footer .btn-primary {
        float: right;
        margin-right: 0;
    }

.modal-footer .btn {
    margin-bottom: 0;
}

.validate {
    color: #A94442;
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
    margin-top: -5px;
}

.activities-pop .modal-body {
    max-height: 450px;
    overflow-y: auto;
}

    .activities-pop .modal-body .commonTable tbody tr:hover {
        background-color: #b2daea !important;
        cursor: pointer;
    }

    .activities-pop .modal-body .commonTable tbody tr.selected, .selected {
        background: #b2daea;
    }

/* ---------------------------------  jQuery UI Classes  -------------------- */

.ui-widget-header {
    border: 0 solid #717171;
    background: #565656;
    color: #ffffff;
    font-weight: bold;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-datepicker-header select {
    color: #333;
}

/* ---------------------------------  Module Classes  -------------------- */


.canvasjs-chart-credit {
    display: none;
}

.elections-table .table-search {
    margin-bottom: 0;
}

    .elections-table .table-search > thead > tr > th,
    .elections-table .table-search > thead > tr > td {
        max-width: 100px;
        white-space: normal;
    }

.elections-table .table-inner {
    padding: 0;
}

    .elections-table .table-inner .table {
        padding: 0;
    }

    .elections-table .table-inner thead tr th {
        background: #565758;
        padding: 8px 3px 8px 12px;
    }

    .elections-table .table-inner .table-search thead tr th {
        background: #2294c0;
        padding: 8px 3px 8px 12px;
    }

#participation-dashboard .spacer20 {
    height: 20px;
}

#participation-dashboard .top-pad-15 {
    padding-top: 15px !important;
}

#participation-dashboard .bottom-pad-15 {
    padding-bottom: 15px !important;
}

.text-danger {
    color: #E64746;
}

#participation-dashboard a:hover,
#participation-dashboard a:focus {
    /* text-decoration: underline;*/
}

label {
    display: block;
    margin-bottom: 2px;
}

#participation-dashboard select {
    margin-bottom: 0;
    width: 100%;
}

#participation-dashboard textarea {
    width: 100%;
    padding: 3px 5px;
    resize: none;
    color: #666;
    line-height: 22px;
    border: 1px solid #ccc;
}

    #participation-dashboard textarea:focus {
        border-color: rgba(102, 175, 233, 1);
        box-shadow: 0 1px 1px rgba(102, 175, 233, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

.disc {
    font-style: italic;
    padding: 10px 10px 5px !important;
    color: #999;
    font-size: 12px;
}

#participation-dashboard .table-search {
    border: 0 solid #DDD;
}

    #participation-dashboard .table-search > thead > tr > th {
        font-size: 18px;
    }

    #participation-dashboard .table-search > tbody {
        background: #e3e3e3;
    }

        #participation-dashboard .table-search > tbody > tr > td {
            border-top: 0 solid #DDD;
            padding: 0 12px 0;
            vertical-align: top;
        }


#participation-dashboard .dashboard-parameters td:first-child {
    max-width: 570px;
    width: 60%;
}

#participation-dashboard .dashboard-section .row {
    margin-right: 0;
    margin-left: 0;
}

    #participation-dashboard .dashboard-section .row h4 {
        margin: 20px 0px;
        color: #333333;
    }

#participation-dashboard .dashboard-section .col-xs-12 {
    padding-right: 0;
    padding-left: 0;
}

#participation-dashboard .table-search .bottom-pad-15 input[type="text"] {
    margin-bottom: 0;
}

#participation-dashboard .table-search input[type="radio"]:first-child {
    margin-top: 20px;
}

#participation-dashboard .table-search h4 {
    margin-top: 0;
}

#participation-dashboard .export .dropdown-menu {
    top: 28px;
}

#participation-dashboard .export .btn {
    margin-top: 0 !important;
}

#participation-dashboard .member-name {
    margin-top: 8px;
}

.custom-textarea {
    resize: none;
    overflow: hidden;
    height: 34px !important;
    max-height: 100%;
    padding: 6px 12px !important;
}

.container {
    padding-right: 0;
    padding-left: 0;
}

@media (max-width: 767px) {
    .activities-pop .modal-body {
        max-height: 100%;
    }

    .custom-textarea {
        height: 100% !important;
    }

    .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    #navbar .nav li {
        width: 100%;
        text-align: left;
    }

    #navbar .nav li {
        float: none;
        margin: 0;
    }

    #navbar .nav ul {
        margin: 0;
    }

    #participation-dashboard .top-pad-sm-0 {
        padding-top: 0 !important;
    }

    #participation-dashboard .dashboard-parameters td:first-child {
        max-width: 100%;
        width: 100%;
    }

    #participation-dashboard .table-search td {
        max-width: 100%;
        width: 100%;
    }


    #participation-dashboard .table-search input[type="radio"]:first-child {
        margin-top: 0;
    }
    /* Force table to not be like tables anymore */

    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }
        /* Hide table headers (but not display: none;, for accessibility) */

        #no-more-tables thead tr {
        }

    #no-more-tables td {
        /* Behave  like a "row" */
        white-space: normal;
        text-align: left;
    }

        #no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }
        /*
	Label the data
	*/

        #no-more-tables td:before {
            content: attr(data-title);
        }

    #participation-dashboard td:first-child {
        max-width: 100%;
        width: 100%;
    }

    #participation-dashboard .points-section td:first-child {
        width: 100%;
        min-width: 130px;
    }

    .parent-table table > tbody > tr.child-tr table td:nth-child(1),
    .lgreen-table table > tbody > tr.child-tr table td:nth-child(1),
    .lyellow-table table > tbody > tr.child-tr table td:nth-child(1),
    .lblue-table table > tbody > tr.child-tr table td:nth-child(1) {
        width: 36% !important;
    }

    #participation-dashboard textarea {
        width: 100%;
    }

    #participation-dashboard .export .dropdown-menu {
        top: 93%;
        left: 11px;
    }
}

#award-flip-scroll table,
#search-flip-scroll table,
#participation-dashboard.enrollment-dashboard table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    color: #333333;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #e3e3e3;
}

.grayTable > tbody > tr:nth-of-type(odd) {
    background-color: #ffffff;
}


/*#award-flip-scroll table > thead > tr > th,
#search-flip-scroll table > thead > tr > th,
#participation-dashboard.enrollment-dashboard table > thead > tr > th {
    background: #00446b;
    color: #fff;
    padding: 8px 12px;
}*/


#award-flip-scroll table > tbody > tr > td,
#search-flip-scroll table > tbody > tr > td,
#participation-dashboard.enrollment-dashboard table > tbody > tr > td {
    padding: 8px 12px;
}

#search-flip-scroll td {
}

@media (max-width: 767px) {

    #award-flip-scroll table > thead > tr > th,
    #search-flip-scroll table > thead > tr > th,
    #participation-dashboard.enrollment-dashboard table > thead > tr > th {
        padding: 5px 12px;
        min-height: 30px !important;
    }

    #award-flip-scroll table > tbody > tr > td,
    #search-flip-scroll table > tbody > tr > td,
    #participation-dashboard.enrollment-dashboard table > tbody > tr > td {
        padding: 5px 12px;
        min-height: 30px !important;
    }

    #search-flip-scroll .dataload-table > tbody > tr > td.spacer40, #search-flip-scroll .dataload-table > thead > tr > th.spacer40 {
        height: 40px !important;
    }

    #award-flip-scroll .form-control,
    #search-flip-scroll .form-control,
    #search-flip-scroll .form-control {
        height: 25px;
        padding: 2px 12px;
    }

    #award-flip-scroll .form-control,
    #search-flip-scroll .form-control,
    #search-flip-scroll .form-control {
        height: 25px;
        padding: 2px 12px;
    }
}


#award-flip-scroll .red {
    color: #e64746;
}

#award-flip-scroll .green {
    color: #00867E;
}

#award-flip-scroll .gray {
    color: #b7b7b7;
}

#award-flip-scroll .fa-caret-left {
    margin-right: 5px;
    cursor: pointer;
}

#award-flip-scroll .fa-caret-right {
    margin-left: 5px;
    cursor: pointer;
}

#search-flip-scroll .search-email {
    width: 40%;
}

#search-flip-scroll .search-phone {
    max-width: 210px;
    width: 25%;
}

#search-flip-scroll .search-email .email,
#search-flip-scroll .search-email .phone,
#search-flip-scroll .search-email .more {
    display: inline-block;
}

#search-flip-scroll .search-email .email {
    max-width: 220px;
    width: 80%;
}

#search-flip-scroll .search-email .phone {
    max-width: 110px;
    width: 75%;
}

#search-flip-scroll .fa-pencil,
.member-section1 .fa-pencil {
    color: #00867E;
    cursor: pointer;
}

#search-flip-scroll td input, #search-flip-scroll td select,
#award-flip-scroll td input, #award-flip-scroll td select {
    margin-bottom: 0;
}

#phone-add .col-sm-12,
#phone-add .col-sm-4,
#phone-delete .col-sm-12 {
    padding-left: 15px;
}

#phone-add textarea {
    border: 1px solid #CCC;
    border-radius: 4px;
}



.modal-footer .btn + .btn {
    min-width: 90px;
    margin-left: 10px;
}

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

.points-section .page-nav {
    margin: 20px 0;
}

.member-section1 .fa-times-circle,
.member-container .invalid {
    color: #e64746;
    cursor: pointer;
}

.member-container .invalid {
    margin: 12px 10px -5px;
    font-size: 12px;
}

.member-header {
    background-color: #0086b8;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.member-header,
.member-section1 {
    padding: 10px;
}

.member-section1 {
    height: 100%;
}

.member-spacer {
    height: 45px;
}

.member-container {
    display: table;
    font-size: 14px;
    width: 100%;
    margin-top: 20px;
}

.member-section1 table {
    width: 100%;
}

.member-section1 tbody {
    background: transparent;
}

.member-section1 td,
.member-section1 th {
    padding: 8px 12px;
    border-bottom: 1px solid #c2c2c2;
}

.member-section1 p {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    display: block;
    overflow: hidden;
    margin: 0;
}

.member-section1 .edit-close {
    min-width: 60px;
    text-align: right;
}

.member-col1,
.member-col3 {
    display: table-cell;
    background: #DDD;
    position: relative;
}

.member-col1 {
    width: 59%;
}

.member-col3 {
    width: 39%;
    display: table-cell;
}

#participation-dashboard.enrollment-dashboard .member-col1 {
    width: 49%;
    background: #e3e3e3;
}

#participation-dashboard.enrollment-dashboard .member-col3 {
    width: 49%;
    background: #e3e3e3;
}

.member-col1 .btn,
.member-col3 .btn {
    position: absolute;
    bottom: 0;
    left: 10px;
}

#participation-dashboard.enrollment-dashboard .member-col1 .member-footer,
#participation-dashboard.enrollment-dashboard .member-col3 .member-footer {
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 100%;
}

    #participation-dashboard.enrollment-dashboard .member-col1 .member-footer .btn,
    #participation-dashboard.enrollment-dashboard .member-col3 .member-footer .btn {
        position: absolute;
        left: auto;
        right: 20px;
        bottom: -12px;
    }

#participation-dashboard.enrollment-dashboard .member-section1 {
    padding: 0;
}

.member-col2 {
    display: table-cell;
    background: #fff;
    margin-right: 2%;
}

@media (max-width: 767px) {
    .member-container,
    .member-col1,
    .member-col3 {
        display: block;
    }

    .member-col1,
    .member-col3,
    #participation-dashboard.enrollment-dashboard .member-col1,
    #participation-dashboard.enrollment-dashboard .member-col3 {
        width: 100%;
        margin-bottom: 15px;
    }

    .member-col2 {
        display: none;
    }

    .notes-table {
        height: 65px;
        padding-top: 25px !important;
    }
}

@media (max-width: 1023px) {
    #participation-dashboard.enrollment-dashboard .member-container,
    #participation-dashboard.enrollment-dashboard .member-col1,
    #participation-dashboard.enrollment-dashboard .member-col3 {
        display: block;
    }

    #participation-dashboard.enrollment-dashboard .member-col1,
    #participation-dashboard.enrollment-dashboard .member-col3 {
        width: 100%;
        margin-bottom: 15px;
    }

    .member-section1 .phone-info {
        display: none;
    }
}

@media (max-width: 767px) {
    #award-flip-scroll th,
    #search-flip-scroll th,
    #award-flip-scroll td,
    #search-flip-scroll td,
    #participation-dashboard.enrollment-dashboard td {
        margin: 0;
        vertical-align: top;
    }

    #award-flip-scroll th,
    #search-flip-scroll th,
    #participation-dashboard.enrollment-dashboard th {
        text-align: left;
    }

    #award-flip-scroll table,
    #search-flip-scroll table,
    #participation-dashboard.enrollment-dashboard .table-striped {
        display: block;
        position: relative;
        width: 100%;
    }

        #award-flip-scroll thead,
        #search-flip-scroll thead,
        #participation-dashboard.enrollment-dashboard .table-striped thead {
            display: block;
            float: left;
        }

        #award-flip-scroll tbody,
        #search-flip-scroll tbody,
        #participation-dashboard.enrollment-dashboard .table-striped tbody {
            display: block;
            width: auto;
            position: relative;
            overflow-x: auto;
            white-space: nowrap;
        }

        #award-flip-scroll thead tr,
        #search-flip-scroll thead tr,
        #participation-dashboard.enrollment-dashboard .table-striped thead tr {
            display: block;
        }

        #award-flip-scroll th,
        #search-flip-scroll th,
        #participation-dashboard.enrollment-dashboard .table-striped th {
            display: block;
            text-align: right;
        }

        #award-flip-scroll tbody tr,
        #search-flip-scroll tbody tr,
        #participation-dashboard.enrollment-dashboard .table-striped tbody tr {
            display: inline-block;
            vertical-align: top;
        }

        #award-flip-scroll td,
        #search-flip-scroll td,
        #participation-dashboard.enrollment-dashboard .table-striped td {
            display: block;
            min-height: 1.25em;
            text-align: left;
        }
        /* sort out borders */

        #award-flip-scroll th,
        #search-flip-scroll th,
        #participation-dashboard.enrollment-dashboard .table-striped th {
            border-bottom: 0;
            border-left: 0;
        }

        #award-flip-scroll td,
        #search-flip-scroll td,
        #participation-dashboard.enrollment-dashboard .table-striped td {
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
        }
}

@media (max-width: 1023px) {
    #search-flip-scroll .search-email .more {
        display: none;
    }

    #search-flip-scroll .search-email {
        width: 15%;
    }
}

#participation-dashboard.enrollment-dashboard .nav-tabs {
    background-color: #cbcbcb;
}

    #participation-dashboard.enrollment-dashboard .nav-tabs > li > a {
        font-family: "Roboto-Medium", sans-serif;
        color: #000;
        border: medium none;
        border-radius: 0;
        text-decoration: none;
    }

        #participation-dashboard.enrollment-dashboard .nav-tabs > li > a:hover {
            background-color: #e3e3e3 !important;
            border: medium none;
            border-radius: 0;
            color: #000;
            text-decoration: none;
        }

    #participation-dashboard.enrollment-dashboard .nav-tabs > li.active > a,
    #participation-dashboard.enrollment-dashboard .nav-tabs > li.active > a:focus,
    #participation-dashboard.enrollment-dashboard .nav-tabs > li.active > a:hover {
        background-color: #e3e3e3;
        border: 0 solid #ddd;
        color: #333333;
        text-decoration: none;
    }



#participation-dashboard.enrollment-dashboard .tab-section {
    background: #e3e3e3;
}

#participation-dashboard.enrollment-dashboard .tab-content {
    background-color: #e3e3e3;
    color: #333333;
    padding: 10px;
}


.search-tabs .nav-tabs {
    border-bottom: 1px solid #00446b;
    background: #ddd;
}

    .search-tabs .nav-tabs > li.active > a, .search-tabs .nav-tabs > li.active > a:focus, .search-tabs .nav-tabs > li.active > a:hover {
        color: #fff;
        background-color: #0086b8;
        border: 1px solid #0086b8;
    }

.search-tabs .nav > li > a {
    padding: 5px 20px;
    text-decoration: none;
    margin-right: 0;
    color: #333;
}

    .search-tabs .nav > li > a:focus, .search-tabs .nav > li > a:hover {
        text-decoration: none;
        background-color: #c6c6c6;
        border-bottom: 0 solid transparent !important;
        color: #00446b;
    }

#participation-dashboard.enrollment-dashboard .member-header {
    font-size: 18px;
}
/* col*/
#participation-dashboard .enroll-form-group .col-md-6 {
    margin-top: 15px;
}

    #participation-dashboard .enroll-form-group .col-md-6 label {
        margin-top: 10px;
        margin-bottom: 10px;
    }

#participation-dashboard .enroll-form-group button, .btn-export-right {
    margin-top: 36px;
    margin-bottom: 15px;
    margin-right: 0;
}

#participation-dashboard .enroll-form-group .search {
    display: inline-block;
    width: 70%;
    max-width: 300px;
    margin-right: 10px;
}
/* Multi Select Dropdown*/
.ms-parent button.ms-choice {
    margin: 0px !important;
    display: block;
    width: 100%;
    height: 34px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 2.428571 !important;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.ms-parent label {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.ms-parent input[type="checkbox"] {
    margin-right: 5px !important;
}
/* button*/
#participation-dashboard.enrollment-dashboard .btn-darkblue {
    float: none;
}

#participation-dashboard.enrollment-dashboard .btn-managemenbers {
    margin-right: 10px !important;
}

#participation-dashboard.enrollment-dashboard .points-section .btn-darkblue {
    float: right;
    margin: -2px 0 0;
    border: 0;
}

#participation-dashboard.enrollment-dashboard .btn-go {
    position: initial;
}

/*
#participation-dashboard.enrollment-dashboard .table-search > thead > tr > th {
    background: #0086b8;
    color: #fff;
    padding: 8px 12px;
}

#participation-dashboard.enrollment-dashboard .table-striped > thead > tr > th {
    background: #00446b;
    padding: 6px 8px;
}

#participation-dashboard.enrollment-dashboard .table-striped > tbody > tr > td {
    padding: 6px 8px;
}*/

#participation-dashboard.enrollment-dashboard .table-striped a {
    text-decoration: underline;
}

    #participation-dashboard.enrollment-dashboard .table-striped a:hover {
        text-decoration: none;
    }

#participation-dashboard.enrollment-dashboard .enroll-label {
    margin: -2px 0;
}

#participation-dashboard.enrollment-dashboard .enroll-input {
    display: inline-block;
    margin: -2px 5px 7px;
    height: 30px;
    width: 63%;
}

#participation-dashboard.enrollment-dashboard .member-no-content {
    text-align: center;
    margin-top: 10%;
}

#participation-dashboard.enrollment-dashboard .member-footer {
    margin: 20px 0;
}

    #participation-dashboard.enrollment-dashboard .member-footer .col-sm-6 {
        padding-right: 0;
        padding-left: 0;
    }

    #participation-dashboard.enrollment-dashboard .member-footer span {
        color: #0086b8;
        font-family: "Roboto-Bold", sans-serif;
        display: inline-block;
        font-weight: 700;
    }

#participation-dashboard.enrollment-dashboard .member-section1 p {
    white-space: normal;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0;
}

#participation-dashboard.enrollment-dashboard .member-footer .gray {
    color: #b7b7b7;
}

#participation-dashboard.enrollment-dashboard .employee-status h3 {
    font-size: 14px;
    font-family: "Roboto-Bold", sans-serif;
    margin-top: 40%;
    font-weight: 700;
}

#participation-dashboard.enrollment-dashboard .employee-status ul {
    font-size: 12px;
    list-style: none;
}

#participation-dashboard.enrollment-dashboard .employee-status li {
    padding: 5px;
    padding-left: 0;
    margin-left: 0;
}

#participation-dashboard.enrollment-dashboard .pull-right-lg {
    float: right;
}

#member-chart-2 canvas,
#member-chart-2 canvas,
#member-chart-3 canvas,
#member-chart-4 canvas {
    width: 100% !important;
}

#participation-dashboard.enrollment-dashboard .enroll-form-group .col-xs-12 span {
    font-style: italic;
    color: #999;
    font-size: 12px;
}

#participation-dashboard .member-search-header {
    font-size: 12px;
}

    #participation-dashboard .member-search-header i {
        margin-left: 10px;
    }

.employee-changereq li {
    margin: 6px 0;
}

    .employee-changereq li span, .total span {
        font-family: "Roboto-Bold", sans-serif;
        font-weight: 700;
    }

.total {
    text-align: right;
    background: #f5e3cc;
    padding: 8px 12px;
    color: #333;
    margin-top: -20px;
    line-height: 1.4;
}

#participation-dashboard .upload .btn {
}

#participation-dashboard .upload .btn-info {
    border-color: #003554;
    color: #fff;
    background: #0086b8;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0d4e73), color-stop(49%, #0d4e73), color-stop(51%, #00446b), color-stop(100%, #00446b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0d4e73', endColorstr='#00446b', GradientType=0);
    /* IE6-9 */
    height: 34px;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
}

    #participation-dashboard .upload .btn-info:hover {
        color: #fff;
        background: #003554;
    }

#participation-dashboard .upload .disc {
    font-style: italic;
    padding: 0 0 10px !important;
    color: #333333;
    font-size: 12px;
    line-height: 1.5;
}

#participation-dashboard .btn-search {
    padding-top: 6px;
    min-width: 40px;
    -webkit-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.event-marriage-table tbody {
    background: transparent;
}

.event-marriage-table .noDocs {
    min-width: 100%;
    height: 60px;
}

/*ACA table*/
#participation-dashboard .table-responsive {
    border: 0 solid #ddd;
}

#participation-dashboard .table-aca {
    color: #333333;
}



    #participation-dashboard .table-aca > thead > tr > th, .table-aca > tbody > tr > td {
        padding: 8px 12px;
        vertical-align: middle;
        border-bottom: 0 solid #ddd;
        line-height: 1;
    }


    #participation-dashboard .table-aca > tbody > tr > td {
        border-top: 0 solid #ddd;
        line-height: 1.2;
    }

        #participation-dashboard .table-aca > tbody > tr > td i {
            color: #97c93d;
        }

    #participation-dashboard .table-aca th:nth-child(2), #participation-dashboard .table-aca th:nth-child(3),
    #participation-dashboard .table-aca td:nth-child(2), #participation-dashboard .table-aca td:nth-child(3) {
        text-align: center;
    }


    #participation-dashboard .table-aca tbody tr:hover td, #participation-dashboard .table-aca tbody tr:hover th {
        background-color: transparent;
    }

    #participation-dashboard .table-aca td span {
        font-weight: 700;
    }

    #participation-dashboard .table-aca .dark-gray-bg:hover {
        background: #333333;
    }


#participation-dashboard .aca-product {
    padding: 20px;
    background: #e3e3e3;
    text-align: center;
}

#participation-dashboard .aca-height-250 {
    height: 230px;
}




.active-reporting.container {
    width: 100%;
}

/*input spinner*/
#participation-dashboard .spinner {
    width: 100%;
}

    #participation-dashboard .spinner input {
    }

#participation-dashboard .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

    #participation-dashboard .input-group-btn-vertical > .btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 8px;
        margin: 0;
        margin-left: -1px;
        position: relative;
        border-radius: 0;
        height: auto;
        min-width: 30px;
        color: #727272;
        background: #e6e6e6;
    }

        #participation-dashboard .input-group-btn-vertical > .btn:first-child {
            border-top-right-radius: 4px;
        }

        #participation-dashboard .input-group-btn-vertical > .btn:last-child {
            margin-top: -2px;
            border-bottom-right-radius: 4px;
        }

    #participation-dashboard .input-group-btn-vertical i {
        position: absolute;
        top: 0;
        left: 4px;
    }

input::-ms-clear {
    visibility: hidden;
    display: none;
}

@-moz-document url-prefix() {
    #participation-dashboard .input-group-btn-vertical i;

{
    top: 1px;
}

}

/** Incentive Builder
*************************************************************************/
.managemenbers-legend, .popup-dataload-legend {
    list-style: none;
    margin-left: 0;
}

    .managemenbers-legend li {
        display: inline-block;
        margin-left: 15px;
    }

    .popup-dataload-legend li {
        display: block;
        margin-left: 18px;
        margin-bottom: 15px;
    }

        .popup-dataload-legend li i {
            margin-left: -18px;
        }







.template-select .panel-default {
    background: #ebebeb;
}

.template-select .panel-body {
    padding: 10px 15px 0;
    background: #fff;
}

    .template-select .panel-body li {
        padding: 5px;
    }

@media (max-width: 567px) {
    .managemenbers-legend li {
        display: block;
        margin-left: 0;
        padding: 3px 0;
    }
}


/** Incentive Review
*************************************************************************/

.in-header {
    background-color: #00446b;
    color: #fff;
    text-shadow: none;
    padding: 8px 12px;
}

    .in-header h3 {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }

.in-info h4 {
    color: #333333;
}


.in-info tr {
    border-bottom: 1px solid #e6e7e9;
}

    .in-info tr:first-child {
        border-top: 2px solid #e6e7e9;
    }

.in-info td {
    padding: 8px 0;
}

.in-arrow-up {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 14px 14px;
    border-color: transparent transparent #e6e7e9;
    margin-left: 14.3%;
}

.in-section3 {
    padding: 10px;
    width: 72%;
    max-width: 550px;
    background: #e6e7e9;
}

.in-warning-txt {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.33;
}

.in-warning, .in-warning-txt-sm {
    color: #14958d;
    font-weight: 700;
    font-size: 12px;
}

.in-bar-orange-a {
    background: #dc5d28;
    color: #000;
    min-height: 20px;
}

.in-bar-b {
    background: #D1D3D6;
    min-height: 20px;
}

.in-bar-txt-a {
    padding: 10px 0;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 700;
}

.incentive-publish {
    /*border: 1px solid #ccc;*/
    padding: 15px;
    /*-webkit-border-radius: 3;
    -moz-border-radius: 3;
	border-radius: 3px;*/
    min-height: 150px;
    background: #e3e3e3;
}

.incentive-publishlogo {
    /*border: 1px solid #ccc;*/
    padding: 15px;
    /*-webkit-border-radius: 3;
    -moz-border-radius: 3;
	border-radius: 3px;*/
    min-height: 250px;
    background: #e3e3e3;
}

.incentive-publish .btn {
    margin-bottom: 0;
}

.incentive-publish-final {
    border: 1px solid #ccc;
    padding: 15px;
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    min-height: 200px;
}

.incentive-publish h3, .incentive-publish h4 {
    margin-top: 0;
}

.incentive-publish .help-block, #add-owner .help-block {
    margin-top: -10px;
}
/*------------------ Pie Chart  Begin----------------------------*/
.in-pie-prec {
    top: 40px;
    position: relative;
    font-size: 15px;
    font-weight: 700;
}

.in-pie-circle {
    position: relative;
    top: 20px;
    left: 20px;
    text-align: center;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background-color: #FFF;
}

.in-pie-active-border, .in-pie-blue-active-border {
    margin: auto;
    position: relative;
    text-align: center;
    width: 160px;
    height: 160px;
    border-radius: 100%;
}

.in-pie-active-border {
    background-color: #dc5d28;
    background-image: linear-gradient(240deg, transparent 0%, #d1d3d6 0%), linear-gradient(90deg, #d1d3d6 0%, transparent 0%);
}

.in-pie-blue-active-border {
    background-color: #01948e;
    background-image: linear-gradient(240deg, transparent 50%, #d1d3d6 50%), linear-gradient(90deg, #d1d3d6 50%, transparent 50%);
}

/*------------------ Pie Chart End ----------------------------*/

/*------------------ Incentive Accordion Start ----------------------------*/
.view-goals .panel {
    border: 0 solid transparent;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 rgba(0,0,0,0);
    border-radius: 0;
}

.view-goals .panel-default > .panel-heading {
    color: #333;
    background-color: transparent;
    border-color: transparent;
}

.view-goals .panel-heading, .view-goals .panel-body {
    padding: 0;
    border: 0;
}

.view-goals .panel-title:focus {
    border: 0 solid transparent;
}

.panel-group.view-goals .panel-heading + .panel-collapse > .list-group,
.panel-group.view-goals .panel-heading + .panel-collapse > .panel-body {
    border-top: 0 solid transparent;
}


/*------------------ Incentive Accordion Table ----------------------------*/
.view-goals a {
    font-weight: 700;
    text-decoration: none !important;
}

    .view-goals a:hover, .view-goals a:focus {
        text-decoration: none !important;
    }

.view-goals table th, .view-goals table td {
    padding: 5px;
}

.view-goals table td {
    padding: 5px;
    font-size: 12px;
    vertical-align: top;
}

    .view-goals table td a {
        font-size: 12px;
        color: #343434;
    }

    .view-goals table td i {
        height: auto;
    }

    .view-goals table td:nth-child(1) {
        width: 45%;
    }

    .view-goals table td:nth-child(2) {
        width: 15%;
    }

    .view-goals table td:nth-child(3),
    .view-goals table td:nth-child(4) {
        width: 20%;
        line-height: 1.3;
    }



.nested-text {
    color: #7c7c7c;
    font-size: 11px;
    line-height: 1.2;
    margin: 0 5px 10px;
}

.select-template {
    border: 1px solid #ccc;
    max-height: 210px;
    overflow-y: auto;
}

    .select-template tr:hover {
        background-color: #b2daea !important;
    }

    .select-template td {
        padding: 5px 8px;
        line-height: 1.3;
        vertical-align: top;
    }

/*------------------ Incentive Accordion End ----------------------------*/

/*------------------ Tasks Start ----------------------------*/
.lgreen-table table > thead > tr > th,
.lyellow-table table > thead > tr > th,
.lblue-table table > thead > tr > th {
    color: #363636;
    font-weight: bold;
}

    .lgreen-table table > thead > tr > th:last-child,
    .lyellow-table table > thead > tr > th:last-child,
    .lblue-table table > thead > tr > th:last-child,
    .lgreen-table table > tbody > tr > td:last-child,
    .lyellow-table table > tbody > tr > td:last-child,
    .lblue-table table > tbody > tr > td:last-child {
        text-align: right;
    }

.lgreen-table table > thead > tr > th {
    background: #99d4d1;
}

.lyellow-table table > thead > tr > th {
    background: #f5d3a3;
}

.lblue-table table > thead > tr > th {
    background: #9cb5c4;
}

.nested-table table.table > tbody > tr:nth-child(4n-2),
.nested-table table.table > tbody > tr:nth-child(4n-3),
.parent-table table.table > tbody > tr:nth-child(4n-2),
.parent-table table.table > tbody > tr:nth-child(4n-3),
.lgreen-table table.table > tbody > tr:nth-child(4n-2),
.lgreen-table table.table > tbody > tr:nth-child(4n-3),
.lyellow-table table.table > tbody > tr:nth-child(4n-2),
.lyellow-table table.table > tbody > tr:nth-child(4n-3),
.lblue-table table.table > tbody > tr:nth-child(4n-2),
.lblue-table table.table > tbody > tr:nth-child(4n-3) {
    background-color: #e3e3e3 !important;
}

.nested-table table.table > tbody > tr:nth-child(4n),
.nested-table table.table > tbody > tr:nth-child(4n-1),
.parent-table table.table > tbody > tr:nth-child(4n),
.parent-table table.table > tbody > tr:nth-child(4n-1),
.lgreen-table table.table > tbody > tr:nth-child(4n),
.lgreen-table table.table > tbody > tr:nth-child(4n-1),
.lyellow-table table.table > tbody > tr:nth-child(4n),
.lyellow-table table.table > tbody > tr:nth-child(4n-1),
.lblue-table table.table > tbody > tr:nth-child(4n),
.lblue-table table.table > tbody > tr:nth-child(4n-1) {
    background-color: #f3f3f3 !important;
}

.lgreen-table table > tbody > tr.child-tr th,
.lyellow-table table > tbody > tr.child-tr th,
.lblue-table table > tbody > tr.child-tr th {
    background: transparent !important;
    border-bottom: 1px solid #cccccc;
}

.nested-table table > tbody > tr.child-tr tr,
.parent-table table > tbody > tr.child-tr tr,
.lgreen-table table > tbody > tr.child-tr tr,
.lyellow-table table > tbody > tr.child-tr tr,
.lblue-table table > tbody > tr.child-tr tr {
    border-bottom: 1px solid #cdcdcd;
}

.nested-table table > tbody > tr.child-tr table,
.parent-table table > tbody > tr.child-tr table,
.lgreen-table table > tbody > tr.child-tr table,
.lyellow-table table > tbody > tr.child-tr table,
.lblue-table table > tbody > tr.child-tr table {
    background: #ffffff !important;
}

.nested-table table > tbody > tr.child-tr tr:last-child,
.parent-table table > tbody > tr.child-tr tr:last-child,
.lgreen-table table > tbody > tr.child-tr tr:last-child,
.lyellow-table table > tbody > tr.child-tr tr:last-child,
.lblue-table table > tbody > tr.child-tr tr:last-child {
    border-bottom: 0 solid #e7e7e7;
}

.lgreen-table table > tbody > tr.child-tr table td:nth-child(1),
.lyellow-table table > tbody > tr.child-tr table td:nth-child(1),
.lblue-table table > tbody > tr.child-tr table td:nth-child(1) {
    width: 76% !important;
    text-align: left;
}

.lgreen-table table > tbody > tr.child-tr table th:nth-child(2),
.lyellow-table table > tbody > tr.child-tr table th:nth-child(2),
.lblue-table table > tbody > tr.child-tr table th:nth-child(2),
.lgreen-table table > tbody > tr.child-tr table th:nth-child(3),
.lyellow-table table > tbody > tr.child-tr table th:nth-child(3),
.lblue-table table > tbody > tr.child-tr table th:nth-child(3),
.lgreen-table table > tbody > tr.child-tr table td:nth-child(2),
.lyellow-table table > tbody > tr.child-tr table td:nth-child(2),
.lblue-table table > tbody > tr.child-tr table td:nth-child(2),
.lgreen-table table > tbody > tr.child-tr table td:nth-child(3),
.lyellow-table table > tbody > tr.child-tr table td:nth-child(3),
.lblue-table table > tbody > tr.child-tr table td:nth-child(3) {
    width: 12% !important;
    text-align: right;
    color: #999999;
    font-style: italic;
}

.nested-table table > tbody > tr.child-tr table th:nth-child(2),
.nested-table table > tbody > tr.child-tr table th:nth-child(3) {
    min-width: 150px;
}



.nested-table .fa-info-circle, .parent-table .fa-info-circle, .lgreen-table .fa-info-circle, .lyellow-table .fa-info-circle, .lblue-table .fa-info-circle {
    color: #00446b;
}


.nested-table i, .parent-table i, .lgreen-table i, .lyellow-table i, .lblue-table i {
    font-size: 1.2em;
}


.parent-table .row, .lgreen-table .row, .lyellow-table .row, .lblue-table .row {
    margin: 0;
}

.parent-table .col-xs-3, .parent-table .col-xs-9,
.lgreen-table .col-xs-3, .lgreen-table .col-xs-9,
.lyellow-table .col-xs-3, .lyellow-table .col-xs-9,
.lblue-table .col-xs-3, .lblue-table .col-xs-9 {
    padding: 0;
}

.parent-table .heading,
.lgreen-table .heading,
.lyellow-table .heading,
.lblue-table .heading {
    color: #fff;
    padding: 5px 8px;
    font-size: 16px;
}

    .parent-table .heading h5,
    .lgreen-table .heading h5,
    .lyellow-table .heading h5,
    .lblue-table .heading h5 {
        color: #fff;
        width: 80%;
        margin: 0;
        font-size: 16px;
    }

.lblue-table .dark-blue-bg {
    background: #00446b !important;
}

.selected-td {
    font-weight: bold;
}

.child-tr table {
    margin-bottom: 0px;
}

.child-tr tbody {
    background: transparent;
}

.nested-table .child-tr table th {
    background: #999999;
}

.child-table-td, .nested-table .child-tr table th, .nested-table .child-tr table td {
    padding: 4px 8px !important;
}

    .child-table-td.open-status {
        color: #272729 !important;
    }


.goals .width-70 {
    width: 70px;
}

.goals .width-155 {
    width: 155px;
}

.parent-table .width-30 {
    width: 30%;
}

.parent-table .width-15 {
    width: 15%;
}

.nested-table .form-control, .table-control .form-control {
    margin-bottom: 0;
    height: 30px;
    padding: 6px;
    border: 0;
    border-bottom: 1px solid #555;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0),0 0 8px rgba(102,175,233,0);
    min-width: 150px;
}

.child-table-td .fa, #tblPoints .fa {
    width: 20px;
    vertical-align: top;
    margin-top: 3px;
}

.textIcon-align {
    display: inline-block;
    width: calc(100% - 25px);
}

/*------------------ Tasks End ----------------------------*/

/*------------------ Member Portal Config Start ----------------------------*/
.package-table {
    margin-bottom: 0;
}



    .package-table td, .package-table th {
        text-align: center;
        padding: 8px 12px;
    }

        .package-table td span {
            font-size: 12px;
            color: #686869;
        }

        .package-table td:first-child {
            text-align: left;
        }



/* packages test*/
.packages .package-main {
    border: 2px solid #042C45;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
}

.packages .package-list {
    min-height: 225px;
    max-height: 230px;
    overflow-y: auto;
}

    .packages .package-list li {
        padding: 8px 12px;
        border-top: 2px solid #ccc;
    }

.packages .package-highlight .package-list li {
    padding: 8px 12px;
    border-top: 2px solid #042C45;
}

.packages .package-list .border-gray {
    border-bottom: 2px solid #ccc;
}

.packages .package-highlight .border-dblue {
    border-bottom: 2px solid #042C45;
}

.packages ul li {
    text-align: center;
}

    .packages ul li:nth-of-type(even) {
        background-color: #f3f3f3;
    }

    .packages ul li:nth-of-type(odd) {
        background-color: #e3e3e3;
    }


.packages .package-highlight ul li {
    text-align: center;
    color: #fff;
}

    .packages .package-highlight ul li:nth-of-type(even) {
        background-color: #063654;
    }

    .packages .package-highlight ul li:nth-of-type(odd) {
        background-color: #00446b;
    }

.packages .package-highlight .fa-info-circle {
    color: #fff;
}



.packages .package-head {
    background: #00446b !important;
    color: #ffffff;
    font-size: 18px;
    padding: 20px 12px;
    height: 90px;
    border-top: 0px solid #ddd;
    font-weight: bold;
}

    .packages .package-head span {
        font-weight: normal;
    }

.packages p {
    margin: 0;
}

.package-table tr:nth-of-type(even) td.selected-package {
    background-color: #063654;
    border: 2px solid #063654;
}

.package-table tr:nth-of-type(odd) td.selected-package {
    background-color: #00446b;
    border: 2px solid #00446b;
}

.package-table th.selected-package {
    background-color: #063654;
    border: 25px solid #063654;
    border-left: 2px solid #063654;
    border-right: 2px solid #063654;
    border-bottom: 0px solid #063654;
    padding: 0 12px;
    font-size: 16px;
}

    .package-table th.selected-package span {
        display: block;
        margin-top: -20px;
        font-weight: normal;
    }

.package-table td.selected-borderBott {
    border-bottom: 15px solid #063654 !important;
}

.package-table .fa-check, .package-table .fa-close {
    color: #aeaeae;
}

.selected-package .fa-close {
    color: #fff;
}

td.selected-package > div {
    width: 50px !important;
}

.toggle.btn, .toggle .btn {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    background: transparent;
    background-size: auto;
    height: 28px !important;
    text-align: center;
    display: inline-block;
    min-width: 10px;
    padding-top: 0;
    margin-bottom: 0 !important;
    border-width: 0;
    border-radius: 4px;
}

.toggle.btn-primary, .toggle .btn-primary {
    margin-right: 0;
    min-width: auto;
    color: #fff;
    background: #97c93c;
    padding-right: 19px;
    padding-top: 1px;
}

    .toggle.btn:hover, .toggle.btn:active,
    .toggle.btn-primary:hover, .toggle.btn-primary:active,
    .toggle .btn:hover, .toggle .btn:active,
    .toggle .btn-primary:hover, .toggle .btn-primary:active {
        color: #fff;
        background: #97c93c;
    }


.toggle .btn-default, .toggle .btn-default:hover, .toggle .btn-default:active {
    color: #fff;
    background: #999;
    /* Old browsers */
}

.toggle-handle {
    background: #fff !important;
}

.toggle-group .fa-check, .toggle-group .fa-close {
    color: #fff !important;
    padding-top: 7px;
}

.toggle-group .fa-check {
    padding-right: 9px;
}

.toggle-group .fa-close {
    padding-left: 8px;
}



/*------------------ Member Portal Config End ----------------------------*/

.validationMessage {
    color: #A94442;
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
    margin-top: -10px;
    font-style: normal;
    position: static;
    width: auto;
}

.dataload-popup-box {
    padding: 0 15px;
    border-radius: 3px;
}

.commentError {
    font-size: 14px;
}



/*------------------ Read More ----------------------------*/

.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
    content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
    content: 'Show less';
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    color: #00938c;
    font-size: .9em;
    text-decoration: underline;
    margin-top: -5px;
}

.read-more p {
    margin: 0 0 5px;
}


/***********************************************************/

.drugsRxCost {
    background: #cbcbcb;
    padding: 15px !important;
    height: 100%;
}

    .drugsRxCost h4 {
        margin-top: 0;
    }

    .drugsRxCost ul {
        list-style-type: decimal;
        list-style-position: inside;
        line-height: 1.5;
    }

/*------------------------added on 18-10-2016----------------------*/

.commonTable {
    margin-bottom: 15px;
}


    .commonTable > tbody > tr > td {
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
        min-width: auto !important;
        max-width: auto !important;
        width: auto !important;
        padding: 8px 12px;
    }



/*----------------------------------------------*/


/*------------------------Enrollment Style----------------------*/

#accordionEnroll .panel-body {
    background-color: #e3e3e3;
    padding: 15px;
}

#accordionEnroll .panel-collapse .form-group .row {
    margin-right: 0;
    margin-left: 0;
}

#accordionEnroll .border_Bottom {
    font-weight: 700;
    border-bottom: 1px solid #aaa;
    color: #333;
}
/*
#accordionEnroll .table > thead > tr > th {
    background: #00446b;
    color: #fff;
}
*/
#accordionEnroll .update-col {
    width: 15%;
}

#accordionEnroll .minus-icon {
    background: url(images/minus-icon.svg) no-repeat;
    height: 20px;
    padding-left: 6px;
    width: 20px;
}

#accordionEnroll .plus-icon {
    background: url(images/plus-icon.svg) no-repeat;
    height: 20px;
    padding-left: 6px;
    width: 20px;
}

#accordionEnroll .form-group h4 {
    font-weight: 700;
}

#accordionEnroll .plan-label1 {
    font-size: 15px;
    margin: 5px;
}

#accordionEnroll .plan-label2 {
    font-family: "Roboto-Medium", sans-serif;
    font-size: 18px;
    color: #07456b;
    margin: 5px
}

/*----------------------------------------------*/
/*------------------------Active Reporting----------------------*/
/*.main {
    position: relative;
    /* padding-bottom: 141px; 
    min-height: 300px;
}
.main:before {
    position: absolute;
    top: 0;
    left: 47%;
    width: 220px;
    top: 0;
    bottom: 0;
    background-color: #e3e3e3;
    content: '';
    margin-left: -490px;
}

.main:after {
    position: absolute;
    top: 0;
    left: 47%;
    width: 2000px;
    top: 0;
    bottom: 0;
    background-color: #e3e3e3;
    content: '';
    margin-left: -2260px;
}*/

.active-reporting {
    margin-bottom: -20px;
}

.content-title {
    padding-bottom: 13px;
}

    .content-title h2 {
        font-weight: normal;
        font-size: 22px;
        line-height: 22px;
    }

.sidebar {
    padding: 15px;
    background: #D1D3D6;
    height: 100%;
}

.form h2 {
    margin: 0 0 15px;
    font-weight: normal;
    font-size: 22px;
    line-height: 22px;
}

.form .form-body {
    padding-bottom: 7px;
}

.form .form-label {
    font-size: 14px;
    padding-bottom: 1px;
    display: block;
}

.form .form-controls {
    position: relative;
}

.form-select .select2-container {
    display: block !important;
}

.form-chk {
    margin-top: 10px;
}

.form-select .select2-container .select2-choice {
    border-radius: 0px;
    background: #fff;
    border: 1px solid #cccccc;
    font-size: 13px;
    line-height: 27px;
    height: 29px;
}

    .form-select .select2-container .select2-choice .select2-arrow b {
        border-top: 6px solid #333333;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        position: absolute;
        top: 50%;
        left: 0;
        height: auto;
        width: auto;
    }

    .form-select .select2-container .select2-choice .select2-arrow {
        background: none;
        border-left: 0;
        width: 18px;
    }

.field {
    width: 100%;
    border: 1px solid #ccc;
    color: #333;
    font-size: 13px;
    font-weight: 300;
    padding: 5px 27px 5px 6px;
    border-radius: 0px;
}

[class^="ico-"] {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
    background-image: url(images/sprite.png);
    background-repeat: no-repeat;
    background-size: 333px;
}

.ico-calendar {
    background: url(images/ico-calendar.png) no-repeat 0 0;
    width: 16px;
    height: 17px;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -9px;
}

.ico-calendar, .form-select .select2-container .select2-choice .select2-arrow b {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.article-services {
    margin-left: -30px;
    padding: 10px 0 30px 15px;
    background: url(images/shadow.png) no-repeat 0 bottom;
    min-height: 80px;
}

    .article-services h3 {
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 16px;
    }

.list-services {
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 0px;
}

    .list-services li {
        width: 16.6%;
        display: inline-block;
        min-width: 85px;
        vertical-align: top;
        padding: 0 5px;
        margin: 0 0 10px;
        line-height: 17px;
        font-size: 10pt;
    }

    .list-services a {
        color: #333333;
        line-height: 17px;
        display: inline-block;
    }

.form-error-message {
    position: absolute;
    left: 0;
    font-size: 12px;
    font-style: italic;
    color: #ff0000;
    display: none;
}

.error .form-error-message {
    display: block;
}

.searchMain .form-error-message {
    left: 15px;
    margin-top: 2px;
    position: static;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal;
    padding: 0;
    border-color: transparent;
    background: none;
    color: #333;
    font-size: 12px;
}

.ui-state-active {
    color: #ccc !important;
    border: 1px solid #ecbf03 !important;
    border-radius: 2px !important;
    background: #fff5ca !important;
    font-weight: bold !important;
}

.btn-export {
    margin-bottom: 5px;
}


/*Search Main*/
.searchMain {
    background: #eee;
    margin-right: 0;
    margin-left: 0;
}

    .searchMain .heading {
        padding: 8px 12px;
        line-height: 1.2;
        background: #0086b8;
        color: #fff;
        font-size: 18px;
        font-family: "Roboto-Medium", sans-serif;
    }

    .searchMain [class*='col-'] {
        padding-right: 12px;
        padding-left: 12px;
        margin-bottom: 15px;
    }

    .searchMain .form-control, .searchMain .btn {
        margin-bottom: 0;
    }



.advSearch {
}

.searchMain .collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

.advSearch .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

/** 7-4-2018 **/
.search-header {
    font-size: 18px;
    background-color: #0086b8;
    color: #fff;
    font-family: "Roboto-Medium", sans-serif;
    padding: 8px 12px;
}

.search-tabs .nav-tabs {
    border-bottom: 0px solid #00446b;
    background: #cbcbcb;
}

    .search-tabs .nav-tabs > li.active > a, .search-tabs .nav-tabs > li.active > a:focus, .search-tabs .nav-tabs > li.active > a:hover {
        color: #333333;
        background-color: #eee;
        border: 0 solid #eee;
        text-decoration: none;
    }

.search-tabs .nav > li > a {
    padding: 5px 20px;
    text-decoration: none;
    margin-right: 2px;
    color: #07456b;
    border-radius: 0;
    border: 0;
    font-family: "Roboto-Medium", sans-serif;
}

    .search-tabs .nav > li > a:focus, .search-tabs .nav > li > a:hover {
        text-decoration: none;
        background-color: #eee;
        border: 0 solid #0086b8;
        color: #07456b;
    }

.input-group-btn .btn-dashboard {
    min-width: auto;
    height: 34px;
}

.separator-txt {
    margin-top: 25px;
    text-align: center;
    font-family: "Roboto-Medium", sans-serif;
    font-size: 16px;
}

@media (max-width: 767px) {
    .separator-txt {
        margin-top: 20px;
    }
}

.disabled-row {
    background: #eee;
    color: #a8a6a6;
}

    .disabled-row .green,
    .disabled-row .orange,
    .disabled-row .sky-blue {
        color: #a8a6a6 !important;
    }


    .disabled-row .form-control[disabled],
    .disabled-row .form-control[readonly],
    .disabled-row fieldset[disabled] .form-control {
        background-color: transparent;
        opacity: 1;
        border-bottom: 1px solid #d5d5d5;
    }

table .disabled-row .fa {
    cursor: default;
    color: #a8a6a6 !important;
}

table .disabled-row .fa-ban, .fa-ban {
    font-size: 16px;
    color: #e74846 !important;
}

table .disabled-row .form-control {
    color: #a8a6a6;
}

.fa-spinner, table .disabled-row .fa-ban {
    font-size: 16px !important;
    cursor: default !important;
}

.fa-spinner {
    margin-top: 6px !important;
}

.disable-icon {
    color: #a49e9e !important;
    cursor: no-drop !important;
}

.nested-table .form-error-message, .table-striped .form-error-message {
    position: static;
    color: #e74846;
}

.date-td {
    max-width: 220px;
}

    .date-td .error-box {
        border-bottom: 1px solid #e74846;
    }

.fa-spin {
    -webkit-transform-origin: 50% calc(50% - 2px);
    transform-origin: 50% calc(50% - 2px);
}

.vertical-top {
    vertical-align: top;
}

.awarded-max {
    min-width: 130px;
}

    .awarded-max .fa {
        vertical-align: middle !important;
        margin-top: 0 !important;
    }


/** 7-4-2018 **/
/*----------------------------------------------*/
.banks {
    border: 1px solid #d4d2d2;
    padding: 5px;
    width: 100%;
    background: #fff;
    margin-bottom: 15px;
}

    .banks img {
        margin-right: 3px;
    }

.summary label {
    color: #989494;
    font-family: "Roboto-Medium", sans-serif;
    font-weight: 500;
}

.grayheading {
    color: #ffffff;
    background: #aeaeae;
    padding: 4px 8px;
    font-size: 16px;
}

/*----------------------------------------------*/


/*----------------------------------------------*/

@media (max-width:767px) {
    .validationMessage {
        bottom: 5px;
    }
}



@media (max-width: 360px) {
    #participation-dashboard .table-aca {
        width: 100%;
    }

        #participation-dashboard .table-aca th {
            vertical-align: top;
            background: #00446b;
            max-width: 80px;
            min-width: 80px;
            color: #fff;
        }

            #participation-dashboard .table-aca th span {
                width: 100%;
                display: block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
}

@media (max-width: 567px) {
    .in-info td {
        display: block;
        padding: 8px 0 4px;
    }
}

@media (max-width: 767px) {
    #participation-dashboard .in-info td:first-child {
        max-width: auto;
        width: auto;
    }

    .hide-mob {
        display: none;
    }

    .show-mob {
        display: block;
    }

    .view-goals table td:nth-child(1) {
        width: 50% !important;
    }

    #participation-dashboard .enroll-form-group .search {
        width: 60%;
    }

    .goals .width-70 {
        width: 100%;
    }

    .goals .width-155 {
        width: 100%;
    }

    .packages .package-list {
        min-height: auto;
        max-height: auto;
        overflow-y: none;
    }
}



@media (min-width: 768px) {
    .hide-mob {
        display: block;
    }

    .show-mob {
        display: none;
    }
}

@media (max-width: 991px) {
    .hide-tab {
        display: none;
    }
}


#participation-dashboard .browse .col-xs-4, #participation-dashboard .browse .col-xs-8 {
    float: left;
}


@media (min-width: 992px) {
    #participation-dashboard .browse .col-xs-4 {
        width: 35.333%;
    }

    #participation-dashboard .browse .col-xs-8 {
        width: 64.667%;
    }
}

#participation-dashboard .browse .col-xs-4 {
    padding-left: 15px;
}

#participation-dashboard .browse .input-group-btn {
    display: table-cell;
}

#participation-dashboard .browse .input-group .form-control {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 99.9%;
    max-width: 99.9%;
}

@media (max-width: 375px) {
    #participation-dashboard .browse .col-xs-4 {
        width: 100%;
    }

    #participation-dashboard .browse .col-xs-8 {
        width: 100%;
    }

    #participation-dashboard .browse .col-xs-4 {
        padding-left: 0;
        text-align: left;
    }
}




/*height*/
.box {
    background: #333;
    width: 300px;
    height: 220px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.title {
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}


.box:hover .title {
    opacity: 1;
    margin-bottom: 110px;
}

.orange-bg:before {
    background-color: rgba(100,100,100,0.8);
}

/*home page gallery*/
.home-bg {
    background: url("images/home-bg.jpg");
    max-height: 456px;
    min-height: 456px;
}

    .home-bg h2 {
        font-size: 30px;
        line-height: 1.2;
        margin-top: 0;
        margin-bottom: 0;
    }

    .home-bg p {
        font-size: 18px;
        color: #333;
        line-height: 1.2;
    }

    .home-bg label {
        font-size: 16px;
        color: #333;
        font-weight: normal;
        margin-bottom: 0px;
    }

    .home-bg .form-group, .home-bg input {
        margin-bottom: 10px;
    }

    .home-bg a {
        font-size: 12px;
        color: #333;
        font-weight: normal;
        display: block;
    }
.home-bg-unitedag {
    background: url("images/img-clportal-index.png") no-repeat right bottom #dcdde0;
    max-height: 456px;
    min-height: 456px;
    background-size: cover;
}
    .home-bg-unitedag h2 {
        font-size: 30px;
        line-height: 1.2;
        margin-top: 0;
        margin-bottom: 0;
        text-shadow: 0px 1px #000;
    }

    .home-bg-unitedag p {
        font-size: 18px;
        color: #333;
        line-height: 1.2;
    }

    .home-bg-unitedag label {
        font-size: 16px;
        color: #333;
        font-weight: normal;
        margin-bottom: 0px;
    }

    .home-bg-unitedag .form-group, .home-bg-unitedag input {
        margin-bottom: 10px;
    }

    .home-bg-unitedag a {
        font-size: 12px;
        color: #333;
        font-weight: normal;
        display: block;
    }


.home-log {
    padding-left: 30px;
    padding-right: 30px;
}

    .home-log button, .home-log button:focus, .home-log button:active {
        height: 40px;
        font-size: 18px;
        margin: 10px 0 5px;
    }

    .home-log .btn-dashboard, .home-log .btn-dashboard:focus, .home-log .btn-dashboard:active {
        height: 40px;
        font-size: 18px;
        margin: 10px 10px 5px 0;
    }


.home-mid-align {
    height: 456px;
    display: table;
}


    .home-mid-align > div {
        display: table-cell;
        vertical-align: middle;
    }

.home-main .col-sm-4 {
    margin-top: 30px;
}

.home-main .card {
    border: 3px solid #eeeeee;
    height: 100%;
}

    .home-main .card a {
        text-decoration: none;
    }

.home-main .card-block {
    padding: 12px;
}

.home-main .card-title {
    font-size: 24px;
    margin-top: 0;
}

.home-main .card-text {
    font-size: 13px;
    color: #333333;
    margin-bottom: 0;
}

.home-main .img-responsive {
    width: 100%;
}

/**************************/
.card-wrapper {
    max-width: 800px;
}

.activereporting-card {
    background: url(../../images/active_reporting.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 36.25%;
}

.enrollment-card {
    background: url(../../images/enrollment.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 36.25%;
}

.pophealth-card {
    background: url(../../images/population-health.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 36.25%;
}

.acareporting-card {
    background: url(../../images/aca_reporting.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 36.25%;
}

.underwriting-card {
    background: url(../../images/underwriting.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 36.25%;
}

.taskcollaboration-card {
    background: url(../../images/task-collaboration.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 36.25%;
}

.activities_filter {
    width: 90%;
    margin-bottom: 0;
    padding: 5px;
}

@media (min-width: 420px) and (max-width: 767px) {
    .activereporting-card {
        background: url(../../images/active_reporting_tab.jpg) no-repeat top left;
        padding-top: 23.25%;
    }

    .enrollment-card {
        background: url(../../images/enrollment_tab.jpg) no-repeat top left;
        padding-top: 23.25%;
    }

    .pophealth-card {
        background: url(../../images/population-health_tab.jpg) no-repeat top center;
        padding-top: 23.25%;
    }

    .acareporting-card {
        background: url(../../images/aca_reporting_tab.jpg) no-repeat top 40%;
        padding-top: 23.25%;
    }

    .underwriting-card {
        background: url(../../images/underwriting_tab.jpg) no-repeat top left;
        padding-top: 23.25%;
    }

    .taskcollaboration-card {
        background: url(../../images/task-collaboration_tab.jpg) no-repeat top left;
        padding-top: 23.25%;
    }
}

/****** header Code **********/
.container.new-header {
    padding-right: 0;
    padding-left: 0;
}

.new-header .row {
    margin-right: 0;
    margin-left: 0;
}

.logo-CP, .logo-hci {
    height: 100px;
    display: table;
}

    .logo-CP div {
        font-size: 48px;
        display: table-cell;
        vertical-align: middle;
    }

    .logo-hci div {
        display: table-cell;
        vertical-align: middle;
    }


    .logo-hci img {
        display: inline-block;
        float: right;
        vertical-align: middle;
    }

.rx-dropdown-right {
    right: 15px;
    left: auto;
    top: 79%;
}


#IVRform li {
    line-height: 1.6;
    margin-bottom: 5px;
}

#IVRform ol li ul li {
    list-style: disc;
}

#IVRform h4 {
    font-weight: "Roboto-Bold", sans-serif;
    font-weight: 700;
    margin-top: 30px;
}

#IVRform .form-control {
    width: 40%;
}

#IVRsubmitted li {
    line-height: 1.6;
    margin-bottom: 5px;
}


@media (max-width: 320px) {
    #participation-dashboard.enrollment-dashboard .member-footer span {
        line-height: 1.2;
        max-width: 175px;
    }

    #participation-dashboard.enrollment-dashboard .member-footer .btn-darkblue {
        margin: 0 0 15px;
    }
}

@media (min-width: 280px) and (max-width: 479px) {

    #participation-dashboard.enrollment-dashboard .label {
        display: block;
    }

    #participation-dashboard.enrollment-dashboard .form-control {
        margin: 8px 0 2px;
    }

    #participation-dashboard .enroll-form-group .col-md-6 button, .btn-export-right {
        width: 100%;
    }

    #participation-dashboard .btn-darkblue {
        margin: 8px 0 0;
    }

    #participation-dashboard.enrollment-dashboard .member-footer span {
        margin-top: 15px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .rx-dropdown-right {
        top: 63%;
    }
}

@media (max-width: 767px) {

    .home-main .img-responsive {
        max-height: 150px;
    }

    #participation-dashboard .enroll-form-group .col-md-6 button, .btn-export-right {
        margin-top: 0;
        margin-bottom: 15px;
        margin-right: 0;
    }

    #participation-dashboard.enrollment-dashboard .tab-section {
        background: #fff;
    }

    #participation-dashboard.enrollment-dashboard .pull-right-lg {
        float: none;
    }

    #participation-dashboard .upload .btn {
        margin-bottom: 10px;
    }

    .event-marriage-table .noDocs {
        height: 137px;
        background-color: #f3f3f3 !important;
    }

    .total {
        text-align: left;
    }

    .aca-height-60, .aca-height-140 {
        height: auto;
    }

    #participation-dashboard .table-aca th:nth-child(2), #participation-dashboard .table-aca th:nth-child(3) {
        text-align: left;
    }

    #participation-dashboard .aca-height-250 {
        height: auto;
    }

    #participation-dashboard .table-striped th i {
        display: none;
    }

    #IVRform .form-control {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #participation-dashboard.enrollment-dashboard .table-striped td {
        margin: 0;
        vertical-align: top;
    }

    #participation-dashboard.enrollment-dashboard .table-striped th {
        text-align: left;
    }

    #participation-dashboard.enrollment-dashboard .table-striped {
        display: block;
        position: relative;
        width: 100%;
    }

        #participation-dashboard.enrollment-dashboard .table-striped thead {
            display: block;
            float: left;
        }

            #participation-dashboard.enrollment-dashboard .table-striped thead tr {
                display: block;
            }

        #participation-dashboard.enrollment-dashboard .table-striped th {
            display: block;
            text-align: right;
        }

        #participation-dashboard.enrollment-dashboard .table-striped tbody {
            display: block;
            width: auto;
            position: relative;
            overflow-x: auto;
            white-space: nowrap;
        }

            #participation-dashboard.enrollment-dashboard .table-striped tbody tr {
                display: inline-block;
                vertical-align: top;
            }

        #participation-dashboard.enrollment-dashboard .table-striped td {
            display: block;
            min-height: 1.25em;
            text-align: left;
        }
        /* sort out borders */

        #participation-dashboard.enrollment-dashboard .table-striped th {
            border-bottom: 0;
            border-left: 0;
            height: 30px;
        }

        #participation-dashboard.enrollment-dashboard .table-striped td {
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
            height: 30px;
        }

    #participation-dashboard .enroll-form-group .col-md-6 button, .btn-export-right {
        margin-top: 0;
        margin-bottom: 15px;
    }


    #participation-dashboard .table-striped th i {
        display: none;
    }

    .sortheader .fa.yellow { /*show blank icon in Point Management table th*/
        display: inline-block !important;
    }

    #participation-dashboard.enrollment-dashboard .table-striped .width-mob-20 {
        width: 100%;
    }

    .rx-dropdown-right {
        top: 63%;
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    .aca-height-60 {
        height: 88px;
    }

    .aca-height-140 {
        height: 180px;
    }

    #participation-dashboard .aca-height-250 {
        height: 300px;
    }
}

@media (min-width: 1000px) and (max-width: 1199px) {

    #participation-dashboard .aca-height-250 {
        height: 270px;
    }
}

@media (min-width: 768px) {
    #participation-dashboard {
        min-height: 550px;
    }
}

/*** bootstrap classes
--------------------------------------------------------*/
.panel-group h2 {
    margin: 0 0 5px;
}

.panel-heading {
    background: #00446b;
    color: #fff;
}

.panel-default > a, .panel-default > a {
    text-decoration: none;
}

.panel-title {
    display: inline-block;
}

.panel-heading .fa-plus {
    margin-top: 2px;
}

.tpaPremium .panel-heading {
    background: #0086b8;
    color: #fff;
}

.tpaPremium .panel-body {
    background-color: #e3e3e3;
    padding: 15px;
}

/*** Beneficiary classes
--------------------------------------------------------*/

.beneficiarySelected {
    padding-left: 15px;
}

    .beneficiarySelected li {
        width: 100% !important;
        font: normal 100% "Roboto" !important;
        color: #333 !important;
        display: list-item !important;
        list-style-type: number;
    }

.beneficiaryName input[type="text"] {
    width: auto;
    height: auto;
    padding: 3px 8px;
    margin-left: 20px;
    text-align: right;
}

.beneficiaryName .totalInput .success-bg[disabled] {
    background: #00938c;
    color: #fff;
    font-weight: bold;
}

.beneficiaryName .totalInput .unsuccess-bg[disabled] {
    background: #e74846;
    color: #fff;
    font-weight: bold;
}

.beneficiaryName h4 {
    font-size: 120%;
}

.beneficiaryName .checkbox label {
    display: inline-block;
}

.addedBeneficiaryTable {
    width: auto;
}

    .addedBeneficiaryTable tbody {
        background: transparent;
    }

    .addedBeneficiaryTable td {
        padding: 4px;
    }

    .addedBeneficiaryTable .fa-pencil, .addedBeneficiaryTable .fa-close {
        padding: 2px 6px 6px;
        cursor: pointer;
        font-size: 16px;
    }

.symmetryHeading {
    background: #898c8e;
    padding: 4px 8px;
    text-align: center;
    color: #fff;
    font: normal 18px "Roboto-Medium";
    margin-bottom: -6px;
    border: 1px solid #d7d8d8;
}

.symmetryView .bold {
    font: normal 110% "Roboto-Medium" !important;
    color: #a94442 !important;
}

.assignBeneficiary ul {
    list-style: disc;
}

    .assignBeneficiary ul li {
        margin-top: 5px;
    }

.assignBeneficiary .panel-group .panel-heading {
    border-color: #2e6da4;
    color: #fff;
    background: #0086b8;
}

.error-border {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}

@media (min-width: 768px) and (max-width: 990px) {
    .dwollaBreadcrumb .cd-breadcrumb.triangle li > * {
        font-size: 12px;
        padding: .9em .8em 1em 2.5em;
    }

    .dwollaBreadcrumb .cd-breadcrumb.triangle li > .breadcrumbSpan {
        padding: .5em .8em .4em 2.5em;
    }
}

@media (min-width: 768px) #participation-dashboard {
    min-height: 550px;
}

.dwollaBreadcrumb {
    margin-top: 15px;
}


/*** Helper classes
--------------------------------------------------------*/
/*Misc*/
.tooltip > .tooltip-inner {
    width: 200px !important;
}

.incentive-publish .tooltip > .tooltip-inner {
    width: auto !important;
}

.selected {
    background-color: #b2daea !important;
}

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

footer a {
    color: #fff;
    text-decoration: underline;
}

    footer a:hover {
        color: #fff;
    }

/*date textbox*/
.dateicon-textbox {
    background-image: url('images/dateicon.png');
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

    .dateicon-textbox::-ms-clear {
        visibility: hidden;
        display: none;
    }

/*width*/
.minwidth-auto {
    min-width: auto !important;
}

.width-10 {
    width: 10%;
}

.width-20 {
    width: 20%;
}

.vertical-line {
    width: 1px;
    height: 70px;
    background-color: #a6a7a8;
    margin-left: 50%;
}
/*------------------------added on 18-10-2016----------------------*/
.commonTable .width-40 {
    min-width: auto !important;
    max-width: 40% !important;
    width: 40% !important;
}

.commonTable .width-60 {
    min-width: auto !important;
    max-width: 60% !important;
    width: 60% !important;
}

/*----------------------------------------------*/
.nowrap {
    white-space: nowrap !important;
}


.min-width-200 {
    min-width: 200px;
}

.min-width-300 {
    min-width: 300px;
}

.width-mob-min-8 {
    min-width: 8%;
}

.width-mob-20 {
    width: 19%;
}

.width-mob-30 {
    width: 30%;
}

.width-mob-33 {
    width: 33%;
}

.width-110 {
    width: 110px;
}

.width-50 {
    width: 50% !important;
}

.edit-txt {
    max-width: 80%;
}

.height-scroll-y {
    max-height: 270px;
    overflow-y: auto;
}


/*cursor*/
.pointer-cursor {
    cursor: pointer;
}

.cursor-ban {
    cursor: not-allowed !important;
}

/* float */
.left {
    float: left;
    margin-left: 10px;
}

.right {
    float: right;
    margin-right: 10px;
}
/* Display */
.hide {
    display: none;
}


.show {
    display: inline;
}

.show-block {
    display: block !important;
}

.display-inlineBlock {
    display: inline-block !important;
}

#tblPoints .show {
    display: inline !important;
}

.visible-hide {
    visibility: hidden;
}

.visible-show {
    visibility: visible;
}

@media (max-width: 767px) {
    .hide-mob {
        display: none;
    }
}

/* spacer*/
.spacer20 {
    height: 20px;
}

.spacer40 {
    height: 40px !important;
}

.spacer50 {
    height: 50px !important;
}

.spacer100 {
    height: 100%;
}


.spacer330-mob {
    min-height: 330px;
    background-color: #ebebeb;
}

@media (max-width: 991px) {
    .spacer330-mob {
        min-height: auto;
        background-color: transparent;
    }
}


/* Margin */
.margin-auto {
    margin: auto;
}

.margin-15 {
    margin: 15px;
}

.margin-25 {
    margin-top: 25px;
}

/* Margin Top*/
.marginTop-0 {
    margin-top: 0 !important;
}

.marginTop-5 {
    margin-top: 5px;
}

.marginTop-10 {
    margin-top: 10px !important;
}

.marginTop-15 {
    margin-top: 15px;
}

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

.marginTop-30 {
    margin-top: 30px;
}

.marginTop-60 {
    margin-top: 60px;
}

.marginTop-50 {
    margin-top: 50px;
}

.marginTop-0-mob {
    margin-top: 20px;
}

.marginTopNeg-15 {
    margin-top: -15px;
}


/* Margin Bottom*/
.marginbott-0 {
    margin-bottom: 0;
}

.marginbott-5 {
    margin-bottom: 5px !important;
}

.marginbott-10 {
    margin-bottom: 10px;
}

.marginbott-15 {
    margin-bottom: 15px;
}

.marginbott-20 {
    margin-bottom: 20px;
}

.marginbott-30 {
    margin-bottom: 30px;
}

.marginTB-20-mob-10 {
    margin-top: 20px;
}


.marginTB-25-mob-10 {
    margin-top: 24px;
}


/**/

.margintop-10Neg {
    margin-top: -10px;
}


.marginT-20-mob-0 {
    margin-top: 20px;
}



/* Margin Right*/
.marginRight-0 {
    margin-right: 0 !important;
}

.marginRight-10 {
    margin-right: 10px !important;
}

.marginRight-15 {
    margin-right: 15px;
}

.marginRight-20 {
    margin-right: 20px;
}

/* Margin Left*/
.marginLeft-0 {
    margin-left: 0;
}

.marginLeft-5 {
    margin-left: 5px;
}

.marginLeft-10 {
    margin-left: 10px;
}

.marginLeft-15 {
    margin-left: 15px;
}

.marginLeft-20 {
    margin-left: 20px;
}

.marginLeft-30 {
    margin-left: 30px;
}

/* Margin Mobile View*/
@media (max-width: 767px) {
    .margin-25 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .marginbott-20-mob {
        margin-bottom: 20px;
    }

    .marginT-20-mob-0 {
        margin-top: 0;
    }


    .width-mob-33, .width-mob-30, .width-mob-20, .width-mob-min-8 {
        width: 100%;
    }

    .marginbott-10-mob {
        margin-bottom: 10px;
    }

    .marginTop-10-mob {
        margin-top: 10px;
    }

    .marginTop-0-mob {
        margin-top: 0;
    }

    .marginbott-15-mob {
        margin-bottom: 15px;
    }

    .marginTop-15-mob {
        margin-top: 15px;
    }

    .marginTB-20-mob-10, .marginTB-25-mob-10 {
        margin-top: 0;
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .marginbott-15-md {
        margin-bottom: 15px;
    }

    .marginTop-15-md {
        margin-top: 15px;
    }
}



/*padding*/
.right-pad-0 {
    padding-right: 0;
}

.right-pad-15 {
    padding-right: 15px;
}

.left-pad-0 {
    padding-left: 0;
}

.left-pad-10 {
    padding-left: 10px;
}

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

.left-mob-pad-0 {
    padding-left: 0;
}

.bottom-pad-15 {
    padding-bottom: 15px;
}

.top-pad-15, .top-mob-pad-15 {
    padding-top: 15px !important;
}

.pad-0 {
    padding: 0 !important;
}

.pad-8 {
    padding: 8px !important;
}

.pad-10 {
    padding: 10px !important;
}

.pad-20 {
    padding: 20px;
}

.left-pad-38 {
    padding-left: 38px;
}

@media (max-width: 767px) {
    .left-mob-pad-0 {
        padding-left: 15px;
    }

    .top-mob-pad-15 {
        padding-top: 0 !important;
    }

    .top-mob-pad-0 {
        padding-top: 15px !important;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .left-mob-pad-0 {
        padding-left: 15px;
    }

    .top-mob-pad-0 {
        padding-top: 15px;
    }
}

/* Border*/

.border-bott {
    border-bottom: 1px solid #ccc !important;
}

.border {
    border: 1px solid #ccc;
}

/* Text Color*/
.light-orange {
    color: #dc5d28;
}

.orange, .fa-close, .fa-times, .fa-minus-circle, .fa-chevron-circle-up, .fa-cloud-download {
    color: #e74846;
}

.yellow, .fa-arrow-right, .fa-pencil, .fa-exclamation-triangle {
    color: #e5921a !important;
}

.violet {
    color: #4c3e5e;
}

.seagreen, .fa-play, .fa-check, .fa-check-square-o {
    color: #00938c !important;
}

.light-green {
    color: #97c93d;
}

.sky-blue, .fa-paperclip, .fa-medkit {
    color: #0086b8 !important;
}

.red {
    color: #e85555;
}

.dark-blue, .fa-download, .fa-trash, .fa-file-text-o, .fa-file-text {
    color: #07456b !important;
}

.gray {
    color: #b7b7b7;
}

.med-gray {
    color: #7b7979;
}

.dark-gray {
    color: #333333;
}

.white {
    color: #fff !important;
}

.dark-pink, .fa-file-archive-o {
    color: #9b2872;
}

.light-green {
    color: #97c93d;
}

.green, .fa-check-circle {
    color: #2e9600;
}
/* Background Color*/
.white-bg {
    background: #fff !important;
}

.dark-blue-bg {
    background: #00446b;
}

.sky-blue-bg {
    background: #0086b8;
}

.yellow-bg, .progress-bar-warning {
    background: #e59225;
}

.maroon-bg {
    background: #9d2c4a;
}

.orange-bg, .progress-bar-danger {
    background: #e64746;
}

.seagreen-bg, .progress-bar-success {
    background: #00948c;
}

.light-green-bg {
    background: #97c93d;
}

.light-orange-bg {
    background: #dc5d28;
}

.gray-bg {
    background: #b7b7b7;
}

.light-gray-bg {
    background: #D1D3D6;
}

.dark-gray-bg {
    background: #333333;
}

.box-gray-bg {
    height: 100%;
    background: #e3e3e3;
}

.dim-gray-bg {
    background: #737373 !important;
}

.gray-disc-box {
    background: #737373;
    color: #ffffff;
    font-size: 110%;
    font-family: "Roboto-Medium", sans-serif;
    display: inline-block;
    padding: 3px 5px;
}

.boldItalic {
    font-family: "Roboto-Bold", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.custom-semidonut {
    min-height: 300px;
    max-height: 300px;
    overflow: hidden;
}

.semidonut-box {
    padding: 8px;
}

    .semidonut-box img {
        margin: 15px auto;
    }

    .semidonut-box span {
        font-size: 25px;
        font-weight: bold;
    }

.demo {
    background-color: #efefef;
}
/*common icon style*/

table .fa, .modal .fa-pencil, .modal .fa-close {
    font-size: 125%;
    cursor: pointer;
}


.fa-info-circle {
    color: #878788;
}

.fa + .fa, table td a:nth-child(2) .fa, table td a:nth-child(3) .fa {
    margin-left: 5px;
}

.fa {
    text-decoration: none !important;
}

.equalheight {
    overflow: hidden;
}


.font-awesome {
    font-family: FontAwesome, "Roboto", sans-serif;
}

/* url link*/
#participation-dashboard .seagreen-url {
    color: #00938c;
    text-decoration: underline;
}

    #participation-dashboard .seagreen-url:hover,
    #participation-dashboard .seagreen-url:focus {
        color: #00938c;
        text-decoration: none;
    }

#participation-dashboard .underline {
    text-decoration: underline;
}

    #participation-dashboard .underline:hover,
    #participation-dashboard .underline:focus {
        text-decoration: none;
    }

.disabled {
    color: #666 !important;
    opacity: 1;
}

    .disabled:hover, .disabled:focus {
        color: #666;
        text-decoration: none !important;
    }

/**/
.btn-paging {
    width: 34px;
    background: #f0f0f0;
    padding: 8px 0;
    margin: 0 4px;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
}

    .btn-paging:hover, .btn-paging:focus {
        background: #dcdcdc;
    }

    .btn-paging.nohover:hover {
        background: #f0f0f0;
    }



/*display*/
#participation-dashboard .inline-block, .inline-block {
    display: inline-block;
}

.nowrap {
    white-space: nowrap !important;
}

.paymentAuth-footer {
    margin-top: 15px;
    font-family: "Roboto-Bold", sans-serif;
    font-weight: 700;
}

    .paymentAuth-footer a {
        text-decoration: none;
        display: inline-block;
        padding: 8px 16px;
    }

        .paymentAuth-footer a:hover {
            background-color: #ddd;
            color: black;
        }

    .paymentAuth-footer .previous {
        background-color: #e3e3e3;
        color: black;
    }

    .paymentAuth-footer .next {
        background-color: #2e6da4;
        color: white;
    }


.member-footer {
    margin-top: 15px;
    font-family: "Roboto-Bold", sans-serif;
    font-weight: 700;
}

    .member-footer a {
        color: #333;
        text-decoration: none;
        font-family: "Roboto-Bold", sans-serif;
        font-weight: 700;
    }

        .member-footer a:hover {
            color: #333;
            text-decoration: underline;
        }

.bold {
    font-family: "Roboto-Bold", sans-serif;
    font-weight: 700;
}

.notes-txt {
    font-size: 12px;
    font-style: italic;
    color: #999;
    line-height: 1.3;
    font-weight: 500;
}

.text-16 {
    font-size: 16px;
}

.radius {
    border-radius: 3px;
}

/* Position */
.rel-pos-mob {
    position: relative;
}

.selected-row {
    background-color: #fdfbba !important;
}

.listnumber {
    margin-left: 15px;
}

    .listnumber li {
        margin-bottom: 10px;
    }

@media (max-width: 767px) {
    .rel-pos-mob {
        position: static;
    }

    .text-left-mob {
        text-align: left;
    }
}

/* Equal Height Row*/
/*
 * Row with equal height columns
 * --------------------------------------------------
 */


.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .row-eq-height {
        display: block;
    }    

    .home-main .row-eq-height {
        display: flex;
    }
}

@media (max-width: 767px) {
    .home-main .row-eq-height {
        display: block;
    }
}




/* Style.css overwrite 
***********************************************************/
.ms-drop ul > li label {
    margin-top: 0;
    margin-bottom: 0;
    padding: 2px 0;
}

.ms-drop ul > li input {
    margin: 0;
}

#availablePortals h3 {
    margin: 4px 4px 0px 0px;
}

.info-txt {
    padding: 8px 12px;
    background: #fff5ca;
    border: 1px solid #ecbf03;
    color: #a47a00;
    margin: 15px 0;
}
/**Underwriting*/
/*.dataTable > thead > tr{
    background: #333 !important;
}
.dataTable > thead > tr > .sorting_asc{
    background-image: url("images/sort_asc.png") !important;
        background-repeat: no-repeat !important;
    background-position: center right !important;
}

.dataTable > thead > tr > .sorting_desc{
    background-image: url("images/sort_desc.png") !important;
        background-repeat: no-repeat !important;
    background-position: center right !important;
}*/

.loadingContainerStyle {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #e3e3e3;
    opacity: 0.8;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    min-height: 100%;
    cursor: wait;
}

.loadingStyle {
    position: fixed;
    left: 40%;
    top: 50%;
    height: 30px;
    z-index: 999;
    border: 3px solid black;
}

.loadingStyleimg {
    display: block;
    -moz-box-sizing: border-box;
    background: url(./images/ajax-loader.gif) no-repeat;
    position: fixed;
    left: 40%;
    top: 50%;
    width: 15%;
    height: 30px;
    z-index: 999;
    border: 3px solid black;
    background-size: 100% 30px;
}

#overlay-waiting {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    min-height: 100%;
}

#loading {
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
    color: #fff;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.claims-spinner {
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin: 0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0,174,239,.15);
    border-right: 6px solid rgba(0,174,239,.15);
    border-bottom: 6px solid rgba(0,174,239,.15);
    border-top: 6px solid rgba(0,174,239,.8);
    border-radius: 100%;
    z-index: 10000;
}

.dwolla-spinner {
    display: block;
    position: absolute;
    left: 50%;
    top: 65%;
    height: 60px;
    width: 60px;
    margin: 0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0,174,239,.15);
    border-right: 6px solid rgba(0,174,239,.15);
    border-bottom: 6px solid rgba(0,174,239,.15);
    border-top: 6px solid rgba(0,174,239,.8);
    border-radius: 100%;
    z-index: 10000;
}

.ul-inside li {
    list-style-type: disc;
    margin: .5em 15px;
}


/*****************************************************/
/*** Datatable Component Start
*****************************************************/
table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

    table.dataTable thead th.sorting:after,
    table.dataTable thead th.sorting_asc:after,
    table.dataTable thead th.sorting_desc:after {
        position: absolute;
        top: 12px;
        right: 8px;
        display: block;
        font-family: FontAwesome;
    }

    table.dataTable thead th.sorting:after {
        content: "\f0dc";
        color: #ddd;
        font-size: 0.8em;
        padding-top: 0.12em;
        opacity: 0.6;
    }

    table.dataTable thead th.sorting_asc:after {
        content: "\f0de";
        opacity: 1;
    }

    table.dataTable thead th.sorting_desc:after {
        content: "\f0dd";
        opacity: 1;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    /*top: 5px;
    left: 4px;
    height: 20px;*/
    /*width: 20px;*/
    /*display: block;
    position: absolute;
    color: #00938c;*/
    border: 0 solid white;
    /*border-radius: 14px;*/
    box-shadow: 0 0 0 #fff;
    box-sizing: content-box;
    text-align: center;
    font-family: FontAwesome;
    /*font-size: 20px;*/
    line-height: 1;
    content: '\f13a';
    background-color: transparent;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
    color: #e74846;
    content: '\f139';
    background-color: transparent;
}

table.dataTable {
    width: 100% !important;
}

    table.dataTable tbody th, table.dataTable tbody td {
        padding: 5px;
    }

    table.dataTable > tbody > tr.child ul {
        margin: 0 5px 0 -13px;
        padding: 0;
        width: 100%;
    }

    table.dataTable .dtr-title {
        color: #454749;
        min-width: 100px !important;
        font-size: 100%;
    }

    table.dataTable > tbody > tr.child ul li {
        border-bottom: 1px solid #c5c5c5;
    }

    table.dataTable .btn {
        border-bottom: 1px solid #c5c5c5;
        padding: 4px 20px;
    }

    table.dataTable.searchTable tbody tr:hover td {
        background: #b2daea;
        cursor: pointer;
    }

    table.dataTable tbody tr.selected td {
        background: #b2daea;
    }

    table.dataTable .fa-pencil, table.dataTable .fa-trash {
        cursor: pointer;
    }

table.dtr-responsive th:first-child, table.dtr-responsive td:first-child {
    width: 20px !important;
    border-right: 0px solid #ddd;
}


.dataTables_wrapper {
    padding: .2em 0;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        padding: 0;
    }

    .dataTables_wrapper select, .dataTables_wrapper input {
        margin-bottom: 8px;
        border: 1px solid #E4E4E4;
    }

.pagination {
    margin-top: 7px !important;
}

    .pagination > li > a {
        float: none;
    }

table.dataTable.action-table th:nth-child(2), table.dataTable.action-table td:nth-child(2) {
    width: 60px !important;
}

.action-table .action {
    width: 60px !important;
    text-align: center;
    min-width: 60px !important;
}

.dataTables_length {
    margin: 0;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    float: right;
    clear: both;
    margin-right: 0;
}

.dataTables_wrapper .dataTables_info {
    margin-left: 0;
}

table.dataTable.withFooter {
    border-bottom: 0px !important;
    background-color: #fff;
}

@media (max-width: 768px) {

    #participation-dashboard td:first-child {
        width: auto !important;
        min-width: auto !important;
        max-width: auto !important;
    }

    table.dataTable th, table.dataTable td {
        height: 10px;
    }

    table.dataTable h5 {
        margin-top: 0;
    }

    div.dataTables_wrapper div.dataTables_filter {
        text-align: left;
        float: left;
        clear: both;
    }
}



/*@media screen\0  and (min-width: 768px){
    table.dataTable.table-bordered tbody th, table.dataTable.table-bordered tbody td {
		border-bottom-width: 0px;
		word-wrap: break-word;
		word-break: break-all;
	}
}*/

/*** Datatable Component End
*****************************************************/
.parenttr, .parenttr2 {
    background-color: #716F6F !important;
    color: #ffffff;
    font-size: 16px;
    font-family: "Roboto-Medium", sans-serif;
    cursor: pointer;
}

    .parenttr td {
        border-bottom: 1px solid #cccccc;
    }

    .parenttr2 td {
        padding-left: 25px !important;
        border-bottom: 1px solid #cccccc;
    }

.left-pad-first-td-50 td:first-child {
    padding-left: 50px;
}

.left-pad-first-td-25 td:first-child {
    padding-left: 25px;
}

@media print {
    div {
        display: block;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .row {
        display: block;
        margin-right: 0;
        margin-left: 0;
    }

    .form-label {
        font-size: 14px;
        padding-bottom: 1px;
        display: block;
    }

    .form-controls {
        position: relative;
    }

    .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .col-sm-4 {
        width: 33.33333333%;
        float: left;
    }

    .noprint {
        display: none;
    }

    .fixedwidth {
        min-width: 120px;
        max-width: 160px !important;
        word-break: break-all;
        white-space: normal;
    }



    .oddrow {
        background-color: #e3e3e3 !important;
        -webkit-print-color-adjust: exact;
    }
}


/*--------------------added on 15-06-2017--------------------------*/
.h2 {
    margin: 0;
    font-size: 24px;
    font-family: "Roboto-Medium", sans-serif;
    color: #00446b;
}

.h4 {
    color: #6d6f70;
    margin-top: 15px;
    margin-bottom: 0;
}

h5 {
    font-size: 115%;
    font-family: "Roboto-Medium";
    color: #0086b8;
    margin-bottom: 5px;
}

.col-2-list ul {
    margin-bottom: 0;
}

.col-2-list li {
    margin-bottom: 5px;
}

    .col-2-list li:nth-child(odd) {
        width: 29%;
        font: normal 100% "Roboto-Medium";
        display: inline-block;
        color: #000;
        vertical-align: top;
    }

    .col-2-list li:nth-child(even) {
        width: 70%;
        display: inline-block;
    }

.col-2-list h5 {
    border-bottom: 1px solid #ebe6e6;
}


.fa-print, .fa-file-pdf-o, .fa-file-excel-o {
    font-size: 1.7em;
    color: #07456b;
    cursor: pointer;
}

.fa-file-pdf-o {
    color: #e74846;
}

.beneficiarySelected {
    padding-left: 15px;
}

    .beneficiarySelected li {
        width: 100% !important;
        font: normal 100% "Roboto" !important;
        color: #333 !important;
        display: list-item !important;
        list-style-type: number;
    }


.font-18 {
    font-size: 18px;
}

.font-115 {
    font: normal 115% "Roboto-Medium", sans-serif;
    color: #333;
}

@media (max-width:999px) {

    .col-2-list li:nth-child(odd) {
        width: 40%;
    }

    .col-2-list li:nth-child(even) {
        width: 58%;
    }
}


/*----------------------------------------------*/


.panel-group .row {
    margin-right: 0;
    margin-left: 0;
}

.panel-group .col-xs-11, .panel-group .col-xs-1, .panel-body .col-sm-12 {
    padding-right: 0;
    padding-left: 0;
}

.accumulatorTable td .row {
    margin-right: -15px;
    margin-left: -15px;
}

.accumulatorTable .progress {
    min-width: 200px;
    width: 100%;
    margin: 5px auto;
}

.text-centerleft-mob {
    text-align: center;
}

.small {
    color: gray;
}

.width-50-mob-100 {
    width: 50%;
}


.text-right-mob-left {
    text-align: right;
}

@media (max-width: 767px) {
    .text-centerleft-mob {
        text-align: left;
    }

    .width-50-mob-100 {
        width: 100%;
    }
}

.alert {
    padding: 8px 15px;
}

.align-middle {
    vertical-align: middle !important;
}


/* ----   Google Translate  ---- */

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.skiptranslate {
    display: none !important;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
    display: none !important;
}

body {
    top: 0px !important;
}

.goog-te-gadget > div {
    text-align: right;
}

.goog-tooltip {
    display: none !important;
}

    .goog-tooltip:hover {
        display: none !important;
    }

.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.googleModal h2 {
    font-size: 16px;
    margin: 0 0 8px;
    color: #333;
}

.changeCulture {
    margin-top: 5px;
}

    .changeCulture select {
        margin-bottom: 2px;
        border: 1px solid #ccc;
    }
/* ----   Google Translate  ---- */

@media (max-width: 767px) {
    .text-centerleft-mob {
        text-align: left;
    }

    .text-right-mob-left {
        text-align: left;
    }

    .welcome {
        display: block;
        margin-top: 10px;
    }
}

/* -- Search result row style in data table*/
.searchResult tr {
    cursor: pointer;
}

.inline-validationMessage {
    color: #A94442;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: -10px;
    font-style: normal;
    position: static;
    width: auto;
}

#Inquiry .spinner {
    position: fixed;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin: 0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0,174,239,.15);
    border-right: 6px solid rgba(0,174,239,.15);
    border-bottom: 6px solid rgba(0,174,239,.15);
    border-top: 6px solid rgba(0,174,239,.8);
    border-radius: 100%;
}

.or-txt {
    padding-top: 15px;
    height: 80px;
    line-height: 80px;
    text-align: center;
}

.or-txt-publishedDate {
    height: 20px;
    line-height: 80px;
    text-align: center;
}


@media (max-width: 767px) {
    .or-txt {
        height: 20px;
        line-height: 20px;
        padding-bottom: 15px;
        text-align: left;
    }

    .or-txt-publishedDate {
        height: 20px;
        line-height: 20px;
        padding-bottom: 15px;
        text-align: left;
        margin: 5px 0px;
    }
}

.ko-unbound {
    display: none;
    visibility: hidden;
}

/* ----- vertical-stepper ----- */
.StepProgress {
    position: relative;
    padding-left: 45px;
    list-style: none;
    margin-top: 10px;
}

    .StepProgress::before {
        display: inline-block;
        content: "";
        position: absolute;
        top: 0;
        left: 15px;
        width: 10px;
        height: 100%;
        border-left: 2px solid #ccc;
    }

.StepProgress-item {
    position: relative;
    counter-increment: list;
}

    .StepProgress-item:not(:last-child) {
        padding-bottom: 20px;
    }

    .StepProgress-item::before {
        display: inline-block;
        content: "";
        position: absolute;
        left: -30px;
        height: 100%;
        width: 10px;
    }

    .StepProgress-item::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: -35px;
        width: 12px;
        height: 12px;
        border: 2px solid #ccc;
        border-radius: 50%;
        background-color: #fff;
    }

    .StepProgress-item.is-done::before {
        border-left: 2px solid #00446b;
    }

    .StepProgress-item.is-done::after {
        content: "✔";
        font-size: 10px;
        color: #fff;
        text-align: center;
        border: 2px solid #00446b;
        background-color: #00446b;
        width: 17px;
        height: 17px;
        left: -38px;
    }

    .StepProgress-item.current::before {
        border-left: 2px solid #00446b;
    }

    .StepProgress-item.current::after {
        content: counter(list);
        padding-top: 1px;
        width: 20px;
        height: 20px;
        top: -4px;
        left: -40px;
        font-size: 14px;
        text-align: center;
        color: #00446b;
        border: 2px solid #00446b;
        background-color: white;
        font-size: 12px;
    }

    .StepProgress-item.current {
        color: #00446b;
        font-family: "Roboto-Bold", sans-serif;
    }

.StepProgress strong {
    display: block;
}


/* ----- vertical-stepper ----- */

.action-req {
    display: inline-block;
    padding: 0 8px;
    border-radius: 3px;
    background: #aab7c8;
    color: #fff;
    font-size: 11px;
    line-height: 21px;
    text-transform: uppercase;
}

.lowerAlpha {
    list-style-type: lower-alpha;
}

.fa-bell-o, .fa-bell {
    color: #e5921a;
    margin-right: 7px;
}
/** Scheduler
*************************************************************************/
.scheduler fieldset legend {
    display: block;
    border-bottom: 0 solid #e5e5e5;
    width: auto;
    padding: 10px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: inherit;
    color: #0086b8;
}

.scheduler fieldset {
    border: 1px solid #cedfef !important;
    margin: 0;
    xmin-width: 0;
    padding: 5x;
    position: relative;
    border-radius: 0;
    padding-left: 10px !important;
    margin-bottom: 10px;
}

.scheduler table {
    margin-bottom: 10px;
    width: calc(100% - 10px);
}

    .scheduler table tr {
        border-bottom: 1px solid #cedfef;
    }

        .scheduler table tr:last-child {
            border-bottom: 0px solid #cedfef;
        }

    .scheduler table td {
        padding: 5px;
    }

@media (max-width: 480px) {
    .scheduler table td {
        padding: 5px 3px;
    }
}


.scheduler label {
    font-weight: normal;
}

.listTable {
    margin-bottom: 0;
}

    .listTable td {
        padding: 8px 12px;
    }

        .listTable td tbody tr.selectedList td, .selectedList {
            background: #fbfbac !important;
        }

    .listTable tbody tr:hover td {
        background: #fbfbac;
        cursor: pointer;
    }

table td {
    padding: 8px 12px;
}

.nowrap {
    white-space: nowrap;
}

.cursor-default {
    cursor: default !important;
}

.show {
    display: block !important;
}

.fa-mobile-phone {
    font-size: 22px !important;
}

.fa-pause {
    font-size: 110% !important;
}

.tooltip > .tooltip-inner {
    width: auto !important;
}

.action .fa {
    margin-right: 5px;
}

#incentivePrograms td, .action {
    white-space: nowrap;
}

/*** Search Tabs ******************************************/

.search-header {
    font-size: 18px;
    background-color: #0086b8;
    color: #fff;
    font-family: "Roboto-Medium", sans-serif;
    padding: 8px 12px;
}

.search-tabs .nav-tabs {
    border-bottom: 0px solid #00446b;
    background: #cbcbcb;
}

    .search-tabs .nav-tabs > li.active > a, .search-tabs .nav-tabs > li.active > a:focus, .search-tabs .nav-tabs > li.active > a:hover {
        color: #333333;
        background-color: #eee;
        border: 0 solid #eee;
        text-decoration: none;
    }

.search-tabs .nav > li > a {
    padding: 5px 20px;
    text-decoration: none;
    margin-right: 2px;
    color: #07456b;
    border-radius: 0;
    border: 0;
    font-family: "Roboto-Medium", sans-serif;
    border-top: 2px solid #cbcbcb;
}

    .search-tabs .nav > li > a:focus, .search-tabs .nav > li > a:hover {
        text-decoration: none;
        background-color: #eee;
        border: 0 solid #0086b8;
        color: #07456b;
        border-bottom: 0 solid #0086b8 !important;
        border-top: 2px solid #eee;
    }

.search-tabs .nav-tabs > li.active {
    border-top: 2px solid #eee;
}

.search-tabs.noHeader .nav-tabs > li.active {
    border-top: 2px solid #0086b8;
}

.searchReminder {
    background: #eee;
    padding: 10px 15px 5px;
}

.width-250 {
    width: 250px !important;
}

.floatLeft {
    display: inline-block;
    float: left;
}

.floatRight {
    display: inline-block;
    float: right;
}

.backgroundwhite {
    background: white;
}

.Blink {
    animation: blinker 0.1s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.select2-search input {
    background-position: 100% -21px !important;
}

.tab-content {
    background-color: #ececec;
    padding: 7px;
}

.agency-icon {
    color: #0086b8 !important;
}

@keyframes blinker {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/*My document page search table tr*/
.box-border-pad-8 {
    border: 1px solid darkgrey;
    padding: 8px;
}

.text-primarycolor {
    color: #00446b;
}

.headerbackgroundcolor {
    background: #c7ced0;
}

.modal-body {
    max-height: unset !important;
}

.modelbodypadding {
    padding: 0px 15px 10px 15px !important;
}

.rowmargin {
    margin-bottom: 5px !important;
}

.breakword {
    word-break: break-word;
}

.floatleftpaddinright25 {
    float: left;
    padding-right: 25px;
}

.minpageheight {
    min-height: 440px;
}
/*Start - Enrollment Summary Plan Doc View*/
.btn-view {
    margin-bottom: 0px !important;
}

@media (max-width: 560px) {
    .word-wrap-width {
        word-break: break-word;
        max-width: 100px !important;
    }
}

.word-wrap-width {
    word-break: break-word;
}
/*End - Enrollment Summary Plan Doc View*/

/***************** START Toggle Password Visibility ****************/
.iconPw {
    position: relative;
    float: right;
    left: -10px;
    top: -35px;
    cursor: pointer;
    color: #ccc;
    font-size: 18px;
    overflow: hidden;
    z-index: 0;
}

    .iconPw.fa-eye-slash::before {
        color: #333;
    }
/***************** END Toggle Password Visibility ****************/

/*********Allegiance Image*/
.img-wrap {
    position: relative;
}

.img-wrap {
    position: relative;
}

    .img-wrap::before {
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        background-image: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        background-image: -ms-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        background-image: -o-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        content: "\00a0";
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }
/**********End*/


.Hidecontrol {
    display: none !important;
}

.font-13 {
    font-size: 13px !important;
}

.custom-date-filter label {
    font-weight: normal !important;
}

.allegiance.claimGrid table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
.claimGrid table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    content: '\f055' !important;
}

.allegiance.claimGrid table.dataTable.dtr-inline.collapsed > tbody > tr > td.dt-empty::before,
.claimGrid table.dataTable.dtr-inline.collapsed > tbody > tr > th.dt-empty::before {
    content: '' !important;
}

.allegiance.claimGrid table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before,
.claimGrid table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
    content: '\f056' !important;
}

.plan-guide-btn {
    background: #e59225;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 4px 12px 4px 8px;
    border-radius: 4px;
    font-weight: normal;
}

    .plan-guide-btn:hover {
        text-decoration: none;
    }

.myBenefitsGuideMe {
    text-decoration: none;
    float: right;
    margin-right: 10px;
    margin-top: -4px;
}

.highlight-Section125RecPkg {
    background-color: #c3f7c3 !important;
}

.PositivePerPay-Suggested {
    background-color: #d5eab1;
}

.NegativePerPay-Suggested {
    background-color: #fbe4e3;
}

.PositivePerPay-NotSuggested {
    background-color: #f5b6b5;
}

.Selected-NA {
    background-color: #c3f7c3;
}

.modal-height {
    max-height: 65vh !important;
    height: 65vh !important;
    min-height: 50vh !important;
}

.plan-name-head {
    color: #333;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
}

#taxSummaryDialog table.table > tbody > tr > td {
    border-top: 0px;
    border-bottom: 1px solid #ddd;
}
.symmetryView .black-bold {
    font: normal 110% "Roboto-Medium", sans-serif !important;
    color: #333 !important;
}

.symmetryView .cost-success {
    color: green !important;
}

.symmetryView .cost-dangers {
    color: red !important;
}

.symmetryView .grouping {
    background-color: #00b0f0 !important;
}

.symmetryView .highlightPrice {
    background-color: #94dcf8 !important;
}

.loader--ring {
    width: 50px;
    height: 50px; 
    border-radius: 50%;    
    position: fixed;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
    z-index: 9999;   
}
div#waitspinner div div div {
    background: #00446b !important;
    height: 6px !important;
    width: 23px !important;
}
#individualTierLoader {
    text-align: center;
}
.btnColor {
    margin-top: -35px; /* Adjust this value as needed */
    position: relative;
}

/*
    enrollment dashboard css
*/

.filter-block th {
    vertical-align: top;
}

.filterInput, .filterInputEOI, .filterInputMyAssignment, .filterInputTeamsAssignment {
    padding: 5px;
}

.filter-block th a i {
    margin-top: 10px;
}

/*principal document table responsive*/
#principal-doc-table-scroll table > tbody > tr > td {
    padding: 8px 12px;
}

#principal-doc-table-scroll table > tbody > tr > td {
    padding: 8px 12px;
}

@media (max-width: 767px) {

    #principal-doc-table-scroll table > thead > tr > th {
        padding: 5px 12px;
        min-height: 30px !important;
    }

    #principal-doc-table-scroll table > tbody > tr > td {
        padding: 5px 12px;
        min-height: 30px !important;
    }

    #principal-doc-table-scroll .dataload-table > tbody > tr > td.spacer40, #principal-doc-table-scroll .dataload-table > thead > tr > th.spacer40 {
        height: 40px !important;
    }

    #principal-doc-table-scroll .form-control,
    #principal-doc-table-scroll .form-control {
        height: 25px;
        padding: 2px 12px;
    }

    #principal-doc-table-scroll .form-control,
    #principal-doc-table-scroll .form-control {
        height: 25px;
        padding: 2px 12px;
    }
}

#principal-doc-table-scroll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    color: #333333;
}

@media (max-width: 767px) {
    #principal-doc-table-scroll th,
    #principal-doc-table-scroll td {
        margin: 0;
        vertical-align: top;
    }

    #principal-doc-table-scroll th {
        text-align: left;
    }

    #principal-doc-table-scroll table {
        display: block;
        position: relative;
        width: 100%;
    }

    #principal-doc-table-scroll thead {
        display: block;
        float: left;
    }

    #principal-doc-table-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

    #principal-doc-table-scroll thead tr {
        display: block;
    }

    #principal-doc-table-scroll th {
        display: block;
        text-align: right;
    }

    #principal-doc-table-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    #principal-doc-table-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left;
    }
    /* sort out borders */

    #principal-doc-table-scroll th {
        border-bottom: 0;
        border-left: 0;
    }

    #principal-doc-table-scroll td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
}


.hidden {
    display: none !important;
}

#alligence table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
#alligence table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    border-left: 0px transparent;
    border-top: 0px transparent;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:first-child::before {
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    color: #00938c;
    border: 0 solid white;
    border-radius: 14px;
    box-shadow: 0 0 0 #fff;
    box-sizing: content-box;
    text-align: center;
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;
    content: '\f13a';
    background-color: transparent;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
    color: #e74846;
    content: '\f139';
    background-color: transparent;
    border-top: 0px solid rgba(0, 0, 0, 0.5) !important;
    border-left: 0px solid transparent !important;
    border-bottom: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
}

.dt-search, .dt-length {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .dt-search input, .dt-length label {
        margin-left: 10px;
    }


.dt-container .dt-info, .dt-container .dt-paging {
    width: 50%;
    display: inline-flex;
}

.dt-container .dt-paging {
    justify-content: flex-end;
    margin-top: 10px;
}

.dt-layout-end .dt-paging {
    width: 100%;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover,
div.dt-container .dt-paging .dt-paging-button:hover {
    color: #fff !important;
    border: 1px solid #337ab7 !important;
    background: #337ab7 !important;
}

/*
    enrollment dashboard css
*/

.filter-block th {
    vertical-align: top;
}

.filterInput, .filterInputEOI, .filterInputMyAssignment, .filterInputTeamsAssignment {
    padding: 5px;
}

.filter-block th a i {
    margin-top: 10px;
}

.claimGrid table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td:first-child::before,
.claimGrid table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th:first-child::before {
    content: '\f056' !important;
}

.claimGrid table.dataTable.dtr-inline.collapsed > tbody > tr > td.dt-empty::before,
.claimGrid table.dataTable.dtr-inline.collapsed > tbody > tr > th.dt-empty::before {
    content: '' !important;
}

.dt-container .col-md-5 .dt-search {
    float: right;
}

.medDTDiagnosis {
    width: 100px !important;
}
.bg-yellow{
    background-color: yellow !important;
}

.load-more {
    padding: 10px;
    width: 100%;
    background-color: #0086b8;
    color: #ffffff;
    margin-bottom: 0px !important;
    font-size: 13px;
    margin-top: 0 !important;
}

.searchdrp.ms-parent button.ms-choice {
    border: 0px !important;
}

button.load-more i.fa {
    margin-right: 5px;
    font-size: 18px !important;
    height: 18px !important;
}

.ms-drop ul li label span {
    padding-left: 5px;
}

.word_wrap_and_break {
    word-wrap: break-word;
    word-break: break-all;
}