/* Minification failed. Returning unminified contents.
(618,38): run-time error CSS1046: Expect comma, found '0'
(618,42): run-time error CSS1046: Expect comma, found '/'
 */
.messageTable .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

    .messageTable .row .col-sm-12 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

.tab-content {
    padding: 15px 15px 0;
    background-color: #F3F3F3;
}

.messageTable {
    margin-right: -15px !important;
    margin-left: -15px !important;
    margin-top: 15px !important;
    padding: 6px 0px 15px !important;
}

.modal-body .messageTable {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-top: 15px !important;
}

.messageTableHead {
    padding: 6px 15px;
    background: #07456b;
    color: #ffffff;
    font-size: 18px;
    font-family: "Roboto-Medium", sans-serif;
}

.messageTable table {
    width: 100%;
    margin-top: -2px !important;
    border-top: 0px !important;
}

.messageTable th {
    padding: 12px 8px !important;
    background: #555555;
    color: #ffffff;
    font-family: "Roboto-Bold", sans-serif !important;
    border: 0 solid #454749 !important;
}

.messageTable td {
    padding: 6px 8px !important;
    vertical-align: middle !important;
    border-top: 0px solid #ddd !important;
    height: 40px;
}

.messageTable .newMessage {
    background: #fbfbac !important;
    border-bottom: 1px solid #d7d795;
}

    .messageTable .newMessage td {
        border-bottom: 1px solid #d7d795;
    }

.messageTable img {
    vertical-align: middle;
    padding-right: 4px;
    display: inline-block;
    width: 29px;
}

.messageTable .namespan {
    display: inline-block;
    width: calc(100% - 35px);
}

.messageTable .progress {
    height: 10px;
    margin-bottom: 0;
    background-color: #e6e6e6;
}

.messageTable .progress-bar-success {
    background-color: #00938c;
}

.messageTable .fa {
    width: 36px;
    height: 36px;
    font-size: 17px !important;
    border-radius: 25px;
    padding-top: 8px;
    padding-right: 14px;
    margin-left: 6px;
    cursor: pointer;
}

.messageTable .fa-play {
    border: 1px solid #00938c;
    color: #00938c;
    padding-right: 8px;
    font-size: 17px !important;
    padding-top: 8px;
}

.messageTable .fa-forward {
    border: 1px solid #e59325;
    color: #e59325;
    padding-right: 8px;
}

.messageTable .fa-info {
    border: 1px solid #07456b;
    color: #07456b;
    margin-left: 0px !important;
}

.messageTable .fa-check {
    border: 1px solid #07456b;
    color: #07456b;
    padding-right: 8px;
}

.messageTable .fa-paperclip {
    border: 1px solid #0086b8;
    color: #0086b8;
    padding-right: 10px;
    margin-left: 0px !important;
}

.messageTable .fa-trash {
    border: 1px solid #e64746;
    color: #e64746;
    padding-right: 11px;
}

.messageTable .fa-download {
    border: 1px solid #0086b8;
    color: #0086b8;
    padding-right: 9px;
}

.new {
    cursor: pointer;
    font-family: "Roboto-bold", sans-serif;
}

.datecol {
    color: #999999;
}

.messageTable-action {
    text-align: right;
    white-space: nowrap;
}


.msgImg {
    background: #041539;
    height: 160px;
    width: 100%;
    background-position: left top;
}

.msgImg_1 {
    background: url(images/OA_managediabetes.jpg) no-repeat;
}

.bannerHead {
    font-family: "Roboto-Medium", sans-serif;
    font-size: 14px;
    background: #0086b8;
    padding: 4px 20px;
    color: #fff;
    opacity: 0.9;
    position: absolute;
    bottom: 10px;
}

.messageTable table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, .messageTable table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    top: 15px;
    left: 3px;
}

.nowrap {
    white-space: nowrap;
}

.watchContainer {
    position: absolute;
    z-index: -9999;
}

.namecol {
    white-space: nowrap;
}


@media (max-width: 560px) {
    .namecol {
        min-width: 120px;
        white-space: normal;
    }

    .nav-tabs > li {
        width: 100%;
    }
}


@media (min-width: 420px) and (max-width: 560px) {
    .namecol {
        min-width: 150px;
        white-space: normal;
    }

    .nav-tabs > li {
        width: 100%;
    }
}

/*--------- Carousel Classes---------------------*/

.carousel-inner {
    background: #d7d7d7;
}

    .carousel-inner .col-sm-6 {
        overflow: hidden;
        max-height: 170px;
    }

.caption {
    padding: 15px 0;
    max-width: 280px;
}

    .caption p {
        font-size: 12px;
        line-height: 1.3;
    }

    .caption i {
        margin-top: 5px;
        margin-left: 5px;
    }

.carousel-control.right, .carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

/************** Legend Icon *******************/

.legendicon {
    margin-top: 12px;
    text-align: right;
    margin-bottom: -15px;
}

    .legendicon li {
        display: inline-block;
        margin-left: 8px;
        margin-right: 10px;
        font-size: 12px;
    }


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

    .legendicon .fa-play {
        font-size: 11px;
        color: #00938c;
    }

    .legendicon .fa-forward {
        color: #e59325;
    }

    .legendicon .fa-info {
        color: #07456b;
    }

    .legendicon .fa-paperclip {
        color: #0086b8;
    }

    .legendicon .fa-trash {
        color: #e64746;
    }

    .legendicon .fa-download {
        color: #0086b8;
    }

/*.fa {
    width: 22px;
}*/

/************** Legend Icon *******************/


/*********************Banner Image ********************/
.carousel-caption {
    right: 5%;
    left: 0;
    color: #333;
    position: absolute;
    top: 7px;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    z-index: 10;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,0);
    max-width: 380px;
    padding-top: 15px;
}

/*.bannerBox{
   padding: 0 30px;
}*/

.bannerBox .heading {
    font-family: "Roboto-Medium", sans-serif;
    font-size: 24px;
    background: #0086b8;
    padding: 3px 20px;
    color: #fff;
    opacity: .8;
    margin-bottom: 10px;
}

.headingnormal {
    font-family: "Roboto-Medium", sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
}

.item {
    position: relative;
    overflow: hidden;
    background: #d7d7d7;
}

    .item > img {
        line-height: 1;
        display: block;
        width: 100%;
        height: 180px;
        object-fit: contain;
        object-position: right;
    }

.padLeft-20 {
    padding-left: 20px;
}

.padLeft-30 {
    padding-left: 30px;
}

.pointer {
    cursor: pointer;
}

.inflex {
    display: inline-flex;
}

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

/*********************Banner Image ********************/

@media (max-width: 767px) {

    .caption {
        padding: 15px;
        max-width: 100%;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        top: 30%;
    }
}

@media (min-width: 768px) {
    .carousel-indicators {
        bottom: 5px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -40px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -40px;
    }
}

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

@media (max-width: 767px) {

    .datecol .visible-xs {
        display: inline-block !important;
        margin-right: 5px;
    }

    .form-group {
        margin-bottom: 0;
    }

    /**********legend***************/

    .legendicon {
        margin-top: 15px;
        text-align: left;
        padding-right: 15px;
    }

    /**********legend***************/

}

/*************Extra******************/

.dataTables_wrapper .dataTables_paginate {
    padding-right: 0px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0em !important;
    }


        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            padding: 0em !important;
            border: 0px solid transparent !important;
        }

/*table.dataTable {
    margin: 0 0 6px !important;
    border: 0 !important;
}

table.table-bordered.dataTable tr {
    border-bottom: 1px solid #d7d795 !important;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > td {
    border: 0px solid #ddd !important;
}

.dataTables_wrapper {
    padding-bottom: 10px !important;
}

table.dataTable .fa {
    font-size: 17px !important;
}

a.text-normal {
    color: #969696;
    font-size: 14px;
}

a:hover {
    color: #07456b;
    text-decoration: none;
}

h3 {
    font-size: 16px;
    font-family: "Roboto-Medium", sans-serif;
    line-height: 1.3;
    background: transparent;
    padding: 0 !important;
}

    h3 .fa {
        width: auto;
        padding: 5px;
        color: #333333;
    }

.tab-content h3 {
    color: #333333;
    margin-bottom: 10px;
}*/

table.dataTable > tbody > tr.child ul.dtr-details li {
    padding: .5em 1em;
}

#ChallengeFrame {
    width: 100% !important;
    height: 589px;
}

#ChallengeHelpFrame {
    width: 100% !important;
    height: 589px;
}

h3 {
    font-size: 16px;
    font-family: "Roboto-Medium", sans-serif;
    line-height: 1.3;
    background: transparent;
    /*padding: 0 !important;*/
}

a.text-normal {
    color: #969696;
    font-size: 14px;
}

a {
    color: #07456b;
    text-decoration: underline;
    font-weight: 500;
    font-family: 'Roboto-Medium';
}

h3 .fa {
    width: auto;
    padding: 5px;
    color: #333333;
}

table.dataTable thead th.sorting:after {
    top: 9px !important;
    font-size: 1.3em !important;
}

table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after {
    top: 0px !important;
    font-size: 14px !important;
}

.padLeft-15 {
    padding-left: 15px;
}

.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;
    }

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

    .commonTable tbody tr.selected, .selected {
        background: #b2daea;
    }

    .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;
    }


.disable {
    pointer-events: none !important;
    color: #FFFFFF !important;
    cursor: default !important;
}

@media (min-width:768px) and (max-width:1147px) {
    .item > img {
        line-height: 1;
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
        object-position: right;
    }



    .carousel-caption {
        right: 5%;
        left: 0%;
        color: #333;
        position: absolute;
        top: 7px;
        font-family: "Roboto",sans-serif;
        font-size: 15px;
        z-index: 10;
        text-align: left;
        text-shadow: 0 1px 2px rgb(0 0 0 / 0%);
        max-width: 500px;
        padding-top: 15px;
    }
}

.float-right {
    float: right;
}

.direct-msg {
    max-height: 250px;
    overflow-y: auto;
}

.syncnow {
    text-decoration: underline;
    color: #005D95;
    cursor: pointer;
    font-size:14px;
}

    .syncnow button:disabled {
        color: #fff;
        background: #938d8d !important;
    }

.provider-connected {
    color: green;
    font-weight: 600;
}

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;
}

.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;
}


.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;
    }

.body-content {
    padding: 15px;
}

.searchBox .row:first-child {
    padding: 0px;
}

.searchBox table.dataTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.searchBox lable {
    font-weight: 600;
}

.searchBox input {
    margin-bottom: 10px;
}

.searchBox button.emp-search {
    margin-top: 20px;
}

.alert {
    margin-bottom: 0;
    border-radius: 0;
    margin-top: 15px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #064469;
}

.tab-block {
    background-color: #F3F3F3;
}

.content-block {
    background-color: #ffffff;
    padding: 15px;
    margin: 7px 0;
}

.content-block .h4 {
    margin: 0;
}

.table-bordered {
    border: 0px solid #ddd;
}
.table > thead > tr > th, .table > tbody > tr > td {
    height: 30px;
}
table.dataTable, table.dataTable.no-footer {
    border-top:0;
    border-bottom:0;
}
#payrollDiv h3 {
    margin-bottom: 6px;
}
#payrollDiv .nav-tabs {
    background-color: transparent;
    border-bottom: 1px solid transparent;
}
.nav-tabs > li > a {
    background-color: #DBDBDB;
    margin-right: 2px;
}
.white-bg {
    background-color: #efefef !important;
}
.m-pointer {
    cursor: pointer;
}
.fa-info {
    border: 1px solid #07456b;
    color: #07456b;
    margin-left: 0px !important;
    width: 36px;
    height: 36px;
    font-size: 17px !important;
    border-radius: 25px;
    padding-top: 8px;
    padding-right: 14px;
    cursor: pointer;
    padding-left: 13px;
}
.table-content {
    /*overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 20px;*/
}
table#dt_EmpPayment tr:hover {
    background-color: #eaeaea;
}
#EmpPaymentPopup hr {
    border: 1px solid #eaeaea;
}
.requiered {
    color: #e74846;
}
.provider-text {
    text-transform:capitalize;
}
.modal-dialog {
    width: 90%;
    margin: 30px auto;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 90%;
        margin: 30px auto;
    }
}

.tooltip {
    position: relative;
    display: inline-block;
   opacity:1;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 350px;
        background-color: #454749;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px;
        position: absolute;
        z-index: 1;
        bottom: 100%;
        right: 0;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 13px;
        font-family: 'Roboto';
        line-height: 18px;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            right: 15px;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #454749 transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
/*** Switch On OFF
*************************************************************/




.onoffswitch {
    position: relative;
    width: 70px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 25px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        color: white;
        font-weight: bold;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 10px;
        background-color: #52b100;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 10px;
        background-color: #333333;
        color: #ffffff;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 20px;
    margin: 6px;
    background: #FFFFFF;
    border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 38px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
/****************************************************************/

.scroll-modal {
    height: 80vh;
    overflow-y: auto;
}

/****Button Color*/
.census-btn button {
    padding: 6px 10px !important;
}

    .census-btn button i.fa {
        padding-right: 5px;
        font-size: 16px !important;
    }

.individual-bg {
    background-color: #0086B8 !important;
    color: #ffffff !important;
}

.employment-bg {
    background-color: #761C4C !important;
    color: #ffffff !important;
}

.benefits-bg {
    background-color: #4C3E5E !important;
    color: #ffffff !important;
}


.wrapword {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /* Chrome & Safari */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* CSS3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

div#successModal {
    width: 50vw;
    margin: 0 auto;
}

    div#successModal .fa {
        font-size: 60px;
        margin-bottom: 20px;
        color: #52B100;
    }

    div#successModal h4 {
        line-height: 24px;
    }

#finch-connect-iframe {
    /* When click on Connect button it open iframe related to Finch */
    height: 900px !important;
}
.mTop10 {
    margin-top: 10px !important;
}