@import url("font.css");

.customTabs {
    background: #ffffff;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px
}

    .customTabs .nav-tabs {
        border: 0
    }

        .customTabs .nav-tabs .nav-link {
            border: 0;
            border-radius: 0
        }

        .customTabs .nav-tabs .nav-item {
            margin: 0
        }

        .customTabs .nav-tabs .nav-link:focus, .customTabs .nav-tabs .nav-link:hover {
            border-color: transparent
        }

.card-box {
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    transition: all .3s;
    position: relative
}
/* COMMON RADIO AND CHECKBOX STYLES  */
.tabCheck {
    position: relative
}

    .tabCheck label {
        margin: 0;
        padding-left: 25px;
        cursor: pointer;
        font-weight: 400
    }

    .tabCheck.radio-inline label {
        padding-left: 4px
    }

    .tabCheck input[type=radio], .tabCheck input[type=checkbox] {
        visibility: hidden;
        position: absolute;
        margin: 0
    }

        .tabCheck input[type=radio]:checked + label:before, .tabCheck input[type=checkbox]:checked + label:before {
            content: "\e9c8";
            background: #2196f3;
            color: #fff;
            border-color: #2196f3
        }

        .tabCheck input[type=radio] + label:before, .tabCheck input[type=checkbox] + label:before {
            height: 16px;
            width: 16px;
            line-height: 8px;
            content: "";
            font-size: 70%;
            padding: 3px;
            font-family: 'icomoon15616' !important;
            display: inline-block;
            border: 1px solid #777;
            position: absolute;
            left: 0;
            top: 0px;
            border-radius: 2px;
            background: #fff
        }

.fillCheckbox input[type=radio] + label:before, .fillCheckbox input[type=checkbox] + label:before {
    top: 1px
}

.tabCheck input[type=radio] + label:before {
    border-radius: 50%
}

.tabCheck input[type=radio]:checked + label:before {
    border-color: #2196f3;
    content: "";
    box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,0.9)
}

.tabCheck input[type=radio] + label:before {
    top: 3px
}
/* CUSTOM RADIO AND CHECKBOX STYLES End */
/************************************************************
Gaurav Css Start
************************************************************/
/* Dashboard Css */
.topHeaderBg {
    background: #51adf6;
    position: absolute;
    width: 100%;
    height: 230px;
    left: 0;
    margin: -15px 0 0;
    z-index: -1;
}

.dashTabBdy {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15);
}

    .dashTabBdy .nav-tabs {
        background: #F5F5F5;
        border-bottom: 1px solid #E0E0E0;
        border-radius: 4px 4px 0px 0px;
    }

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent;
}

.dashTabBdy .nav-tabs .nav-item {
    margin-left: 20px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #2196F3;
    background-color: transparent;
    border-color: transparent;
    font-size: 14px;
    border-bottom: 2px solid #2196F3;
    padding: 10px 10px;
}

.nav-tabs .nav-link {
    font-size: 14px;
    padding: 10px 10px;
    color: #666666;
}

.highcharts-credits {
    display: none;
}

.chartHeading {
    font-size: 18px;
    font-weight: normal;
}

ul.tabChartList {
    list-style: none;
    margin-bottom: 0;
    float: left;
}

.CusScroll {
    max-height: 144px;
    overflow-y: scroll;
}

.tabChartList li {
    border: 1px solid #E0E0E0;
    padding: 5px 8px;
    border-radius: 18px;
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px;
}

    .tabChartList li span.liBadge {
        float: left;
        background: #45CED6;
        color: #ffffff;
        padding: 1px 10px;
        border-radius: 18px;
        font-size: 18px;
        margin-right: 10px;
    }

.CusScroll ul.tabChartList {
    margin-right: 5px;
}

.ToDoTab {
    background: #fff;
    height: 465px;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15);
    width: 325px;
}

.TodoList {
    width: 100%;
    cursor: pointer;
}

    .TodoList .TdListItem1 {
        font-size: 24px;
        padding-top: 4px;
    }

    .TodoList .TdListItem2 {
        font-size: 13px;
        padding-left: 10px;
        padding-top: 7px;
    }

    .TodoList .TdListItem3 {
        background: #E8F3FC;
        border-radius: 4px;
        height: 24px;
        width: 45px;
        color: #2196F3;
        margin-top: 4px;
        text-align: center;
        padding-top: 3px;
    }

.TdListItem1.sv-check {
    color: #4CAF50
}

.TdListItem1.sv-pending {
    color: #AAAAAA
}

.TdListItem1.sv-insufficient {
    color: #F44336
}

ul.tdproList {
    list-style: none
}

    ul.tdproList li {
        font-size: 12px;
        display: inline-block;
        width: 24.1%;
        position: relative;
    }

        ul.tdproList li:before {
            background-color: #F44336;
            border-radius: 50%;
            content: "";
            display: inline-block;
            margin-right: 10px;
            margin-bottom: -5px;
            height: 18px;
            width: 18px;
        }

        ul.tdproList li:nth-child(2):before {
            background-color: #FF8121 !important;
        }

        ul.tdproList li:nth-child(3):before {
            background-color: #4CAF50 !important;
        }

        ul.tdproList li:nth-child(4):before {
            background-color: #FFF829 !important;
        }

.yrProHvr1 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #F44336;
    color: #fff;
    padding: 1px 5px;
    font-size: 11px;
    display: none;
    width: 100%;
    text-align: center;
    border-radius: 2px;
}

.yrProHvr2 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FF8121;
    color: #fff;
    padding: 1px 5px;
    font-size: 11px;
    display: none;
    width: 100%;
    text-align: center;
    border-radius: 2px;
}

.yrProHvr3 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4CAF50;
    color: #fff;
    padding: 1px 5px;
    font-size: 11px;
    display: none;
    width: 100%;
    text-align: center;
    border-radius: 2px;
}

.yrProHvr4 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF829;
    color: #fff;
    padding: 1px 5px;
    font-size: 11px;
    display: none;
    width: 100%;
    text-align: center;
    border-radius: 2px;
}

ul.tdproList li:hover .yrProHvr1 {
    display: block;
    cursor: pointer;
}

ul.tdproList li:hover .yrProHvr2 {
    display: block;
    cursor: pointer;
}

ul.tdproList li:hover .yrProHvr3 {
    display: block;
    cursor: pointer;
}

ul.tdproList li:hover .yrProHvr4 {
    display: block;
    cursor: pointer;
}

.yrProSec {
    margin-top: 187px;
    display: inline-block;
    width: 100%
}
/* Dashboard Css */
/* Recruiter role Css */
.breadcrumb {
    background-color: transparent;
    font-size: 13px;
    color: #777777;
    padding: 1rem 0;
}

.breadcrumb-item + .breadcrumb-item {
    padding-top: 4px;
}

.srchBtn {
    position: relative;
    float: right;
    width: 100px;
    height: 32px;
    background: #fff;
    text-align: center;
    color: #777777;
    margin-top: 15px;
    border-radius: 4px;
    cursor: pointer;
}

    .srchBtn span:nth-child(1) {
        font-size: 18px;
        padding-top: 7px;
        padding-right: 6px;
        padding-left: 17px;
        float: left;
    }

    .srchBtn span:nth-child(2) {
        float: left;
        padding-top: 7px;
    }

.srchBtnBdg {
    display: none;
    float: right;
    padding-top: 0px;
    padding-right: 0px;
    width: 16px;
    height: 16px;
    background: #E8F3FC;
    border-radius: 20px;
    color: #2196F3;
    margin-top: 8px;
    margin-right: 14px;
    font-size: 11px;
    border: 1px solid #2196F3;
}

.recTab .nav-tabs .nav-item.show .nav-link, .recTab .nav-tabs .nav-link.active {
    font-weight: normal;
}

.typeSearch button {
    background: none;
    border: 1px solid #E0E0E0;
    height: 32px;
    padding: 0 10px;
    font-size: 13px;
    color: #777;
    outline: 0;
    text-transform: capitalize;
    line-height: 27px;
    background-color: #ffffff;
}

.typeSearch .dropdown-toggle::after {
    border: 0;
    content: "\e90d";
    font-family: 'icomoon';
    color: #A3A6A8;
    font-size: 16px;
}

.typeSearch .btn-light:hover {
    color: #777;
    background-color: #ffffff;
    border-color: #E0E0E0;
}

table.dataTable {
    clear: both;
    padding-bottom: 15px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;
}

.fitTbl {
    font-size: 13px;
    color: #222;
    margin: 0;
}

#nav-tabContent {
    width: 100%
}

.cmpTbl tr:first-child {
    margin-top: 0;
}

.fitTbl tr th, .fitTbl tr td {
    float: left;
    border: 0;
}

.cmpTbl tr th {
    color: #828998;
    font-weight: normal;
    font-size: 13px;
    padding: 16px 10px
}

.cmpTbl tr td {
    padding: 10px 10px
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
}

.table td, .table th {
    border-top: 0;
}

.fitTbl tbody tr {
    float: left;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #E0E0E0;
    display: block;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    border-radius: 2px;
}

.tbleBtmOP {
    width: 100%;
    float: left;
    background: #ffffff
}

    .tbleBtmOP .span {
        float: left;
        padding-left: 25px;
    }

    .tbleBtmOP .span1 {
        float: right;
        padding-right: 25px;
    }

    .tbleBtmOP .span2 {
        float: right;
        margin-right: 15px;
    }

#dataTable_length .custom-select-sm {
    height: calc(1.9em + .5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: .25rem;
    padding-left: 1rem;
    font-size: 0.8125rem;
    color: #777777;
    border: 1px solid #E0E0E0;
}

.dataTables_info {
    font-size: 13px;
    color: #777777;
}

.dataTables_paginate {
    float: right;
}

.cmpTbl tr th:first-child, .cmpTbl tr td:first-child {
    width: 3%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl tr th:nth-child(2), .cmpTbl tr td:nth-child(2) {
    width: 6%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl tr th:nth-child(3), .cmpTbl tr td:nth-child(3) {
    width: 12%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl tr th:nth-child(4), .cmpTbl tr td:nth-child(4) {
    width: 8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl tr th:nth-child(5), .cmpTbl tr td:nth-child(5) {
    width: 16%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl tr th:nth-child(6), .cmpTbl tr td:nth-child(6) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl tr th:nth-child(7), .cmpTbl tr td:nth-child(7) {
    width: 9%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl tr th:nth-child(8), .cmpTbl tr td:nth-child(8) {
    width: 9%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl tr th:nth-child(9), .cmpTbl tr td:nth-child(9) {
    width: 11%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl tr th:nth-child(10), .cmpTbl tr td:nth-child(10) {
    width: 16%;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
}

.cmpTbl thead, .cmpTbl tbody {
    float: left;
    width: calc(100% - 20px);
    margin: 0 10px;
}

    .cmpTbl thead tr {
        width: 100%;
        float: left;
    }

.fitTbl tbody tr:hover {
    background: #E8F3FC;
}

    .fitTbl tbody tr:hover .tdClr {
        color: #2196F3;
    }

.cmpTbl tr th:first-child {
    padding-bottom: 19px;
}
/* .cmpTbl tr td:hover .tdClr{color:#2196F3}
 */
.tblSlct .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 163px;
}

.tblSlct .typeSearch button {
    height: 26px;
    line-height: 26px;
}

.cstmCheck span {
    font-size: 12px;
    color: #222;
    float: left;
    width: 96%;
    margin-top: -1px;
}

.accptChk {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border-color: #777777;
}

.modal-title.mdlhead {
    font-size: 16px !important;
    color: #222222 !important
}

.popover-body p {
    font-size: 14px;
}

.popover-body {
    float: left;
    padding: 20px 20px 10px 20px;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.3);
}

    .popover-body ul {
        float: left;
        width: 100%;
        list-style: none;
        font-size: 12px;
    }

        .popover-body ul li:nth-child(1) {
            float: left;
            width: 23%
        }

        .popover-body ul li:nth-child(2) {
            float: left;
            width: 1%;
            padding: 0 15px 0 10px
        }

        .popover-body ul li:nth-child(3) {
            float: left;
            width: 66%;
            margin-bottom: 0
        }

.tblDate {
    color: #2196F3;
    cursor: pointer;
}

.tblDateIcn {
    float: right;
    font-size: 10px;
    padding-top: 5px;
    padding-right: 6px;
    color: #2196F3;
    cursor: pointer;
}

.filterForm label {
    font-size: 12px;
    color: #777777;
    width: 100%;
}
/* .muldate{}
 */
.muldate .datePicker {
    position: relative;
    width: 100%;
}

    .muldate .datePicker input {
        cursor: pointer;
        background: transparent !important;
        border: 1px solid #E0E0E0 !important;
        opacity: 1 !important;
        height: 32px;
    }

.filterForm .form-group .searchIcon {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 14px;
    color: #777777;
    font-weight: 600;
}

.datePopBtn {
    width: 100%;
    padding: 4px 0;
    color: #2196F3;
    background: #ffffff;
    border-radius: 2px;
    border: 1px solid #2196F3;
    font-size: 14px;
}

.daterangepicker {
    z-index: 99999 !important;
}
/* Recruiter role Css */
/* advance search */
.mainSrch {
    position: fixed;
    width: 100%;
    background: #fff;
    top: 50px;
    left: 0;
    display: none;
    z-index: 5;
}

.semiSrch {
    width: 1180px;
    margin: 0 auto;
    margin-top: 20px;
    padding-bottom: 10px;
}

.Srcenter {
    display: flex;
    justify-content: center;
}

.srchCat {
    float: left;
}

.srchBox {
    float: left;
    width: 50%;
}

    .srchBox .form-group {
        position: relative;
    }

        .srchBox .form-group input {
            padding: 15px 10px;
            border-radius: 2px;
            border-color: #E0E0E0;
            padding-left: 35px;
            margin-left: -2px;
        }

.srchCat {
    display: block;
}

.SrchIcon {
    position: absolute;
    top: 8px;
    margin-left: 10px;
    font-size: 18px;
    color: #777777;
    font-weight: 600;
}

.advnSrch {
    width: 100%;
    height: auto;
    background: #fff;
    padding-top: 20px;
    display: none;
}

.advnSrchBtn {
    display: none;
    justify-content: center;
}

.advnSrchBtnFlx {
    display: flex;
    justify-content: center;
}

.advnSrch .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.plus-minus-toggle {
    cursor: pointer;
    height: 18px;
    position: relative;
    width: 120px;
    color: #2196F3;
    float: right;
    margin-top: 10px;
}

    .plus-minus-toggle:before, .plus-minus-toggle:after {
        background: #2196F3;
        content: '';
        height: 1px;
        left: 104px;
        position: absolute;
        top: 9px;
        width: 10px;
        transition: transform 500ms ease;
    }

    .plus-minus-toggle:after {
        transform-origin: center;
    }

    .plus-minus-toggle.collapsed:after {
        transform: rotate(90deg);
    }

    .plus-minus-toggle.collapsed:before {
        transform: rotate(180deg);
    }

.ClrRed {
    background-color: #F44336;
    width: 21px;
    height: 13px;
    display: inline-block;
    border-radius: 2px;
    vertical-align: text-bottom;
}

.ClrAmber {
    background-color: #FFC021;
    width: 21px;
    height: 13px;
    display: inline-block;
    border-radius: 2px;
    vertical-align: text-bottom;
}

.ClrGreen {
    background-color: #4CAF50;
    width: 21px;
    height: 13px;
    display: inline-block;
    border-radius: 2px;
    vertical-align: text-bottom;
}

.ClrDark {
    background-color: #FFF829;
    width: 21px;
    height: 13px;
    display: inline-block;
    border-radius: 2px;
    vertical-align: text-bottom;
}

.ClrNA {
    background-color: #5e5d5d;
    width: 21px;
    height: 13px;
    display: inline-block;
    border-radius: 2px;
    vertical-align: text-bottom;
}
.mainSrch .sv-cross {
    color: #777777;
    font-weight: 600;
    font-size: 16px;
    margin-right: 50px;
    margin-top: 30px;
    cursor: pointer;
}

.glb-overlay {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 8;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.9);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0.3;
}
/* advance search */
/* full screen modal */
.md-modal {
    margin: auto;
    position: fixed;
    top: 35px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1180px;
    height: auto;
    z-index: 1032;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.md-show {
    visibility: visible;
}

.md-modal.md-show {
    position: absolute !important;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1031;
    opacity: 0;
    background: rgba(228, 240, 227, 0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}

.md-effect-12 .md-content {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
    background-color: #ffffff;
}

.md-effect-12 .md-content h3, .md-effect-12 .md-content {
    background: transparent;
}

.md-show.md-effect-12 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.flMdHeading {
    font-size: 22px;
    color: #222222;
    margin-bottom:0;
}
.flMdHeading1 {
    font-size: 22px;
    color: #2196F3;
   
}

/*.flmdHDSep {
    float: left;
    margin: 0px 10px;
    font-size: 22px;
}*/

#flSrnMd .sv-cross.md-close {
    font-size: 22px;
    font-weight: 600;
    padding-top: 10px;
}

.flmd-drpdwn .sv-pdropdown {
    display: inline-block;
    font-size: 18px;
    height: 15px;
    vertical-align: top;
    font-weight: 800;
}

.flMdHeader label {
    font-size: 12px;
    color: #777777;
}

.flmd-upld p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    color: #2196F3
}

.flmd-upld span {
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    padding-right: 7px;
    padding-top: 18px;
    vertical-align: sub;
    color: #2196F3
}

.flmd-upld input {
    display: none;
}

.flMdcusUpload {
    margin-top: 12px;
    width: 100%;
    height: 32px;
    background: #F9FCFF;
    border: 1px dashed #A7D2F4;
}

    .flMdcusUpload p {
        margin-bottom: 0;
        vertical-align: middle;
        font-size: 12px;
        color: #777777;
    }

    .flMdcusUpload span {
        font-size: 16px;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 7px;
        display: inline-block;
        vertical-align: sub;
        color: #2196F3
    }

#flSrnMd .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}

.flMdcusUpload input {
    display: none;
}

.mdFlrmrk .searchIcon {
    right: 10px !important;
    top: 6px !important;
    font-size: 11px !important;
    color: #fff !important;
    font-weight: 600;
    background: #777;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    padding-top: 4px;
    padding-left: 4px;
    cursor: pointer;
    transition: .2s
}

    .mdFlrmrk .searchIcon.active {
        background-color: #2196F3
    }

    .mdFlrmrk .searchIcon:hover {
        background-color: #2196F3;
        transition: .2s
    }

.muldate .mdFlrmrk {
    position: relative;
    width: 100%;
}

    .muldate .mdFlrmrk input {
        background: #F5F5F5;
        border: 1px solid #E0E0E0 !important;
        opacity: 1 !important;
        height: 32px;
        color: #777777;
        padding-right: 30px;
        margin-top: 7px;
    }

.flMdTbleDta {
    width: 100%
}

    .flMdTbleDta tr {
        display: flex;
    }

    .flMdTbleDta thead th {
        font-size: 12px;
        font-weight: normal;
        color: #777777;
        padding: 15px;
    }

    .flMdTbleDta tbody tr td {
        padding: 13px 15px 12px 15px;
        border: 0;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .flMdTbleDta tbody tr td:nth-child(1), .flMdTbleDta thead tr th:nth-child(1) {
            width: 2%;
            padding: 15px 0
        }

        .flMdTbleDta tbody tr td:nth-child(2), .flMdTbleDta thead tr th:nth-child(2) {
            width: 10%;
        }

        .flMdTbleDta tbody tr td:nth-child(3), .flMdTbleDta thead tr th:nth-child(3) {
            width: 10%;
        }

        .flMdTbleDta tbody tr td:nth-child(4), .flMdTbleDta thead tr th:nth-child(4) {
            width: 7%;
        }

        .flMdTbleDta tbody tr td:nth-child(5), .flMdTbleDta thead tr th:nth-child(5) {
            width: 7%;
        }

        .flMdTbleDta tbody tr td:nth-child(6), .flMdTbleDta thead tr th:nth-child(6) {
            width: 7%;
        }

        .flMdTbleDta tbody tr td:nth-child(7), .flMdTbleDta thead tr th:nth-child(7) {
            width: 10%;
        }

        .flMdTbleDta tbody tr td:nth-child(8), .flMdTbleDta thead tr th:nth-child(8) {
            width: 21%;
        }

        .flMdTbleDta tbody tr td:nth-child(9), .flMdTbleDta thead tr th:nth-child(9) {
            width: 21%;
        }

        .flMdTbleDta tbody tr td:nth-child(10), .flMdTbleDta thead tr th:nth-child(10) {
            width: 5%;
            text-align: center
        }

        .flMdTbleDta tbody tr td:nth-child(9) {
            padding: 9px 10px 0px 10px;
        }

            .flMdTbleDta tbody tr td:nth-child(9) input {
                width: 100%;
                height: 27px;
                border-radius: 2px;
                border: 1px solid #E0E0E0;
            }

        .flMdTbleDta tbody tr td:nth-child(10) {
            position: relative;
            font-size: 18px;
            padding: 9px 10px 0px 10px;
            color: #777777
        }

.mdFlBadge {
    position: absolute;
    top: 11px;
    right: 11px;
    background: #E8F3FC;
    width: 16px;
    height: 16px;
    font-size: 11px;
    color: #2196F3;
    border-radius: 100%;
    padding-top: 1px;
}

.mdFlTxtAra textarea {
    resize: none;
}

.mdFlTxtAra span {
    color: #777777;
    font-size: 12px;
    padding-left: 20px;
}

.tpHeading {
    display:none;
    font-size: 18px;
    padding-bottom: 3px;
    color: #777777;
    border-bottom: 1px solid #707070;
    margin-bottom: 30px;
}

.flMdUpDis {
    float: right;
    font-size: 9px !important;
    color: #777777 !important;
}

.flMdAccdnHead {
    font-size: 18px;
    border-bottom: 1px solid #707070;
    padding-bottom: 8px;
    margin-bottom: 0;
}

p.flMdAccdnHead a {
    color: #2196F3;
    font-size: 18px;
    font-weight: normal;
}

p.flMdAccdnHead span {
    font-size: 26px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    transform: rotate(-180deg);
    transition: .3s;
    display: inline-block;
    vertical-align: sub;
    color: #2196F3;
}

    p.flMdAccdnHead span.collapsed {
        transform: rotate(0deg);
        padding-left: 10px;
        transition: .3s
    }

#collapseExample .card-body {
    padding: 0;
    background-color: #F5F5F5;
    border-radius: 0px 0px 5px 5px;
    padding-bottom: 50px;
}

#collapseExample .card {
    border: 0
}

.flMdTbleClsp {
    width: 100%
}

    .flMdTbleClsp tr {
        display: flex;
    }

    .flMdTbleClsp thead th {
        font-size: 12px;
        font-weight: normal;
        color: #777777;
        padding: 15px;
    }

    .flMdTbleClsp tbody tr td {
        padding: 13px 15px 12px 15px;
        border: 0;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .flMdTbleClsp tbody tr td:nth-child(1), .flMdTbleClsp thead tr th:nth-child(1) {
            width: 8%;
        }

        .flMdTbleClsp tbody tr td:nth-child(2), .flMdTbleClsp thead tr th:nth-child(2) {
            width: 14%;
        }

        .flMdTbleClsp tbody tr td:nth-child(3), .flMdTbleClsp thead tr th:nth-child(3) {
            width: 14%;
        }

        .flMdTbleClsp tbody tr td:nth-child(4), .flMdTbleClsp thead tr th:nth-child(4) {
            width: 36%;
        }

        .flMdTbleClsp tbody tr td:nth-child(5), .flMdTbleClsp thead tr th:nth-child(5) {
            width: 14%;
        }

        .flMdTbleClsp tbody tr td:nth-child(6), .flMdTbleClsp thead tr th:nth-child(6) {
            width: 14%;
            text-align: center
        }

        .flMdTbleClsp tbody tr td:nth-child(4) {
            white-space: normal;
            padding: 7px 15px 7px 15px;
        }

        .flMdTbleClsp tbody tr td:nth-child(6) {
            text-decoration: underline;
        }

/* readonly page css */
.cmpTbl.tblReadonly tr th:first-child, .cmpTbl.tblReadonly tr td:first-child {
    width: 5%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblReadonly tr th:nth-child(2), .cmpTbl.tblReadonly tr td:nth-child(2) {
    width: 6%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblReadonly tr th:nth-child(3), .cmpTbl.tblReadonly tr td:nth-child(3) {
    width: 15%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblReadonly tr th:nth-child(4), .cmpTbl.tblReadonly tr td:nth-child(4) {
    width: 8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblReadonly tr th:nth-child(5), .cmpTbl.tblReadonly tr td:nth-child(5) {
    width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblReadonly tr th:nth-child(6), .cmpTbl.tblReadonly tr td:nth-child(6) {
    width: 8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblReadonly tr th:nth-child(9), .cmpTbl.tblReadonly tr td:nth-child(9) {
    width: 8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblReadonly tr th:nth-child(10), .cmpTbl.tblReadonly tr td:nth-child(10) {
    width: 12%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblReadonly tr td:first-child {
    padding: 0;
}

.cmpTbl.tblReadonly tr th:first-child {
    padding: 16px;
}

.tblClrbd1 {
    width: 4px;
    height: 39px;
    background: #4CAF50;
    float: left;
}

.tblClrbd2 {
    width: 4px;
    height: 39px;
    background: #F44336;
    float: left;
}

.tblClrbd3 {
    width: 4px;
    height: 39px;
    background: #FFC021;
    float: left;
}

.tblClrbd4 {
    width: 4px;
    height: 39px;
    background: #2196F3;
    float: left;
}

.tblClrbd5 {
    width: 4px;
    height: 39px;
    background: #FFF829;
    float: left;
}

.tblClrbd6 {
    width: 4px;
    height: 39px;
    background: #2196F3;
    float: left;
}

.tblClrbd7 {
    width: 4px;
    height: 39px;
    background: #5e5d5d;
    float: left;
}


.tabBgvClrList {
    list-style: none;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 24px;
}

    .tabBgvClrList li {
        display: inline-block;
        height: 24px;
        overflow: hidden;
    }

        .tabBgvClrList li .clrTxt {
            padding-top: 2px;
            display: inline-block;
        }

        .tabBgvClrList li .sv-excel {
            font-size: 17px;
            display: inline-block;
            padding-top: 4px;
        }

        .tabBgvClrList li span.bdCmnClr {
            vertical-align: text-bottom;
        }

/* readonly page css */
/* .mdFlrmrk input {background-color: important}  */
/* full screen modal */
/*.autoSuggCus {
    width: 590px;
    background: #fff;
    position: absolute;
    display: none;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15);
    z-index: 999;
}*/
.autoSuggCus {
    width: 590px;
    background: #fff;
    position: absolute;
    display: none !important;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15);
    z-index: 0;
}

    .autoSuggCus span {
        color: #777777;
        padding: 15px 0px 0px 20px;
    }

        .autoSuggCus span:nth-child(2) {
            color: #2196F3;
            padding: 15px 20px 0px 0px;
            cursor: pointer;
        }

table.recntSrchTbl {
    width: 100%;
    padding: 5px 20px 10px 20px;
    display: inline-block;
}

    table.recntSrchTbl tbody {
        float: left;
    }

    table.recntSrchTbl tr {
        width: 100%;
        float: left;
        padding: 5px 10px;
        cursor: pointer;
    }

        table.recntSrchTbl tr:hover {
            background-color: #E8F3FC
        }

        table.recntSrchTbl tr td {
            width: 50%;
            float: left;
        }

/* BGVspoc dashboard page css */
.bgvSpocdash.dashTabBdy .nav-tabs {
    background: #ffffff;
}

.bgvSpocdash .main_chart {
    width: 120px;
    float: left;
}

.bgvSpocdash .tabChartList {
    width: 166px;
}

    .bgvSpocdash .tabChartList li {
        padding: 4px 4px;
        font-size: 12px;
    }

        .bgvSpocdash .tabChartList li span.liBadge {
            font-size: 14px;
            padding: 3px 10px;
        }

.bgvSpocdash .bgvTabHead {
    width: 100%;
    height: 45px;
    background-color: #F5F5F5;
    margin-top: -13px;
}

.bgvTabHead1 {
    width: 100%;
    height: 45px;
    background-color: #F5F5F5;
}

.bgvSpocdash .bgvTabHead p {
    float: left;
}

.dashTabBdy.bgvSpocdash {
    width: 544px;
    height: 390px;
}

.bgvSpocdash .ToDoTab {
    width: 619px;
    float: left;
    margin-left: 15px;
    height: 390px;
}

.bgvTabHead ul {
    text-decoration: none;
    list-style: none;
}

    .bgvTabHead ul li {
        float: left;
        font-size: 13px;
        padding-top: 13px;
    }

        .bgvTabHead ul li:nth-child(1) {
            padding-left: 15px
        }

        .bgvTabHead ul li:nth-child(2) {
            float: right;
            padding-right: 15px;
        }

        .bgvTabHead ul li:nth-child(3) {
            float: right;
            padding-right: 90px;
        }

.grChrtDtl p {
    font-size: 12px;
    margin-bottom: 0
}

.grChrtDtl ul {
    list-style: none;
    padding-bottom: 5px;
    padding-top: 5px;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

    .grChrtDtl ul li {
        float: left;
    }

        .grChrtDtl ul li:nth-child(1) {
            width: 33.3%;
            color: #777777;
        }

        .grChrtDtl ul li:nth-child(2) {
            width: 33.3%;
            text-align: right
        }

.grChrtDtlBd p {
    font-size: 12px;
    margin-bottom: 0
}

.grChrtDtl ul li:nth-child(3) {
    width: 33.3%;
    color: #777777;
    text-align: right
}

.grChrtDtlBd ul {
    text-decoration: none;
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

    .grChrtDtlBd ul li {
        float: left;
        font-size: 13px;
        width: 30%;
        color: #777777
    }

        .grChrtDtlBd ul li:nth-child(2) {
            float: right;
            width: 70%;
            padding-left: 10px;
            padding-top: 5px;
        }

        .grChrtDtlBd ul li span {
            display: inline-block;
            background: #FAE7E7;
            border-radius: 4px;
            height: 20px;
            width: 30px;
            color: #222222;
            margin-top: 4px;
            text-align: center;
            padding-top: 1px;
            font-size: 12px
        }

.grChrtDtlBd .bdclrNw span {
    background: #E8F3FC;
}

.ToDoTab .nav-tabs .nav-item {
    margin-left: 20px;
}

.bgvTabHead1 .innerTabs .nav-tabs .nav-item.show .nav-link, .bgvTabHead1 .nav-tabs .nav-link.active {
    color: #ffffff;
    border: 1px solid transparent;
    font-weight: normal;
    font-size: 12px;
    padding: 3px 10px;
    background: #2196F3;
    border-radius: 2px;
    margin-top: 10px;
}

.bgvTabHead1 .nav-tabs .nav-link {
    color: #777777;
    border: 1px solid #E0E0E0;
    font-weight: normal;
    font-size: 12px;
    padding: 3px 10px;
    background: #FFFFFF;
    border-radius: 2px;
    margin-top: 10px;
}

.bgvTabHead1 .nav-tabs {
    border-bottom: 0;
    float: left;
}

.bgvTabHead1 .typeSearch button {
    height: 26px;
    font-size: 12px;
}

.bgvTabHead1 .btn {
    min-width: 80px;
}

.bgvTabHead1 .typeSearch {
    margin-right: 20px;
    margin-top: 10px;
}

    .bgvTabHead1 .typeSearch .dropdown-toggle::after {
        font-size: 12px;
    }

.bgvTabHead1 .slctLbl {
    float: right;
    font-size: 12px;
    color: #777777;
    padding-top: 14px;
    padding-right: 10px;
}

.innerTabDta {
    width: 100%;
    float: left;
    padding: 5px 20px;
    max-height: 270px;
    overflow-y: scroll;
}

    .innerTabDta p {
        margin-bottom: 7px;
        padding-top: 12px;
        font-weight: 500;
    }

    .innerTabDta ul {
        list-style: none;
        width: 100%;
        float: left;
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 10px;
    }

        .innerTabDta ul li:nth-child(odd) {
            width: 70%;
            float: left;
            color: #777777
        }

        .innerTabDta ul li:nth-child(even) {
            width: 30%;
            float: left;
            text-align: right;
            cursor: pointer;
        }

        .innerTabDta ul li span {
            display: inline-block;
            background: #E0E0E0;
            border-radius: 4px;
            height: 20px;
            width: 30px;
            color: #222222;
            margin-top: 4px;
            text-align: center;
            padding-top: 1px;
            font-size: 12px;
        }

.innerTabDtaBdge {
    width: 100%;
    float: left;
    padding: 5px 20px;
}

    .innerTabDtaBdge ul.tdproList li {
        width: 85px;
        color: #777777
    }

        .innerTabDtaBdge ul.tdproList li:before {
            margin-bottom: 0px;
            height: 8px;
            width: 8px;
            margin-right: 5px;
            background: #F7ECCF
        }

        .innerTabDtaBdge ul.tdproList li:nth-child(2):before {
            background: #D2EFD2 !important
        }

        .innerTabDtaBdge ul.tdproList li:nth-child(3):before {
            background: #E0E0E0 !important
        }

.bgvSp .AdSrchBtn {
    float: right;
    width: 16%;
    height: 32px;
    margin-right: 4px;
    border: 1px solid transparent;
    background: #2196F3;
    font-size: 14px;
    color: #fff;
    max-width: 92px;
}

.bgvSp .SrchIcon {
    left: 0;
}

.srchBox.bgvSp .form-group input {
    width: 84%;
    display: inline-block;
}

.cmpTbl.tblBgvSpoc tr th:first-child, .cmpTbl.tblBgvSpoc tr td:first-child {
    width: 3%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblBgvSpoc tr th:nth-child(2), .cmpTbl.tblBgvSpoc tr td:nth-child(2) {
    width: 6%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblBgvSpoc tr th:nth-child(3), .cmpTbl.tblBgvSpoc tr td:nth-child(3) {
    width: 21%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblBgvSpoc tr th:nth-child(4), .cmpTbl.tblBgvSpoc tr td:nth-child(4) {
    width: 19%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblBgvSpoc tr th:nth-child(5), .cmpTbl.tblBgvSpoc tr td:nth-child(5) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblBgvSpoc tr th:nth-child(6), .cmpTbl.tblBgvSpoc tr td:nth-child(6) {
    width: 9%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblBgvSpoc tr th:nth-child(7), .cmpTbl.tblBgvSpoc tr td:nth-child(7) {
    width: 9%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblBgvSpoc tr th:nth-child(8), .cmpTbl.tblBgvSpoc tr td:nth-child(8) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblBgvSpoc tr th:nth-child(9), .cmpTbl.tblBgvSpoc tr td:nth-child(9) {
    width: 13%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblBgvSpoc tr td:first-child {
    padding: 0;
}

.cmpTbl.tblBgvSpoc tr th:first-child {
    padding-bottom: 16px;
}

.flSrnMdBgvSp .tpHeading {
    color: #222222;
    margin-bottom: 0;
    clear: both;
}

.reqChcklist label {
    font-size: 12px;
}

.reqChcklist p {
    font-size: 14px;
}

.controlLabel {
    height: 16px;
    width: 16px;
    float: left;
    border: 1px solid #AAAAAA;
    border-radius: 2px;
}

.control input:checked ~ .controlLabel:after {
    display: block;
}

.controlLabel:after {
    content: '';
    position: absolute;
    display: none;
}

.controlLabel:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .control input:checked ~ .controlLabel {
        background: #2196F3;
        border: transparent;
    }

.control {
    position: relative;
    cursor: pointer;
    top: 2px;
    margin: 0;
    float: left;
}

    .control input[type=checkbox]:disabled ~ .controlLabel {
        background-color: #E0E0E0
    }

        .control input[type=checkbox]:disabled ~ .controlLabel:after {
            border: solid #AAAAAA;
            border-width: 0 2px 2px 0;
        }

.reqChcklist .controlLabel {
    margin-right: 5px;
    margin-bottom: 15px;
}

.bgvModMdTbl .flMdTbleDta tr.hiddenRow {
    display: none;
    float: left;
    width: 100%;
    border: 1px solid #2196F3;
    border-radius: 5px;
    background: #F4F8FC;
}

.bgvModMdTbl .flMdTbleDta tr {
    float: left;
    width: 100%;
}

.bgvModMdTbl .flMdTbleDta tbody tr td:nth-child(1), .bgvModMdTbl .flMdTbleDta thead tr th:nth-child(1) {
    width: 7%;
    padding: 15px 15px;
}

.bgvModMdTbl .flMdTbleDta tbody tr td:nth-child(2), .bgvModMdTbl .flMdTbleDta thead tr th:nth-child(2) {
    width: 8%;
}

.bgvModMdTbl .flMdTbleDta tbody tr td:nth-child(3), .bgvModMdTbl .flMdTbleDta thead tr th:nth-child(3) {
    width: 10%;
}

.bgvModMdTbl .flMdTbleDta tbody tr td:nth-child(4), .bgvModMdTbl .flMdTbleDta thead tr th:nth-child(4) {
    width: 9%;
}

.bgvModMdTbl .flMdTbleDta tbody tr td:nth-child(5), .bgvModMdTbl .flMdTbleDta thead tr th:nth-child(5) {
    width: 9%;
}

.bgvModMdTbl .flMdTbleDta tbody tr td:nth-child(6), .bgvModMdTbl .flMdTbleDta thead tr th:nth-child(6) {
    width: 6%;
}

.bgvModMdTbl .flMdTbleDta tbody tr td:nth-child(7), .bgvModMdTbl .flMdTbleDta thead tr th:nth-child(7) {
    width: 16%;
}

.bgvModMdTbl .flMdTbleDta tbody tr td:nth-child(8), .bgvModMdTbl .flMdTbleDta thead tr th:nth-child(8) {
    width: 35%;
    text-align: right
}

.bgvModMdTbl .flMdTbleDta tbody tr td, .bgvModMdTbl .flMdTbleDta thead tr th {
    align-self: center
}

.infoIcn .sv-pdropdown {
    font-size: 19px;
    margin-right: 15px;
    transition: .3s;
}

.iconRotete {
    transform: rotate(-180deg);
    transition: .3s;
}

.MDtblTChck .sv-cross {
    display: inline-block;
    color: #fff;
    background: #B4B4B4;
    border-radius: 50%;
    font-size: 10px;
    margin-left: 3px;
    transition: .3s;
    padding: 2px 2px 2px 2.2px;
    height: 14px;
    width: 14px;
    cursor: pointer;
}

    .MDtblTChck .sv-cross:hover {
        background: #2196F3;
        transition: .3s
    }

.bgvClrTbl {
    float: left;
    width: 32px;
    height: 14px;
    background-color: #4CAF50;
    border-radius: 15px;
}

.mdAddChck ul {
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 0;
}

.mdAddChck p {
    margin-bottom: 10px;
    font-size: 14px;
}

.mdAddChck ul li {
    padding-bottom: 15px;
    font-size: 12px;
}

    .mdAddChck ul li:last-child {
        padding-bottom: 0;
    }

.MdtPReBdy p:nth-child(1) {
    font-size: 16px;
    margin: 15px 0 5px 0;
}

.MdtPReBdy p:nth-child(2) {
    font-size: 13px;
    margin: 0 0 5px 0;
}

.MdtPReBdy label {
    font-size: 12px;
    color: #777777;
    margin-bottom: 0;
    float: left;
    width: 100%
}

.MdtPReBdy div {
    float: left;
    position: relative;
}

.MdtPReBdy .sv-attatch {
    font-size: 18px;
    color: #777777
}

.MdtPReBdy .mdFlBadge {
    top: -4px;
    right: -10px;
    padding-left: 5px;
}

.flMdTbleUD .flMdTbleDta tbody tr td:nth-child(1), .flMdTbleUD .flMdTbleDta thead tr th:nth-child(1) {
    width: auto;
    padding: 15px 15px;
}

.flMdTbleUD .flMdTbleDta tbody tr td:nth-child(2), .flMdTbleUD .flMdTbleDta thead tr th:nth-child(2) {
    width: auto;
}

.flMdTbleUD .flMdTbleDta tbody tr td:nth-child(3), .flMdTbleUD .flMdTbleDta thead tr th:nth-child(3) {
    width: auto;
}

.flMdTbleUD .flMdTbleDta tbody tr td:nth-child(4), .flMdTbleUD .flMdTbleDta thead tr th:nth-child(4) {
    width: auto;
}

.flMdTbleUD .flMdTbleDta tbody tr td:nth-child(5), .flMdTbleUD .flMdTbleDta thead tr th:nth-child(5) {
    width: auto;
}

.flMdTbleUD .flMdTbleDta tbody tr td:nth-child(6), .flMdTbleUD .flMdTbleDta thead tr th:nth-child(6) {
    width: auto;
}

.flMdTbleUD .flMdTbleDta tbody tr td:nth-child(7), .flMdTbleUD .flMdTbleDta thead tr th:nth-child(7) {
    width: auto;
}

.flMdTbleUD .flMdTbleDta tbody tr td:nth-child(8), .flMdTbleUD .flMdTbleDta thead tr th:nth-child(8) {
    width: auto;
}

.flMdTbleUD .flMdTbleDta tbody tr td:nth-child(9), .flMdTbleUD .flMdTbleDta thead tr th:nth-child(9) {
    width: auto;
}

.flMdTbleUD .flMdTbleDta tbody tr td:nth-child(10), .flMdTbleUD .flMdTbleDta thead tr th:nth-child(10) {
    width: auto;
}

.flMdTbleCD .flMdTbleDta tbody tr td:nth-child(1), .flMdTbleCD .flMdTbleDta thead tr th:nth-child(1) {
    width: 8%;
    padding: 15px 15px;
}

.flMdTbleCD .flMdTbleDta tbody tr td:nth-child(2), .flMdTbleCD .flMdTbleDta thead tr th:nth-child(2) {
    width: 14%;
}

.flMdTbleCD .flMdTbleDta tbody tr td:nth-child(3), .flMdTbleCD .flMdTbleDta thead tr th:nth-child(3) {
    width: 12%;
}

.flMdTbleCD .flMdTbleDta tbody tr td:nth-child(4), .flMdTbleCD .flMdTbleDta thead tr th:nth-child(4) {
    width: 14%;
}

.flMdTbleCD .flMdTbleDta tbody tr td:nth-child(5), .flMdTbleCD .flMdTbleDta thead tr th:nth-child(5) {
    width: 6%;
}

.flMdTbleCD .flMdTbleDta tbody tr td:nth-child(6), .flMdTbleCD .flMdTbleDta thead tr th:nth-child(6) {
    width: 35%;
}

.flMdTbleCD .flMdTbleDta tbody tr td:nth-child(7), .flMdTbleCD .flMdTbleDta thead tr th:nth-child(7) {
    width: 11%;
}

.flMdTbleCD .flMdTbleDta tbody tr td:nth-child(6) {
    white-space: normal;
    padding: 7px 15px 7px 15px;
    align-self: center;
}

.flMdTbleCD .flMdTbleDta tbody tr td:nth-child(7) a {
    text-decoration: underline
}

.reqChcksMdFl {
    float: left;
    width: 100%;
    border: 1px solid #A7D2F4;
    background-color: #F4F8FC;
    border-radius: 4px;
}

    .reqChcksMdFl .nav-tabs .nav-link {
        padding: 10px 14px;
    }

    .reqChcksMdFl .reqChcksList {
        height: 320px;
        max-height: 330px;
        overflow-y: auto;
        margin-top: 20px
    }

        .reqChcksMdFl .reqChcksList li {
            padding: 0 15px 15px 15px;
        }

.ReqCheksHead {
    font-size: 16px;
}

.addcheckMd.modal-body {
    padding: 0
}

.addcheckMd .reqChcksMdFl {
    border-radius: 0;
    border: 0;
    background-color: #ffffff;
}

#sendCommunModal .filterForm .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

#reportUpMd .filterForm .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

#sendCommunModal .modal-content {
    padding: 0px 10px 0 10px;
}

#sendCommunModal .modal-body .flMdcusUpload {
    margin-top: 0;
}

#sendCommunModal .modal-body .muldate {
    margin-top: -7px;
}

#InDiffMdl .modal-body p {
    color: #777777;
    margin-bottom: 0;
}

.menuLink.BgvSpcsOthr {
    width: 215px;
}

.form-group.searchField2 {
    position: relative;
}

.reportUpMd.filterForm .form-group .searchIcon {
    top: 33px;
    font-size: 16px;
}

.rtUdschList {
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 0;
    padding: 5px 10px;
    cursor: pointer;
}

    .rtUdschList li {
        width: 33%;
        float: left;
        color: #777777;
        font-size: 12px;
        padding-bottom: 5px
    }

        .rtUdschList li:first-child {
            color: #222222;
        }

ul.rtUdschList:nth-child(even) {
    background-color: #F7F7F7
}

.rtUdschItm {
    height: auto;
    max-height: 225px;
    min-height: 224px;
    overflow-y: auto;
}

.srchhidden, .reportUpMdHide {
    display: none;
}

.webui-popover-cstmPopPontr.webui-popover.bottom-right > .arrow {
    left: 40px !important
}

.sapDtlsIn p {
    font-size: 14px;
}

.reportUpMdHide .flMdcusUpload {
    margin-top: 15px;
}

#reBgvMd .flMdcusUpload {
    margin-top: 5px;
}

.sapDtlsIn ul {
    list-style: none;
    float: left;
    width: 100%;
}

    .sapDtlsIn ul li {
        width: 25%;
        float: left;
        font-size: 12px;
    }

        .sapDtlsIn ul li:nth-child(2) {
            width: 6%;
            float: left;
            text-align: center;
            padding: 0 20px;
        }

        .sapDtlsIn ul li:nth-child(3) {
            width: 53%;
            float: left;
        }

#TpaReMd .muldate .datePicker {
    width: 110px;
    float: left;
}

#TpaReMd .filterForm label {
    float: left;
}

#TpaReMd .filterForm .flMdcusUpload {
    margin-top: 15px;
}
/* BGVspoc dashboard page css */

/* Candidate role css start */
.bnrArea {
    background-image: url(../images/s_cvr.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #51adf6;
    background-position: left top;
    width: 100%;
    height: 252px;
    position: relative;
    margin-top: -51px;
}

.s_bnrHead {
    background-color: #2196F3;
    float: left;
    padding: 35px 70px 35px 100px;
    margin-top: 80px;
}

    /*.s_bnrHead .bnrImg {
        float: left;
        margin-left: 168px;
        margin-top: -33px;*/
        /* visibility: hidden;*/
    /*}*/
   /* .s_bnrHead .bnrImg {
        float: left;
        margin-left: 15px;
        margin-top: 7px;
    }*/

    .s_bnrHead .bnrImg {
        margin-left: 10px;
        margin-top: 6px;
        display: inline-block;
        width: 159px;
        vertical-align: middle
    }
    .s_bnrHead p {
        float: left;
        font-size: 25px;
        color: #ffffff;
        margin-bottom: 0;
    }

.stuLgn label {
    font-size: 12px;
    color: #777777
}

.stuLgn .cstmCheck span {
    width: 110px;
    margin-top: 1px;
    color: #777777;
}

.stuLgn button.btn-primary {
    margin: 20px 0 0 0;
    clear: both;
}

.stuLgn .cstmCheck {
    float: left;
    width: 100%;
}

.sLgnbox {
    height: calc(100vh - 300px);
}

    .sLgnbox.row .col-md-8 img {
        width: 600px;
        height: 350px;
        margin: auto;
        display: block;
    }

.sGuideDta ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
    height: 470px;
    overflow-y: scroll
}

    .sGuideDta ol li {
        display: table;
        counter-increment: item;
        margin-bottom: 0.6em;
        font-size: 14px;
        color: #777777
    }

        .sGuideDta ol li:before {
            content: counters(item, ")") ")";
            display: table-cell;
            padding-right: 0.6em;
        }

.sGuide {
    width: 96%;
    float: left;
    margin-top: 30px;
    border-radius: 4px;
    border: 1px solid #2196F3;
    margin-left: 2%;
    margin-right: 2%;
}

.sGuideDta {
    width: 100%;
    padding: 15px 20px;
    background-color: #ffffff;
    border-radius: 4px;
}

    .sGuideDta .sGuideH {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 5px;
    }

    .sGuideDta .sGuideSh {
        font-size: 12px;
        color: #777777;
    }

.sGuideFtr {
    padding: 15px;
    background-color: #2196F3
}

    .sGuideFtr .controlLabel {
        background: #fff;
    }

    .sGuideFtr .control {
        width: 2%
    }

    .sGuideFtr .cstmCheck span {
        color: #fff;
    }

    .sGuideFtr .control input:checked ~ .controlLabel {
        border: 1px solid #fff;
    }

.cndteHead, .cndteHead1 {
    list-style: none;
    width: 100%;
    float: left;
}

    .cndteHead li {
        font-size: 14px;
        color: #ffffff;
        float: left;
    }

        .cndteHead li:nth-child(2) {
            color: #5A5A5A;
            background-color: #D2EFD2;
            padding: 1px 7px;
            font-weight: 500;
            margin-left: 15px;
        }

    .cndteHead1 li {
        font-size: 14px;
        color: #ffffff;
        float: right;
    }

        .cndteHead1 li:nth-child(1) {
            color: #5A5A5A;
            background-color: #D2EFD2;
            padding: 1px 7px;
            font-weight: 500;
            margin-left: 15px;
        }

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

    .cndteTabs .nav-tabs {
        background: #FFFFFF;
    }

.cndteTabsHd {
    font-size: 16px;
    padding-top: 20px;
    padding-left: 15px;
    margin-bottom: 0;
}

.cndteTabDta {
    border: 1px solid #ECF2F7;
    margin: 20px 15px;
    padding: 10px 0;
}

    .cndteTabDta .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

.cndteTabAcc .flMdAccdnHead {
    border-bottom: 1px solid transparent;
}

.cndteTabAcc p.flMdAccdnHead a {
    font-size: 14px;
}

.cndteTabAcc p.flMdAccdnHead span.collapsed {
    padding-left: 5px;
}

.cndteTabAcc p.flMdAccdnHead span {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 22px;
    padding-top: 0;
}

.cndteAccInr .flMdAccdnHead {
    padding-top: 24px;
}

.cndteAccInr .hcl-tick {
    color: #2196F3;
    font-size: 16px;
    margin-top: 31px;
    margin-left: 10px;
    cursor: pointer;
}

.cndteAccInr .hcl-edit {
    color: #777777;
    font-size: 16px;
    margin-top: 31px;
    margin-left: 15px;
    cursor: pointer;
}

.cndteAccInr .sv-delete {
    color: #777777;
    font-size: 16px;
    margin-top: 31px;
    margin-left: 15px;
    cursor: pointer;
}

.cndteDuAra ul {
    float: left;
    width: auto;
    list-style: none;
    height: 40px;
    border: 1px dashed #CCCCCC;
    margin-bottom: 20px;
}

    .cndteDuAra ul li {
        float: left;
    }

.cndteDuAra .flMdcusUpload {
    margin-top: 0;
    width: 100%;
    height: 40px;
    background: transparent;
    border: 1px dashed transparent;
}

    .cndteDuAra .flMdcusUpload label {
        font-size: 12px;
        color: #777777;
        width: 100%;
        float: left;
        padding-top: 5px;
        padding-left: 10px;
    }

    .cndteDuAra .flMdcusUpload p {
        font-size: 12px;
        color: #2196F3;
    }

.upldChip {
    background-color: #F5F5F5;
    margin-left: 10px;
    padding: 5px 15px;
    border-radius: 50px;
    margin-top: 4px;
    color: #777777;
    font-size: 12px;
}

    .upldChip .sv-cross {
        float: right;
        color: #777777;
        margin-left: 5px;
        margin-top: 5px;
        cursor: pointer;
    }

.upldChipCt {
    background-color: #777777;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 15px;
    border-radius: 50px;
    margin-top: 4px;
    color: #ffffff;
}

.cndAdMr {
    display: flex;
    clear: both;
    justify-content: center;
    cursor: pointer;
}

    .cndAdMr .sv-cross {
        display: inline-block;
        transform: rotate(45deg);
        background-color: #F9FCFF;
        padding: 8px;
        border: 1px dashed #A7D2F4;
        border-radius: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #2196F3
    }

.cndAdNw {
    background-color: #F9FCFF;
    padding: 8px 10px;
    border: 1px dashed #A7D2F4;
    border-radius: 4px;
    margin-top: 0;
    margin-bottom: 20px;
    color: #777777;
    cursor: pointer;
    float: left;
    width: 160px;
}

    .cndAdNw .sv-cross {
        transform: rotate(45deg);
        float: left;
        ;
        color: #2196F3;
        padding-right: 8px;
        padding-top: 6px;
    }
/* Candidate role css end */

/* Vonder role css end */
.vLgnbox.hc-container {
    height: calc(100vh - 99px);
}

.VnScrnL {
    background-color: #ffffff;
}

    .VnScrnL.hc-container {
        padding: 0;
    }

.vLgnBnr {
    position: relative;
}

    .vLgnBnr img {
        width: 100%;
        height: calc(100vh - 33px );
    }

.vnLgn {
    display: flex;
    padding-right: 5%;
    padding-left: 5%;
    position: relative;
}

    .vnLgn .stuLgn {
        align-self: center;
        width: 100%;
    }

.vnLgnHd {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 0;
}

.vnLgnShd {
    font-size: 16px;
    margin-bottom: 30px;
}

.vnFgtPs {
    display: none;
}

.vLgnBnr .vLgnMhd {
    position: absolute;
    bottom: 25px;
    left: 100px;
    font-size: 32px;
    color: #ffffff;
    font-style: italic;
}

.vnDash.dashTabBdy .nav-tabs .nav-item {
    pointer-events: none;
    margin-left: 6px
}

.vnSumReHead {
    background: #F5F5F5;
    border-bottom: 1px solid #E0E0E0;
    border-radius: 4px 4px 0px 0px;
}

    .vnSumReHead p {
        font-size: 14px;
        padding: 10px 10px;
        color: #666666;
        margin-bottom: 0;
        vertical-align: text-top;
        display: inline-block;
    }

.vnSumReTab .ToDoTab {
    border-radius: 0px 0px 4px 4px;
    height: 418px;
}

.vnToDoList {
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

    .vnToDoList li {
        float: left;
    }

        .vnToDoList li:nth-child(1) {
            font-size: 24px;
            color: #AAAAAA;
            width: 30px;
            padding-right: 10px;
            margin-top: 5px;
        }

        .vnToDoList li:nth-child(2) {
            width: 216px;
        }

            .vnToDoList li:nth-child(2) span {
                font-size: 12px;
                color: #777777;
                width: 100%;
                display: block;
            }

        .vnToDoList li:nth-child(3) {
            background-color: #E8F3FC;
            margin-top: 5px;
            width: 48px;
            height: 24px;
            text-align: center;
            padding-top: 3px;
        }

.inrTblTabs {
    float: left;
}

    .inrTblTabs.nav-tabs .nav-item.show .nav-link, .inrTblTabs.nav-tabs .nav-link.active {
        color: #ffffff;
        border-color: transparent;
        font-size: 14px;
        border-bottom: 0;
        padding: 4px 11px;
        background-color: #2196F3;
        margin-top: 13px;
    }

    .inrTblTabs.nav-tabs .nav-link {
        font-size: 14px;
        padding: 4px 11px;
        color: #666666;
        background-color: #ffffff;
        color: #222222;
        margin-top: 13px;
    }

.cmpTbl.tblVndr tr th:first-child, .cmpTbl.tblVndr tr td:first-child {
    width: 4%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblVndr tr th:nth-child(2), .cmpTbl.tblVndr tr td:nth-child(2) {
    width: 6%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblVndr tr th:nth-child(3), .cmpTbl.tblVndr tr td:nth-child(3) {
    width: 19%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblVndr tr th:nth-child(4), .cmpTbl.tblVndr tr td:nth-child(4) {
    width: 9%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblVndr tr th:nth-child(5), .cmpTbl.tblVndr tr td:nth-child(5) {
    width: 12%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblVndr tr th:nth-child(6), .cmpTbl.tblVndr tr td:nth-child(6) {
    width: 12%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblVndr tr th:nth-child(7), .cmpTbl.tblVndr tr td:nth-child(7) {
    width: 12%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblVndr tr th:nth-child(8), .cmpTbl.tblVndr tr td:nth-child(8) {
    width: 12%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.cmpTbl.tblVndr tr th:nth-child(9), .cmpTbl.tblVndr tr td:nth-child(9) {
    width: 14%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.cmpTbl.tblVndr tr td:first-child {
    padding: 0;
}

.cmpTbl.tblVndr tr th:first-child {
    padding-bottom: 18px;
}

    .cmpTbl.tblVndr tr th:first-child .cstmCheck {
        margin-top: 1px;
        margin-left: 10px;
    }

.cmpTbl.tblVndr tr td:first-child .cstmCheck {
    margin-top: 10px;
    margin-left: 20px;
}

.cmpTbl.tblVndr tr td:nth-child(9) .hcl-tick {
    display: inline-block;
    color: #4CAF50;
    font-size: 12px;
    margin-right: 5px;
}

.cmpTbl.tblVndr tr td:nth-child(9) .sv-new {
    display: inline-block;
    color: #2196F3;
    font-size: 12px;
    margin-right: 5px;
}

p.expandedAc span.collapsed {
    transform: rotate(0deg);
}

p.expandedAc span {
    transform: rotate(-180deg);
}

span.ucsPop, span.ucsPop1, span.ucsPop2, span.ucsPop3 {
    width: 235px;
}

.control input:checked ~ .controlLabel.Grn {
    background: #4CAF50;
}

.control input:checked ~ .controlLabel.Red {
    background: #F44336;
}

.control input:checked ~ .controlLabel.Ambr {
    background: #FFC021;
}

.control input:checked ~ .controlLabel.NA {
    background: #5e5d5d;
}

.ucsStatus1 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 125px;
}

.ucsStatus1 .typeSearch button {
    height: 24px;
    line-height: 20px;
}

.ucsStatus1 .muldate .datePicker input {
    height: 24px;
}

.filterForm.ucsStatus1 .form-group .searchIcon {
    top: 5px;
}

.ucsStaLs {
    background-color: #E8F3FC;
    color: #777777;
    width: 100%;
    font-size: 10px;
    padding: 2px 10px;
}

.ucsStatus1 .datePopBtn {
    width: 70px;
    height: 22px;
    background: #ffffff;
    border-radius: 2px;
    border: 1px solid #2196F3;
    font-size: 12px;
    color: #2196F3;
    line-height: 10px;
}

.flMdTbleCD.CD1 .flMdTbleDta tbody tr td:nth-child(7), .flMdTbleCD .flMdTbleDta thead tr th:nth-child(7) {
    width: 5%;
}

.flMdTbleCD.CD1 .flMdTbleDta tbody tr td:nth-child(7) {
    position: relative;
    font-size: 18px;
    padding: 9px 10px 0px 10px;
    color: #777777;
    text-align: center;
    cursor: pointer;
}

.flMdTbleCD.CD1 .flMdTbleDta tbody tr td:nth-child(6), .flMdTbleCD .flMdTbleDta thead tr th:nth-child(6) {
    width: 41%;
}

.flMdTbleUD.UD2 .flMdTbleDta tbody tr td:nth-child(1), .flMdTbleUD.UD2 .flMdTbleDta thead tr th:nth-child(1) {
    width: 17%;
    padding: 15px 15px;
}

.flMdTbleUD.UD2 .flMdTbleDta tbody tr td:nth-child(2), .flMdTbleUD.UD2 .flMdTbleDta thead tr th:nth-child(2) {
    width: 15%
}

.flMdTbleUD.UD2 .flMdTbleDta tbody tr td:nth-child(3), .flMdTbleUD.UD2 .flMdTbleDta thead tr th:nth-child(3) {
    width: 7%
}

.flMdTbleUD.UD2 .flMdTbleDta tbody tr td:nth-child(4), .flMdTbleUD.UD2 .flMdTbleDta thead tr th:nth-child(4) {
    width: 9%
}

.flMdTbleUD.UD2 .flMdTbleDta tbody tr td:nth-child(5), .flMdTbleUD.UD2 .flMdTbleDta thead tr th:nth-child(5) {
    width: 10%
}

.flMdTbleUD.UD2 .flMdTbleDta tbody tr td:nth-child(6), .flMdTbleUD.UD2 .flMdTbleDta thead tr th:nth-child(6) {
    width: 9%
}

.flMdTbleUD.UD2 .flMdTbleDta tbody tr td:nth-child(7), .flMdTbleUD.UD2 .flMdTbleDta thead tr th:nth-child(7) {
    width: 11%
}

.flMdTbleUD.UD2 .flMdTbleDta tbody tr td:nth-child(8), .flMdTbleUD.UD2 .flMdTbleDta thead tr th:nth-child(8) {
    width: 11%
}

.flMdTbleUD.UD2 .flMdTbleDta tbody tr td:nth-child(9), .flMdTbleUD.UD2 .flMdTbleDta thead tr th:nth-child(9) {
    width: 11%
}

.flMdTbleUD.UD2 .flMdTbleDta tbody tr td:nth-child(8) {
    position: relative;
    font-size: 18px;
    padding: 9px 10px 0px 10px;
    color: #777777;
    text-align: center;
    cursor: pointer;
}

.flMdTbleUD.UD2 .flMdTbleDta tbody tr td .mdFlBadge {
    right: 47px;
}

.dwnldAll {
    float: right;
    margin-top: 15px;
    font-size: 16px;
    color: #2196F3;
    cursor: pointer;
}

.cmpTbl.vwDwndMdTbl tr th:first-child, .cmpTbl.vwDwndMdTbl tr td:first-child {
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.vwDwndMdTbl tr th:nth-child(2), .cmpTbl.vwDwndMdTbl tr td:nth-child(2) {
    width: 35%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.vwDwndMdTbl tr td, .cmpTbl.vwDwndMdTbl tr th {
    padding: 5px 10px;
}

.fitTbl.vwDwndMdTbl tbody tr {
    border-bottom: 0;
}

.vwDwndMdTbl tr td .sv-download {
    visibility: hidden;
}

.cmpTbl.vwDwndMdTbl tr td:nth-child(2):hover {
    color: #2196F3;
    visibility: visible;
}

    .cmpTbl.vwDwndMdTbl tr td:nth-child(2):hover .sv-download {
        visibility: visible;
    }

.flMdDl {
    margin-bottom: 0;
    font-size: 14px;
    color: #F44336;
    text-decoration: underline;
}

.flMdFxd {
    background-color: #2196F3;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 95px;
}

    .flMdFxd p {
        font-size: 16px;
        color: #ffffff;
        margin-top: 25px;
    }

.flMdFxdBtnR {
    color: #ffffff;
    font-size: 14px;
    text-decoration: underline;
    font-weight: 500;
    margin-top: 37px;
    display: inline-block;
}

.flMdFxdBtnA {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    border: 1px solid #ffffff;
    padding: 11px 10px;
    margin-top: 25px;
    display: inline-block;
}

.flMdFxd .row {
    max-width: 1180px;
    margin: 0 auto;
}

.flMdFxdBtnR:hover, .flMdFxdBtnA:hover {
    color: #ffffff
}

.TpaRpt p {
    font-size: 14px;
    padding-top: 28px;
}
/* Vonder role css end */
/* QC role css Start */
/* .ToDoTabQC{width: 100%;float: left;height: 390px; background-color:#ffffff; } */
.bgvSpocdash.QCdash {
    width: 100%;
}

.QCdash .ToDoTab {
    width: 100%;
    float: left;
    margin-left: 0px;
    height: 390px;
}

.QCHead {
    font-size: 14px;
    display: inline-block;
    color: #777777;
    font-weight: 500;
    margin-top: 13px;
    margin-left: 20px;
}

.innerTabDta.QCTabDta ul li:nth-child(odd) {
    width: 85%;
}

.innerTabDta.QCTabDta ul li:nth-child(even) {
    width: 15%;
}

.cmpTbl.QCtbl tr th:first-child, .cmpTbl.QCtbl tr td:first-child {
    width: 2%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.QCtbl tr th:first-child {
    width: 2%;
    white-space: nowrap;
    overflow: visible;
    text-overflow: unset;
}

.cmpTbl.QCtbl tr th:first-child {
    padding-bottom: 16px;
}

.cmpTbl.QCtbl tr th:nth-child(2), .cmpTbl.QCtbl tr td:nth-child(2) {
    width: 7%;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}

.cmpTbl.QCtbl tr th:nth-child(2) {
    padding: 6.5px 10px;
}

.cmpTbl.QCtbl tr th:nth-child(3), .cmpTbl.QCtbl tr td:nth-child(3) {
    width: 11%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.QCtbl tr th:nth-child(4), .cmpTbl.QCtbl tr td:nth-child(4) {
    width: 9%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.QCtbl tr th:nth-child(5), .cmpTbl.QCtbl tr td:nth-child(5) {
    width: 14%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.QCtbl tr th:nth-child(6), .cmpTbl.QCtbl tr td:nth-child(6) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.QCtbl tr th:nth-child(7), .cmpTbl.QCtbl tr td:nth-child(7) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.QCtbl tr th:nth-child(8), .cmpTbl.QCtbl tr td:nth-child(8) {
    width: 9%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.QCtbl tr th:nth-child(9), .cmpTbl.QCtbl tr td:nth-child(9) {
    width: 11%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.QCtbl tr th:nth-child(10), .cmpTbl.QCtbl tr td:nth-child(10) {
    width: 6%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.cmpTbl.QCtbl tr th:nth-child(10) {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}

.cmpTbl.QCtbl tr th:nth-child(10) {
    padding: 6.5px 10px;
}

.cmpTbl.QCtbl tr th:nth-child(11), .cmpTbl.QCtbl tr td:nth-child(11) {
    width: 11%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.QCtbl tr td {
    padding: 2px 10px;
    align-self: center
}

.fitTbl.QCtbl tbody tr {
    display: flex;
}

.flmd-upldQc p {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
    color: #2196F3;
    cursor: pointer;
}

.flmd-upldQc span {
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    padding-right: 5px;
    padding-top: 18px;
    vertical-align: text-bottom;
    color: #2196F3;
    cursor: pointer;
}

.cstmCheck .ckBdge {
    width: 2px;
    height: 15px;
    margin-right: 5px;
    padding-left: 0;
    margin-top: 0;
}

.flMdAccdn .tabBgvClrList {
    margin-bottom: 5px;
}

.flMdTbleDta.ckPopTbl tbody tr td:nth-child(1), .flMdTbleDta.ckPopTbl thead tr th:nth-child(1) {
    width: 16%;
    padding: 5px
}

.flMdTbleDta.ckPopTbl tbody tr td:nth-child(2), .flMdTbleDta.ckPopTbl thead tr th:nth-child(2) {
    width: 20%;
    padding: 5px
}

.flMdTbleDta.ckPopTbl tbody tr td:nth-child(3), .flMdTbleDta.ckPopTbl thead tr th:nth-child(3) {
    width: 19%;
    padding: 5px
}

.flMdTbleDta.ckPopTbl tbody tr td:nth-child(4), .flMdTbleDta.ckPopTbl thead tr th:nth-child(4) {
    width: 25%;
    padding: 5px
}

.flMdTbleDta.ckPopTbl tbody tr td:nth-child(5), .flMdTbleDta.ckPopTbl thead tr th:nth-child(5) {
    width: 20%;
    padding: 5px
}

.popD.dwnldAll {
    margin-top: 0px;
    font-size: 14px;
}

.flMdTbleDta.ckPopTbl1 tbody tr td:nth-child(1), .flMdTbleDta.ckPopTbl1 thead tr th:nth-child(1) {
    width: 50%;
    padding: 5px
}

.flMdTbleDta.ckPopTbl1 tbody tr td:nth-child(2), .flMdTbleDta.ckPopTbl1 thead tr th:nth-child(2) {
    width: 50%;
    padding: 5px
}

.QcTpHd {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.flMdTbleDta.QcTpReTbl tbody tr td:nth-child(1), .flMdTbleDta.QcTpReTbl thead tr th:nth-child(1) {
    width: 12%;
    padding: 5px
}

.flMdTbleDta.QcTpReTbl tbody tr td:nth-child(2), .flMdTbleDta.QcTpReTbl thead tr th:nth-child(2) {
    width: 8%;
    padding: 5px
}

.flMdTbleDta.QcTpReTbl tbody tr td:nth-child(3), .flMdTbleDta.QcTpReTbl thead tr th:nth-child(3) {
    width: 9%;
    padding: 5px
}

.flMdTbleDta.QcTpReTbl tbody tr td:nth-child(4), .flMdTbleDta.QcTpReTbl thead tr th:nth-child(4) {
    width: 6%;
    padding: 5px
}

.flMdTbleDta.QcTpReTbl tbody tr td:nth-child(5), .flMdTbleDta.QcTpReTbl thead tr th:nth-child(5) {
    width: 65%;
    padding: 5px
}

.flMdTbleDta.QcTpReTbl tbody tr td:nth-child(4) {
    position: relative;
    font-size: 18px;
    padding: 9px 10px 0px 10px;
    color: #777777;
    text-align: center;
    cursor: pointer;
}

.QcTpReTbl tbody tr td .mdFlBadge {
    right: 16px;
}

.rdQcbdy label {
    font-size: 15px;
    color: #777777;
    padding-left: 5px;
}

.flMdTbleDta.packDtTbl tbody tr td:nth-child(1), .flMdTbleDta.packDtTbl thead tr th:nth-child(1) {
    width: 15%;
    padding: 15px;
}

.flMdTbleDta.packDtTbl tbody tr td:nth-child(2), .flMdTbleDta.packDtTbl thead tr th:nth-child(2) {
    width: 14%;
}

.flMdTbleDta.packDtTbl tbody tr td:nth-child(3), .flMdTbleDta.packDtTbl thead tr th:nth-child(3) {
    width: 14%;
}

.flMdTbleDta.packDtTbl tbody tr td:nth-child(4), .flMdTbleDta.packDtTbl thead tr th:nth-child(4) {
    width: 14%;
}

.flMdTbleDta.packDtTbl tbody tr td:nth-child(5), .flMdTbleDta.packDtTbl thead tr th:nth-child(5) {
    width: 15%;
}

.flMdTbleDta.packDtTbl tbody tr td:nth-child(6), .flMdTbleDta.packDtTbl thead tr th:nth-child(6) {
    width: 15%;
}

.flMdTbleDta.packDtTbl tbody tr td:nth-child(7), .flMdTbleDta.packDtTbl thead tr th:nth-child(7) {
    width: 13%;
}

.QcpackDt {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 0 10px;
}

    .QcpackDt table {
        height: 600px;
    }
/* .QcStRpt {display: none;} */
/* QC role css end */

/* BGV Council role css start */
.rmksAra {
    padding: 10px;
    border: 1px dashed #E0E0E0;
}

.rmksArap {
    margin-bottom: 0;
    color: #777777;
}

.GrD1 .dwnldAll {
    margin-top: 5px;
}

.flMdTbleCD .flMdTbleDta.smTblC tbody tr td:nth-child(1), .flMdTbleCD .flMdTbleDta.smTblC thead tr th:nth-child(1) {
    width: 20%;
    padding: 15px 15px;
}

.flMdTbleCD .flMdTbleDta.smTblC tbody tr td:nth-child(2), .flMdTbleCD .flMdTbleDta.smTblC thead tr th:nth-child(2) {
    width: 50%;
}

.flMdTbleCD .flMdTbleDta.smTblC tbody tr td:nth-child(3), .flMdTbleCD .flMdTbleDta.smTblC thead tr th:nth-child(3) {
    width: 30%;
}

.flMdTbleDta.smTblC tbody tr td {
    white-space: normal;
}

.flMdTbleCD .flMdTbleDta.smTblC tbody tr td:nth-child(3) {
    text-decoration: underline;
}

.flMdTbleCD .flMdTbleDta.exAppTbl tbody tr td:nth-child(1), .flMdTbleCD .flMdTbleDta.exAppTbl thead tr th:nth-child(1) {
    width: 15%;
    padding: 15px 15px;
}

.flMdTbleCD .flMdTbleDta.exAppTbl tbody tr td:nth-child(2), .flMdTbleCD .flMdTbleDta.exAppTbl thead tr th:nth-child(2) {
    width: 15%;
}

.flMdTbleCD .flMdTbleDta.exAppTbl tbody tr td:nth-child(3), .flMdTbleCD .flMdTbleDta.exAppTbl thead tr th:nth-child(3) {
    width: 12%;
}

.flMdTbleCD .flMdTbleDta.exAppTbl tbody tr td:nth-child(4), .flMdTbleCD .flMdTbleDta.exAppTbl thead tr th:nth-child(4) {
    width: 45%;
}

.flMdTbleCD .flMdTbleDta.exAppTbl tbody tr td:nth-child(5), .flMdTbleCD .flMdTbleDta.exAppTbl thead tr th:nth-child(5) {
    width: 13%;
}

.flMdTbleCD .flMdTbleDta.exAppTbl tbody tr td:nth-child(5) {
    text-decoration: underline
}
/* BGV Council role css end */

/* HR role css Start */
.cmpTbl.tblHrVw tr th:first-child, .cmpTbl.tblHrVw tr td:first-child {
    width: 3%;
}

.cmpTbl.tblHrVw tr th:first-child {
    padding-bottom: 16px
}

.cmpTbl.tblHrVw tr th:nth-child(2), .cmpTbl.tblHrVw tr td:nth-child(2) {
    width: 6%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblHrVw tr th:nth-child(3), .cmpTbl.tblHrVw tr td:nth-child(3) {
    width: 5%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblHrVw tr th:nth-child(4), .cmpTbl.tblHrVw tr td:nth-child(4) {
    width: 5%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblHrVw tr th:nth-child(5), .cmpTbl.tblHrVw tr td:nth-child(5) {
    width: 17%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblHrVw tr th:nth-child(6), .cmpTbl.tblHrVw tr td:nth-child(6) {
    width: 26%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblHrVw tr th:nth-child(7), .cmpTbl.tblHrVw tr td:nth-child(7) {
    width: 8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblHrVw tr th:nth-child(8), .cmpTbl.tblHrVw tr td:nth-child(8) {
    width: 7%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblHrVw tr th:nth-child(9), .cmpTbl.tblHrVw tr td:nth-child(9) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblHrVw tr th:nth-child(10), .cmpTbl.tblHrVw tr td:nth-child(10) {
    width: 13%;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
}

.fitTbl.tblHrVw tbody tr {
    display: flex;
}

.cmpTbl.tblHrVw tr td {
    padding: 2px 10px;
    align-self: center;
}

.flMdTbleCD .flMdTbleDta.exAppTbl1 tbody tr td:nth-child(1), .flMdTbleCD .flMdTbleDta.exAppTbl1 thead tr th:nth-child(1) {
    width: 1%;
    padding: 2px 15px;
}

.flMdTbleCD .flMdTbleDta.exAppTbl1 tbody tr td:nth-child(2), .flMdTbleCD .flMdTbleDta.exAppTbl1 thead tr th:nth-child(2) {
    width: 10%;
}

.flMdTbleCD .flMdTbleDta.exAppTbl1 tbody tr td:nth-child(3), .flMdTbleCD .flMdTbleDta.exAppTbl1 thead tr th:nth-child(3) {
    width: 8%;
}

.flMdTbleCD .flMdTbleDta.exAppTbl1 tbody tr td:nth-child(4), .flMdTbleCD .flMdTbleDta.exAppTbl1 thead tr th:nth-child(4) {
    width: 69%;
}

.flMdTbleCD .flMdTbleDta.exAppTbl1 tbody tr td:nth-child(5), .flMdTbleCD .flMdTbleDta.exAppTbl1 thead tr th:nth-child(5) {
    width: 12%;
    text-align: center
}

.flMdTbleCD .flMdTbleDta.exAppTbl1 tbody tr td:nth-child(5) {
    text-decoration: underline
}
/* HR role css end */

/* HR role css start */
.em-pbr {
    width: 100%;
    background-color: #ffffff;
    padding: 15px 20px;
    border-radius: 4px;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15);
}

.pbrHdng {
    font-size: 16px;
}

.flMdTbleCD .flMdTbleDta.pbrTbl tbody tr td:nth-child(1), .flMdTbleCD .flMdTbleDta.pbrTbl thead tr th:nth-child(1) {
    width: 11%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flMdTbleCD .flMdTbleDta.pbrTbl tbody tr td:nth-child(1) {
    padding: 8px 15px;
}

.flMdTbleCD .flMdTbleDta.pbrTbl tbody tr td:nth-child(2), .flMdTbleCD .flMdTbleDta.pbrTbl thead tr th:nth-child(2) {
    width: 11%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flMdTbleCD .flMdTbleDta.pbrTbl tbody tr td:nth-child(3), .flMdTbleCD .flMdTbleDta.pbrTbl thead tr th:nth-child(3) {
    width: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flMdTbleCD .flMdTbleDta.pbrTbl tbody tr td:nth-child(4), .flMdTbleCD .flMdTbleDta.pbrTbl thead tr th:nth-child(4) {
    width: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flMdTbleCD .flMdTbleDta.pbrTbl tbody tr td:nth-child(5), .flMdTbleCD .flMdTbleDta.pbrTbl thead tr th:nth-child(5) {
    width: 12%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flMdTbleCD .flMdTbleDta.pbrTbl tbody tr td:nth-child(6), .flMdTbleCD .flMdTbleDta.pbrTbl thead tr th:nth-child(6) {
    width: 10%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flMdTbleCD .flMdTbleDta.pbrTbl tbody tr td:nth-child(7), .flMdTbleCD .flMdTbleDta.pbrTbl thead tr th:nth-child(7) {
    width: 17%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flMdTbleDta.pbrTbl tbody tr td {
    padding: 8px 15px;
}
/* HR role css end */

/* Guest role css start */
.cmpTbl.tblGst tr th:first-child, .cmpTbl.tblGst tr td:first-child {
    width: 1%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblGst tr td:first-child {
    padding: 10px
}

.cmpTbl.tblGst tr th:first-child {
    padding-bottom: 16px
}

.cmpTbl.tblGst tr th:nth-child(2), .cmpTbl.tblGst tr td:nth-child(2) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblGst tr th:nth-child(3), .cmpTbl.tblGst tr td:nth-child(3) {
    width: 23%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 16px 7px;
}
.cmpTbl.tblGst tr th:nth-child(4), .cmpTbl.tblGst tr td:nth-child(4) {
    width: 25%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.tblGst tr th:nth-child(5), .cmpTbl.tblGst tr td:nth-child(5) {
    width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cmpTbl.tblGst tr th:nth-child(6), .cmpTbl.tblGst tr td:nth-child(6) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*---Added by Rajeev--*/
.cmpTbl.tblGst tr th:nth-child(7), .cmpTbl.tblGst tr td:nth-child(7) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Guest role css end */

/* PMO role css end */
.pmoDash1 {
    background-color: #ffffff;
    border-radius: 4px;
    padding-bottom: 20px;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15);
}

.pmoh1 {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 11px 15px;
    border-bottom: 1px solid #dee2e6;
    border-radius: 4px 4px 0 0;
    color: #777777;
    font-size: 16px;
}

.pmoh2 {
    float: left;
    width: calc(100% - 20px);
    background-color: #fff;
    padding: 11px 10px;
    border-bottom: 1px solid #dee2e6;
    border-radius: 4px 4px 0 0;
    color: #777777;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
}

.bgvSpocdash.pmoDash .ToDoTab {
    width: 100%;
    float: left;
    margin-left: 0;
    height: 524px;
}

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

.pmoDash1 ul.tabChartList {
    width: 55%;
    margin-right: 20px;
    float: right;
}

.pmoLst { /*border-right: 1px solid #E0E0E0;*/
    width: 100%;
    float: left;
    padding: 0px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 378px;
    max-height: 380px;
    overflow-y: auto;
}

    .pmoLst .vnToDoList li:nth-child(2) {
        width: 265px;
    }

    .pmoLst .vnToDoList {
        margin-bottom: 5px
    }

    .pmoLst.GrD2 .vnToDoList li:nth-child(1) {
        width: 0px;
        padding-right: 0px;
    }

    .pmoLst.GrD2 .vnToDoList li:nth-child(2) {
        width: 300px;
    }

.pmoPjDt p {
    margin-bottom: 0;
}

.pmoPjDt .col-md-2 {
    margin-top: 35px;
}

.flMdTbleDta.pmoVwTbl tbody tr td:nth-child(1), .flMdTbleDta.pmoVwTbl thead tr th:nth-child(1) {
    width: 25%;
    padding: 15px;
}

.flMdTbleDta.pmoVwTbl tbody tr td:nth-child(2), .flMdTbleDta.pmoVwTbl thead tr th:nth-child(2) {
    width: 25%;
}

.flMdTbleDta.pmoVwTbl tbody tr td:nth-child(3), .flMdTbleDta.pmoVwTbl thead tr th:nth-child(3) {
    width: 25%;
}

.flMdTbleDta.pmoVwTbl tbody tr td:nth-child(4), .flMdTbleDta.pmoVwTbl thead tr th:nth-child(4) {
    width: 25%;
}

/*.flMdTbleDta.pmoVwTbl tbody tr td:nth-child(5), .flMdTbleDta.pmoVwTbl thead tr th:nth-child(5) {
    width: 20%;
}*/

.flMdTbleDta.pmoVwTbl tbody tr td:nth-child(5) {
    text-decoration: underline;
}

.pmoVwTbl {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    float: left;
    padding-bottom: 15px;
}

.flMdTbleDta.pmoVwTbl tbody, .flMdTbleDta.pmoVwTbl thead {
width:100%;
float:left;
}

.cmpTbl.pmoVwTbl1 tr td:first-child {
    padding: 1px;
}

.cmpTbl.pmoVwTbl1 tr th:first-child, .cmpTbl.pmoVwTbl1 tr td:first-child {
    width: 2%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0;
}

.cmpTbl.pmoVwTbl1 tr th:nth-child(2), .cmpTbl.pmoVwTbl1 tr td:nth-child(2) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl1 tr th:nth-child(3), .cmpTbl.pmoVwTbl1 tr td:nth-child(3) {
    width: 18%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 16px 10px;
}

.cmpTbl.pmoVwTbl1 tr th:nth-child(4), .cmpTbl.pmoVwTbl1 tr td:nth-child(4) {
    width: 12%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl1 tr th:nth-child(5), .cmpTbl.pmoVwTbl1 tr td:nth-child(5) {
    width: 9%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl1 tr th:nth-child(6), .cmpTbl.pmoVwTbl1 tr td:nth-child(6) {
    width: 14%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl1 tr th:nth-child(7), .cmpTbl.pmoVwTbl1 tr td:nth-child(7) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl1 tr th:nth-child(8), .cmpTbl.pmoVwTbl1 tr td:nth-child(8) {
    width: 8%;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl1 tr th:nth-child(9), .cmpTbl.pmoVwTbl1 tr td:nth-child(9) {
    width: 8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 16px 10px;
}
.cmpTbl.pmoVwTbl1 tr th:nth-child(10), .cmpTbl.pmoVwTbl1 tr td:nth-child(9) {
    width: 8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 14.5px 0px;
}
.cmpTbl.pmoVwTbl1 tr td:nth-child(8) {
    text-decoration: underline
}

.cmpTbl.pmoVwTbl1 tr td:nth-child(9) {
    text-decoration: underline
}
.cmpTbl.pmoVwTbl1 tr td:nth-child(10) {
    text-decoration: underline
}
.GrD3.bgvTabHead1 {
    width: 100%;
    height: auto;
    background-color: transparent;
}

    .GrD3.bgvTabHead1 .typeSearch {
        margin-right: 0px;
        margin-top: 0px;
    }

.cmpTbl.pmoVwTbl1 tr {
    display: flex;
}

    .cmpTbl.pmoVwTbl1 tr td {
        align-self: center;
    }

.GrD4 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

.cmpTbl.pmoVwTbl2 tr th:first-child {
    padding-bottom: 16px;
}

.cmpTbl.pmoVwTbl2 tr th:first-child, .cmpTbl.pmoVwTbl2 tr td:first-child {
    width: 12%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 15px;
}

.cmpTbl.pmoVwTbl2 tr th:nth-child(2), .cmpTbl.pmoVwTbl2 tr td:nth-child(2) {
    width: 9%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.cmpTbl.pmoVwTbl2 tr th:nth-child(3), .cmpTbl.pmoVwTbl2 tr td:nth-child(3) {
    width: 8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl2 tr th:nth-child(4), .cmpTbl.pmoVwTbl2 tr td:nth-child(4) {
    width: 8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl2 tr th:nth-child(5), .cmpTbl.pmoVwTbl2 tr td:nth-child(5) {
    width: 11%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl2 tr th:nth-child(6), .cmpTbl.pmoVwTbl2 tr td:nth-child(6) {
    width: 38%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl2 tr th:nth-child(7), .cmpTbl.pmoVwTbl2 tr td:nth-child(7) {
    width: 14%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .cmpTbl.pmoVwTbl2 tr td:nth-child(7) a {
        text-decoration: underline;
    }

.cmpTbl.pmoVwTbl2 tr td:first-child a:hover {
    text-decoration: underline;
}

.cmpTbl.pmoVwTbl2 tr td:nth-child(6) a:hover {
    text-decoration: underline;
}

.pckDt {
    padding-left: 20px;
    list-style: none;
    margin-top: 25px;
    margin-bottom: 0;
}

    .pckDt li {
        font-size: 12px;
        padding-bottom: 15px;
    }

.cmpTbl.pmoVwTbl3 tr th:first-child, .cmpTbl.pmoVwTbl3 tr td:first-child {
    width: 12%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 15px;
}

.cmpTbl.pmoVwTbl3 tr th:nth-child(2), .cmpTbl.pmoVwTbl3 tr td:nth-child(2) {
    width: 11%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl3 tr th:nth-child(3), .cmpTbl.pmoVwTbl3 tr td:nth-child(3) {
    width: 8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl3 tr th:nth-child(4), .cmpTbl.pmoVwTbl3 tr td:nth-child(4) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl3 tr th:nth-child(5), .cmpTbl.pmoVwTbl3 tr td:nth-child(5) {
    width: 12%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl3 tr th:nth-child(6), .cmpTbl.pmoVwTbl3 tr td:nth-child(6) {
    width: 36%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl.pmoVwTbl3 tr td:nth-child(6) {
    padding: 5px 15px;
}

.cmpTbl.pmoVwTbl3 tr th:nth-child(7), .cmpTbl.pmoVwTbl3 tr td:nth-child(7) {
    width: 11%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .cmpTbl.pmoVwTbl3 tr td:nth-child(7) a:hover {
        text-decoration: underline
    }

.cmpTbl.pmoVwTbl3 tr td:nth-child(4) a:hover {
    text-decoration: underline
}

.cmpTbl.pmoVwTbl3 tr th:first-child {
    padding-bottom: 16px;
}


/* PMO role css end */












/* reponsivw css */
@media (max-width: 414px) {
    .cndteHead li:nth-child(2) {
        float: right;
    }

    .cndteHead1 li {
        float: left;
    }

        .cndteHead1 li:nth-child(1) {
            float: right;
        }

    .dashTabBdy .nav-tabs .nav-item {
        margin-left: 5px;
    }

    .nav-tabs .nav-link.active {
        font-size: 12px
    }

    .nav-tabs .nav-link {
        font-size: 12px
    }

    .cndteDuAra ul {
        height: auto;
    }

        .cndteDuAra ul li {
            width: 48%;
            float: left;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-right: 5px;
        }

            .cndteDuAra ul li:nth-child(1) {
                width: 100%;
                text-align: center;
            }

            .cndteDuAra ul li:last-child {
                width: 20%;
                text-align: right;
            }

    .upldChipCt {
        padding: 5px 10px;
    }

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

    .mbPd-tp15 {
        padding-top: 15px !important;
    }

    .mbPd-lt {
        padding-left: 0 !important;
    }

    .mbPd-rt {
        padding-right: 0 !important;
    }

    .mbPd-tp {
        padding-top: 0 !important;
    }

    .sGuideFtr .control {
        width: 4%;
    }

    .s_bnrHead {
        padding: 35px 30px 35px 30px;
    }

        .s_bnrHead p {
            font-size: 16px;
        }

        .s_bnrHead .bnrImg {
            margin-top: 2px;
        }

    .vnLgn .stuLgn {
        margin-top: 100px;
    }
}
/* reponsivw css */


/************************************************************
Gaurav Css End
************************************************************/
/* common calsses */
.bdClr1 {
    background-color: #FF7A27 !important
}

.bdClr2 {
    background-color: #FFC021 !important
}

.bdClr3 {
    background-color: #1F78B4 !important
}

.bdClr4 {
    background-color: #A6CEE3 !important
}

.bdClr5 {
    background-color: #ff937a !important
}

.bdClr6 {
    background-color: #4AA9F5 !important
}

.bdClr7 {
    background-color: #F7ECCF !important
}

.bdClr8 {
    background-color: #D2EFD2 !important
}

.bdClr9 {
    background-color: #AAAAAA !important
}

.bdClr10 {
    background-color: #F44336 !important
}

.bdClr11 {
    background-color: #4CAF50 !important
}

.bdClr12 {
    background-color: #777777 !important
}

.bdClr13 {
    background-color: #5e5d5d !important
}



.bdCmnClr {
    color: #222222 !important
}

.bdCmnClr1 {
    color: #F44336 !important
}

.bdCmnClr2 {
    color: #4CAF50 !important
}

.bdCmnClr3 {
    color: #777777
}

.bdCmnClr4 {
    color: #2196F3 !important
}




.mar-tp-7 {
    margin-top: 7px;
}

.clrTxt {
    color: #777777
}

.bdrRt {
    border-right: 1px solid #E0E0E0
}

.clearfix {
    clear: both;
    display: block !important;
}
/* width */
.CusScroll::-webkit-scrollbar {
    width: 8px;
}
/* Track */
.CusScroll::-webkit-scrollbar-track {
    background: transparent;
    border: 1px solid #E0E0E0;
    border-radius: 20px;
}
/* Handle */
.CusScroll::-webkit-scrollbar-thumb {
    background: #E0E0E0;
    border-radius: 20px;
}
    /* Handle on hover */
    .CusScroll::-webkit-scrollbar-thumb:hover {
        background: #555;
        border-radius: 20px;
    }
/* ellipse */
.ellips {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    max-width: 168px;
    display: inline-block;
}

.ellips2 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    max-width: 145px;
    display: inline-block;
}

.cmnEllips {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.br4 {
    border-radius: 4px;
}

.fs20 {
    font-size: 20px !important
}

.crpntr {
    cursor: pointer;
}

.comnClr {
    color: #222222
}

.tooltip-inner {
    background-color: #777777;
    padding: 8px 14px;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #777777 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-right-color: #777777 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-right-color: #777777 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-right-color: #777777 !important;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #777777;
}

/* common calsses */


/*dev issue css start*/
.yrProSec {
    margin-top: 22px
}

.TodoList .TdListItem2 {
    width: 196px;
    float: left;
}

.charfigureCount {
    font-size: 40px;
    font-weight: 100;
    color: #1F78B4;
}

#divEmptyGrid {
    width: 100%;
    text-align: center;
    color: #777777;
    font-size: 21px;
    padding: 30px 0 10px 0;
}

.popover-body ul li:nth-child(3) {
    width: 63%;
}

.flMdcusUpload {
    height: 40px;
}

    .flMdcusUpload span {
        padding-top: 5px;
    }

.dz-message {
    text-align: center;
    padding: 10px 0;
}

.dz-filename span {
    color: #777777;
    font-size: 12px;
    background-color: #e0e0e0;
    padding: 3px 25px 3px 15px;
    border-radius: 21px;
}
/*.dropzone {
    position:relative;
}
.dz-filename span {
    color: #777777;
    font-size: 12px;
    background-color: #e0e0e0;
    padding: 3px 25px 3px 15px;
    border-radius: 21px;
   
}
.dz-remove .sv-cross {
    position: absolute;
    right: -107px;
    color: #777777;
    font-size: 12px;*/
/*top: -29px;
}*/

.s_searchIc {
    position: relative;
}

.cusUpload {
    width: auto;
    display: inline-block;
    padding: 0;
    background: transparent;
    border-radius: 0;
    top: 33px;
}

.s_ViewDrop {
    display: inline-block;
    padding: 0 10px;
    border-radius: 17px;
    background: #E0E0E0;
    position: absolute;
    top: 32px;
    width: 89%;
    left: 11px;
    max-height: 24px;
    margin-left: 4px;
}

.cusUpload .dz-preview {
    display: inline-block;
    width: auto;
    border-radius: 17px;
    background: #E0E0E0;
    padding: 2px 30px 0px 10px;
    margin-left: 5px;
    max-height: 22px;
}

.s_ViewDrop .dz-preview {
    padding: 3px 20px 0 0;
    margin: 0;
}

.s_ViewDrop .dz-preview {
    width: 100%;
    display: inline-block;
}

.dz-preview {
    position: relative;
    display: inline-block;
    padding-right: 0;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 12px;
}

.s_formInput a {
    color: #2196F3;
}

.closeP:before {
    content: "\e909";
    font-family: 'icomoon' !important;
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 8px;
    color: #777;
}

/*.flMdTbleDta tbody tr td:nth-child(1), .flMdTbleDta thead tr th:nth-child(1) {
    width: 8%;
    padding: 15px;
}

.flMdTbleDta tbody tr td:nth-child(2), .flMdTbleDta thead tr th:nth-child(2) {
    width: 13%;
}

.flMdTbleDta tbody tr td:nth-child(3), .flMdTbleDta thead tr th:nth-child(3) {
    width: 13%;
}

.flMdTbleDta tbody tr td:nth-child(4), .flMdTbleDta thead tr th:nth-child(4) {
    width: 12%;
}

.flMdTbleDta tbody tr td:nth-child(5), .flMdTbleDta thead tr th:nth-child(5) {
    width: 11%;
}

.flMdTbleDta tbody tr td:nth-child(6), .flMdTbleDta thead tr th:nth-child(6) {
    width: 12%;
}

.flMdTbleDta tbody tr td:nth-child(7), .flMdTbleDta thead tr th:nth-child(7) {
    width: 25%;
}

.flMdTbleDta tbody tr td:nth-child(8), .flMdTbleDta thead tr th:nth-child(8) {
    width: 6%;
}

.flMdTbleDta tbody tr td:nth-child(8) {
    position: relative;
    font-size: 18px;
    padding: 9px 10px 0px 10px;
    color: #777777;
}*/

.mdFlBadge {
    position: absolute;
    top: 11px;
    right: 32px;
    background: #E8F3FC;
    width: 16px;
    height: 16px;
    font-size: 11px;
    color: #2196F3;
    border-radius: 100%;
    padding-top: 1px;
    text-align: center;
}

.flMdTbleClsp tbody tr td:nth-child(1), .flMdTbleClsp thead tr th:nth-child(1) {
    width: 10%;
}

.flMdTbleClsp tbody tr td:nth-child(2), .flMdTbleClsp thead tr th:nth-child(2) {
    width: 25%;
}

.flMdTbleClsp tbody tr td:nth-child(3), .flMdTbleClsp thead tr th:nth-child(3) {
    width: 15%;
}

.flMdTbleClsp tbody tr td:nth-child(4), .flMdTbleClsp thead tr th:nth-child(4) {
    width: 40%;
}

.flMdTbleClsp tbody tr td:nth-child(5), .flMdTbleClsp thead tr th:nth-child(5) {
    width: 10%;
    text-decoration: underline;
    text-align: center;
}

.flMdTbleClsp tbody tr {
    border-bottom: 1px solid #E0E0E0;
}

#commHistory_wrapper .tbleBtmOP {
    background: #F5F5F5;
}

.tbleBtmOP .span2 .dataTables_length select {
    height: 30px;
}

#collapseExample .card-body {
    padding-bottom: 0;
}

.dataTables_wrapper {
    position: relative;
}

.dataTables_processing {
    position: absolute;
    font-size: 20px;
    top: 50%;
    left: 48%;
    background-color: #f5f5f5;
    padding: 5px 15px;
    border-radius: 20px;
    opacity: 0.8;
    border: 1px solid #777;
}

.cndteDrop .flMdcusUpload {
    height: 30px;
    margin-top: -6px;
    background: #F9FCFF;
    border: 1px dashed #A7D2F4;
}

    .cndteDrop .flMdcusUpload .dz-message {
        text-align: center;
        padding: 5px 0;
    }
    /*.cndteDrop .flMdcusUpload .dz-preview {
        float: left;
        width: 47%;
    }
 .cndteDrop .flMdcusUpload .dz-preview .dz-filename span {
        color: #777777;
        font-size: 12px;
        background-color: #e0e0e0;
        float: left;
        padding: 3px 25px 3px 15px;
        border-radius: 21px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }*/

    .cndteDrop .flMdcusUpload .dz-preview .dz-remove {
        margin-top: -20px;
        float: left;
    }

.cusUpload .dz-preview {
    display: inline-block;
    width: auto;
    border-radius: 17px;
    background: #E0E0E0;
    padding: 2px 30px 0px 10px;
    margin-left: 5px;
    max-height: 22px;
}

#dz-preview-template11.s_ViewDrop {
    display: inline-block;
    padding: 0 10px;
    border-radius: 17px;
    background: transparent;
    position: absolute;
    top: 118px;
    width: 98%;
    left: 11px;
    max-height: 24px;
    margin-left: 0px;
    max-height: max-content;
    /*border: 1px dashed #e0e0e0;*/
    border-radius: 0;
}

#dz-preview-template11.cusUpload .dz-preview {
    display: inline-block;
    width: auto;
    max-width: 150px;
    border-radius: 17px;
    background: #E0E0E0;
    padding: 2px 22px 0px 10px;
    margin-left: 5px;
    max-height: 22px;
    overflow: hidden;
    margin-top: 5px;
}

#dz-preview-template11 .dz-filename span {
    color: #777777;
    font-size: 12px;
    background-color: #e0e0e0;
    padding: 0px 29px 3px 0px;
    border-radius: 21px;
    width: 150px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cndAdMr .sv-cross {
    margin-top: 85px;
}

#divGrid {
    width: 100%
}

.dataTables_empty {
    width: 100% !important;
    text-align: center !important;
}

.cmpTbl tr th:first-child {
    height: 52px;
}

.ToDoTab {
    position: relative;
}

.yrProSec {
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 94%;
}

#toDoList1 {
    width: 100%;
    height: 325px;
    overflow: auto;
}

/*.dropdown-menu.show {
    max-width: 230px;
}*/
.dropdown-menu.show {
    max-width: 230px;
    z-index: 1;
}

.cmpTbl tr th:nth-child(2), .cmpTbl tr td:nth-child(2) {
    width: 7%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl tr th:nth-child(4), .cmpTbl tr td:nth-child(4) {
    width: 7%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#divRequiredChecksZero {
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    padding: 10px;
}

#divSpocRequiredChecksZero {
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    padding: 10px;
}

.cmpTbl tr td:nth-child(10) {
    white-space: normal;
}

.cmpTbl tr td:nth-child(9) {
    white-space: normal;
}

.cmpTbl tr td:nth-child(3) {
    white-space: normal;
}

#ultab {
    margin-top: 31px;
}

.typeSearch option {
    display: none;
}

/*full modal upload doc table css*/
/*.flMdTbleUD .flMdTbleDta thead tr th:nth-child(1) {
    width: 10%;
}

.flMdTbleUD .flMdTbleDta thead tr th:nth-child(2) {
    width: 15%;
}

.flMdTbleUD .flMdTbleDta thead tr th:nth-child(3) {
    width: 15%;
}

.flMdTbleUD .flMdTbleDta thead tr th:nth-child(4) {
    width: 8%;
}

.flMdTbleUD .flMdTbleDta thead tr th:nth-child(5) {
    width: 8%;
}

.flMdTbleUD .flMdTbleDta thead tr th:nth-child(6) {
    width: 14%;
}

.flMdTbleUD .flMdTbleDta thead tr th:nth-child(7) {
    width: 14%;
}

.flMdTbleUD .flMdTbleDta thead tr th:nth-child(8) {
    width: 16%;
}*/
/*22jul2020Css*/
.cmpTbl tr th:nth-child(2), .cmpTbl tr td:nth-child(2) {
    width: 7%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cmpTbl tr th:nth-child(3), .cmpTbl tr td:nth-child(3) {
    width: 9%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 6.5px 7px;
}
.cmpTbl tr th:nth-child(4), .cmpTbl tr td:nth-child(4) {
    width: 18%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl tr th:nth-child(5), .cmpTbl tr td:nth-child(5) {
    width: 11%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 16px 1px;
}
.cmpTbl tr th:nth-child(6), .cmpTbl tr td:nth-child(6) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.cmpTbl tr th:nth-child(7), .cmpTbl tr td:nth-child(7) {
    width: 13%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 16px 7px;
}
.cmpTbl tr th:nth-child(8), .cmpTbl tr td:nth-child(8) {
    width: 9%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmpTbl tr th:nth-child(9), .cmpTbl tr td:nth-child(9) {
    width: 11%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 16px 7px;
}


.cmpTbl tr th:nth-child(10), .cmpTbl tr td:nth-child(10) {
    width: 9%;
    white-space: normal;
    overflow: visible;
    text-overflow: ellipsis;
    padding: 6.5px 3px;
}

.tblRecruiter.cmpTbl tr th:nth-child(9), .tblRecruiter.cmpTbl tr td:nth-child(9) {
    width: 8%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 6.5px 7px;
}
.tblRecruiter.cmpTbl tr th:nth-child(10), .tblRecruiter.cmpTbl tr td:nth-child(10) {
    width: 12%;
    white-space: normal;
    overflow: visible;
    text-overflow: ellipsis;
    padding: 13px 10px;
}
.tblRecruiter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 120px;
}
.tblVendor.cmpTbl tr th:nth-child(10) {
    padding: 16px 3px;
}
.tblVendor.cmpTbl tr td:nth-child(6) {
    white-space: normal;
}



.candidateDoc.flMdTbleDta tbody tr td:nth-child(1), .candidateDoc.flMdTbleDta thead tr th:nth-child(1) {
    width: 10%;
    padding: 15px 15px;
}

.candidateDoc.flMdTbleDta tbody tr td:nth-child(2), .candidateDoc.flMdTbleDta thead tr th:nth-child(2) {
    width: 12%;
    
}

.candidateDoc.flMdTbleDta tbody tr td:nth-child(3), .candidateDoc.flMdTbleDta thead tr th:nth-child(3) {
    width: 11%;
   
}

.candidateDoc.flMdTbleDta tbody tr td:nth-child(4), .candidateDoc.flMdTbleDta thead tr th:nth-child(4) {
    width: 8%;
    
}


.candidateDoc.flMdTbleDta tbody tr td:nth-child(5), .candidateDoc.flMdTbleDta thead tr th:nth-child(5) {
    width: 8%;
    
}

.candidateDoc.flMdTbleDta tbody tr td:nth-child(6), .candidateDoc.flMdTbleDta thead tr th:nth-child(6) {
    width: 11%;
   
}

.candidateDoc.flMdTbleDta tbody tr td:nth-child(7), .candidateDoc.flMdTbleDta thead tr th:nth-child(7) {
    width: 25%;
    
}

.candidateDoc.flMdTbleDta tbody tr td:nth-child(8), .candidateDoc.flMdTbleDta thead tr th:nth-child(8) {
    width: 15%;
    text-align:center;
    
}

.candidateDoc.flMdTbleDta tbody tr td:nth-child(8) {
    position: relative;
    font-size: 18px;
    color: #777777;
    padding: 9px 10px 0 10px;
}

.candidateDoc.flMdTbleDta tbody tr td .mdFlBadge {
    top: 6px;
    right: 68px;
}

.message {
    float: left;
    margin-top: 10px;
    font-weight: 500;
    color: #0075ff;
    font-size: 14px;
}


.pmoHisView.cmpTbl tr th
{
    text-align:center;
}


    .pmoHisView.cmpTbl tr th:first-child, .pmoHisView.cmpTbl tr td:first-child {
        width: 8%;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pmoHisView.cmpTbl tr th:nth-child(2), .pmoHisView.cmpTbl tr td:nth-child(2) {
        width: 9%;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 6.5px;
    }

    .pmoHisView.cmpTbl tr th:nth-child(3), .pmoHisView.cmpTbl tr td:nth-child(3) {
        width: 11%;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 16px 6.5px;
    }

.pmoHisView.cmpTbl tr th:nth-child(4), .pmoHisView.cmpTbl tr td:nth-child(4) {
    width: 9%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 16px 1px;
}

.pmoHisView.cmpTbl tr th:nth-child(5), .pmoHisView.cmpTbl tr td:nth-child(5) {
    width: 10%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pmoHisView.cmpTbl tr th:nth-child(6), .pmoHisView.cmpTbl tr td:nth-child(6) {
    width: 10%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 16px 7px;
}

.pmoHisView.cmpTbl tr th:nth-child(7), .pmoHisView.cmpTbl tr td:nth-child(7) {
    width: 10%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pmoHisView.cmpTbl tr th:nth-child(8), .pmoHisView.cmpTbl tr td:nth-child(8) {
    width: 9%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 16px 7px;
}

    .pmoHisView.cmpTbl tr th:nth-child(9), .pmoHisView.cmpTbl tr td:nth-child(9) {
        width: 7%;
        white-space: normal;
        overflow: visible;
        text-overflow: ellipsis;
        padding: 6.5px;
    }

    .pmoHisView.cmpTbl tr th:nth-child(10), .pmoHisView.cmpTbl tr td:nth-child(10) {
        width: 7%;
        white-space: normal;
        overflow: visible;
        text-overflow: ellipsis;
        padding: 16px 4px;
    }

    .pmoHisView.cmpTbl tr th:nth-child(11), .pmoHisView.cmpTbl tr td:nth-child(11) {
        width: 5%;
        white-space: normal;
        overflow: visible;
        text-overflow: ellipsis;
        padding: 6.5px;
    }
    .pmoHisView.cmpTbl tr th:nth-child(12), .pmoHisView.cmpTbl tr td:nth-child(12) {
        width: 5%;
        white-space: normal;
        overflow: visible;
        text-overflow: ellipsis;
        padding: 6.5px;
    }

.sv-cross-align {
    float: revert!important;
}

.archive-bgv {
    max-height: 253px;
    overflow-x: auto;
}
.vendor-checks
{
    float:left;
    width:100%;
    margin-bottom:10px;
}
.vendor-checks .bootstrap-select > .dropdown-toggle {
    width: 50%;
}
.vendor-checks .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
}

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

.dis-block{
    display:block;
}

.custom-drop {
    height: 32px;
    width: 214px;
    border-radius: 2px;
    color: #CCCCCC;
    border: 1px solid #CCCCCC;
}



.ckPopTbl.flMdTbleDta thead th {
    font-size: 12px;
    font-weight: normal;
    color: #777777;
    padding: 4px;
}

.ckPopTbl.flMdTbleDta tbody tr td:nth-child(8), .ckPopTbl.flMdTbleDta thead tr th:nth-child(8) {
    width: 16%;
}
.ckPopTbl.flMdTbleDta tbody tr td:nth-child(6), .ckPopTbl.flMdTbleDta thead tr th:nth-child(6) {
    width: 23%;
}
.ckPopTbl.flMdTbleDta tbody tr td:nth-child(7), .ckPopTbl.flMdTbleDta thead tr th:nth-child(7) {
    width: 8%;
}


.qcExpDoc.cmpTbl tr th:first-child, .qcExpDoc.cmpTbl tr td:first-child {
    width: 15%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcExpDoc.cmpTbl tr th:nth-child(2), .qcExpDoc.cmpTbl tr td:nth-child(2) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcExpDoc.cmpTbl tr th:nth-child(3), .qcExpDoc.cmpTbl tr td:nth-child(3) {
    width: 30%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcExpDoc.cmpTbl tr th:nth-child(4), .qcExpDoc.cmpTbl tr td:nth-child(4) {
    width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcExpDoc.cmpTbl tr th:nth-child(5), .qcExpDoc.cmpTbl tr td:nth-child(5) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcExpDoc.cmpTbl tr th:nth-child(6), .qcExpDoc.cmpTbl tr td:nth-child(6) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcExpDoc.cmpTbl tr th:nth-child(7), .qcExpDoc.cmpTbl tr td:nth-child(7) {
    width:10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcExpDoc.cmpTbl tr th, .qcExpDoc.cmpTbl tr td {
 padding:10px;
}

.qcuploadedrep.cmpTbl tr th:first-child, .qcuploadedrep.cmpTbl tr td:first-child {
    width: 2%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcuploadedrep.cmpTbl tr th:nth-child(2), .qcuploadedrep.cmpTbl tr td:nth-child(2) {
    width: 6%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcuploadedrep.cmpTbl tr th:nth-child(3), .qcuploadedrep.cmpTbl tr td:nth-child(3) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 15.5px 3px;
}

.qcuploadedrep.cmpTbl tr th:nth-child(4), .qcuploadedrep.cmpTbl tr td:nth-child(4) {
    width: 7%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 15.5px 7px;
}

.qcuploadedrep.cmpTbl tr th:nth-child(5), .qcuploadedrep.cmpTbl tr td:nth-child(5) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcuploadedrep.cmpTbl tr th:nth-child(6), .qcuploadedrep.cmpTbl tr td:nth-child(6) {
    width: 15%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcuploadedrep.cmpTbl tr th:nth-child(7), .qcuploadedrep.cmpTbl tr td:nth-child(7) {
    width: 9%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcuploadedrep.cmpTbl tr th:nth-child(8), .qcuploadedrep.cmpTbl tr td:nth-child(8) {
    width: 7%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcuploadedrep.cmpTbl tr th:nth-child(9), .qcuploadedrep.cmpTbl tr td:nth-child(9) {
    width: 11%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qcuploadedrep.cmpTbl tr th:nth-child(10), .qcuploadedrep.cmpTbl tr td:nth-child(10) {
    width: 11%;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    padding: 15.5px 3px;
}

.qcuploadedrep.cmpTbl tr th:nth-child(11), .qcuploadedrep.cmpTbl tr td:nth-child(11) {
    width: 11%;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    padding: 15.5px 3px;
}

.spncounttext {
    position: absolute;
    left: 0;
    top: 33px;
}

#TPRE.flMdTbleDta tbody tr td:nth-child(1), #TPRE.flMdTbleDta thead tr th:nth-child(1) {
    width: 20%;
    padding: 15px 0
}

#TPRE.flMdTbleDta tbody tr td:nth-child(2), #TPRE.flMdTbleDta thead tr th:nth-child(2) {
    width: 20%;
}

#TPRE.flMdTbleDta tbody tr td:nth-child(3), #TPRE.flMdTbleDta thead tr th:nth-child(3) {
    width: 20%;
}

#TPRE.flMdTbleDta tbody tr td:nth-child(4), #TPRE.flMdTbleDta thead tr th:nth-child(4) {
    width: 10%;
}

#TPRE.flMdTbleDta tbody tr td:nth-child(5), #TPRE.flMdTbleDta thead tr th:nth-child(5) {
    width: 10%;
}

#TPRE.flMdTbleDta tbody tr td:nth-child(6), #TPRE.flMdTbleDta thead tr th:nth-child(6) {
    width: 20%;
}
.mainbtnpopover-cstm{
    margin-top: 14px;
}
#rtSearchCount {
    display: block;
}

.btnpopover-cstm {
    width: 100%;
    /* height: 22px; */
    background: #ffffff;
    border-radius: 2px;
    border: 1px solid #2196F3;
    font-size: 12px;
    color: #2196F3;
    line-height: 10px;
    margin: 0 2px;
    padding: 2px 5px;
}