:root {
    --theme-primery-color: #0088ff;
    --body-bg-color: rgb(242, 245, 249);
}


/* table style start */
.enhance-table .full-width-table table {
    border-collapse: separate;
    border-spacing: 0 6px;
    line-break: anywhere;
    background: transparent !important;
    border: 0 !important;
}
.enhance-table .full-width-table table tr th, .enhance-table .full-width-table table tr td {
    border: 0 !important;
    /* border-top: 0.5px solid #B1C4EA !important;
    border-bottom: 0.5px solid #B1C4EA !important; */
    /* color: #fff; */
}
.enhance-table .full-width-table table tr th:first-child, .enhance-table .full-width-table table tr td:first-child {
    /* border-left: 0.5px solid #B1C4EA !important; */
}
.enhance-table .full-width-table table tr th:last-child, .enhance-table .full-width-table table tr td:last-child {
    /* border-right: 0.5px solid #B1C4EA !important; */
}
.enhance-table .full-width-table table tr th {
    background: #0088ff;
    color: #fff;
    padding: 7px 7px !important;
}
.enhance-table .full-width-table table tr td {
    /* background: #f9f9f9; */
    background: #eee;
    padding: 8px 7px !important;
}
.enhance-table .full-width-table table tr {
    /* background: #fff !important; */
    /* color: #fff; */
    border-radius: 10px;
    border: 0.5px solid #B1C4EA !important;
}
.enhance-table .full-width-table table tr td:hover {
    opacity: 0.7;
}
.enhance-table .full-width-table table tr th:first-child, .enhance-table .full-width-table table tr td:first-child {
    border-radius: 10px 0 0 10px;
}
.enhance-table .full-width-table table tr th:last-child, .enhance-table .full-width-table table tr td:last-child {
    border-radius: 0 10px 10px 0;
}
.enhance-table table .single-col {
    border-radius: 10px !important;
}
.enhance-table .full-width-table table tr:hover, .enhance-table .full-width-table table tr:hover td {
    /* background: #fff !important; */
    /* color: #fff; */
}
.enhance-table .full-width-table table h1,
.enhance-table .full-width-table table h2,
.enhance-table .full-width-table table h3,
.enhance-table .full-width-table table h4,
.enhance-table .full-width-table table h5,
.enhance-table .full-width-table table h6,
.enhance-table .full-width-table table span {
    /* color: #fff; */
}

.enhance-table table .dot-div {
    float: left;
}

/* table style end */

/* enhance-inner-table  start */
.enhance-inner-table .audit-form-table table {
    border-collapse: separate;
    border-spacing: 0 4px;
    line-break: anywhere;
    background: transparent !important;
    border: 0 !important;
}
.enhance-inner-table .audit-form-table table tr th, .enhance-inner-table .audit-form-table table tr td {
    border: 0 !important;   
}
.enhance-inner-table .audit-form-table table tr th {
    background: #EDF1FA !important;
}
.enhance-inner-table .audit-form-table table tr td {
    background: #f9f9f9;
}
.enhance-inner-table .audit-form-table table tr {
    /* background: #f9f9f9 !important; */
    border-radius: 10px;
}
.enhance-inner-table .audit-form-table table tr td:hover {
    opacity: 0.7;
}
.enhance-inner-table .audit-form-table table tr th:first-child, .enhance-inner-table .audit-form-table table tr td:first-child {
    border-radius: 10px 0 0 10px;
}
.enhance-inner-table .audit-form-table table tr th:last-child, .enhance-inner-table .audit-form-table table tr td:last-child {
    border-radius: 0 10px 10px 0;
}
.enhance-inner-table .audit-form-table table tr:hover td {
    background: #f5f5f5 !important;
}
/* enhance-inner-table end */



/* db tab style start */
.db-tab-style .vertical-tab .nav-link {
    background: #fff6f6cc;
    background-color: rgba(141, 143, 144, 0.2);
    /* color: #fff; */
}
.db-tab-style .nav-tabs--left .nav-link.active {
    box-shadow: 1px 1px 0px #0088ff;
    font-family: 'Nunito Bold' !important;
    border-left: 3px solid #0088ff !important;
    border-color: #0088ff !important;
    color: #0088ff;
    background: #fff;
}
.db-tab-style .tab-common-left-content-m.cmn-bdr {
    border-color: #0088ff !important;
}

.db-tab-style .tab-common-left-md .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    width: 8px;
}
.db-tab-style .tab-common-left-md .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}
/* db tab style end */
.md-row .top-ten-risk-db {
    border-radius: 45px;
}
.md-row .slider-db-top-ten-sec .item .top-ten-risk-db:nth-child(even) {
    background: #eaf4ff;
}

.box-db-new {
    border-radius: 10px;
}

.db-tab-style .tab-common-left-content-m.cmn-bdr {
    border-radius: 0 10px 10px 0;
}
.db-tab-style .vertical-tab .nav-link {
    border-radius: 10px 0 0 10px;
    margin-bottom: 5px !important;
    box-shadow: 1px 2px 2px #b8b8b8;
}
.db-tab-style .vertical-tab .nav-link.active {
    box-shadow: 1px 2px 2px #0088ff63 !important;
}
.db-tab-style .issues-tab.cmn-bdr-top {
    border-radius: 10px 0 0 10px;
    overflow: hidden;
}

/* new-multi-accordion start */
.new-multi-accordion.user-details-page .user-settings .card {
    border-radius: 13px;
    /* overflow: hidden; */
}
.new-multi-accordion.user-details-page .user-settings .card .card-header {
    border-radius: 13px 13px 0 0;
    background: transparent;
}
.new-multi-accordion.user-details-page .user-settings .card .card-header .card-link {
    border-radius: 13px 13px 0 0;
    background: #fff;
}
.new-multi-accordion.user-details-page .user-settings .card .card-header .card-link.collapsed {
    border-radius: 13px;
    /* border-radius: 13px 13px 0 0; */
}
.new-multi-accordion .access-settings .card .card-body {
    border-radius: 0 0 13px 13px;
}
.new-multi-accordion .sub-accordion .card {
    position: relative;
}
.new-multi-accordion .sub-accordion .card::after {
    position: absolute;
    content: "";
    left: -20px;
    top: 20px;
    width: 20px;
    border-bottom: 1px solid #cbd6e2;
}
.new-multi-accordion .sub-accordion .card::before {
    position: absolute;
    content: "";
    left: -25px;
    top: 16px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #919ba6;
    z-index: 1;
}
.new-multi-accordion .access-settings .sub-accordion .card .card-header {
    background: transparent !important;
}
/* new-multi-accordion end */

/* multi-color-border-accordion start */
.multi-color-border-accordion.user-details-page .user-settings .card {
    border-color: #545e5b !important;
}
.multi-color-border-accordion .card .cmn-bdr-top.collapse {
    border-color: #545e5b !important;
}

/* sub 1 start */
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card::after {
    border-color: #545e5b !important;
}
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card::before {
    background: #545e5b !important;
}
.multi-color-border-accordion.user-details-page .user-settings .card .sub-accordion .card {
    border-color: #04d6a5 !important;
}
.multi-color-border-accordion .access-settings .sub-accordion .card .card-body {
    border-color: #04d6a5 !important;
}
/* sub 1 end */

/* sub 2 start */
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card::after {
    border-color: #04d6a5 !important;
}
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card::before {
    background: #04d6a5 !important;
}
.multi-color-border-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card {
    border-color: #0145c1 !important;
}
.multi-color-border-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #0145c1 !important;
}
/* sub 2 end */

/* sub 3 start */
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #0145c1 !important;
}
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #0145c1 !important;
}
.multi-color-border-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #f578b2 !important;
}
.multi-color-border-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #f578b2 !important;
}
/* sub 3 end */

/* sub 4 start */
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #f578b2 !important;
}
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #f578b2 !important;
}
.multi-color-border-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #fd7b03 !important;
}
.multi-color-border-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #fd7b03 !important;
}
/* sub 4 end */

/* sub 5 start */
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #fd7b03 !important;
}
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #fd7b03 !important;
}
.multi-color-border-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #f50141 !important;
}
.multi-color-border-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #f50141 !important;
}
/* sub 5 end */

/* sub 6 start */
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #f50141 !important;
}
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #f50141 !important;
}
.multi-color-border-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #ffbe00 !important;
}
.multi-color-border-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #ffbe00 !important;
}
/* sub 6 end */

/* sub 7 start */
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #ffbe00 !important;
}
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #ffbe00 !important;
}
.multi-color-border-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #b531fe !important;
}
.multi-color-border-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #b531fe !important;
}
/* sub 7 end *

/* sub 8 start */
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #b531fe !important;
}
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #b531fe !important;
}
.multi-color-border-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #02be14 !important;
}
.multi-color-border-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #02be14 !important;
}
/* sub 8 end */

/* sub 9 start */
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #02be14 !important;
}
.multi-color-border-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #02be14 !important;
}
.multi-color-border-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #589ffc !important;
}
.multi-color-border-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #589ffc !important;
}
/* sub 9 end */

/* multi-color-border-accordion end */

/* multi-color-bg-accordion start */
.multi-color-bg-accordion.user-details-page .user-settings .card {
    border-color: #545e5b !important;
    background: transparent !important;
}
.multi-color-bg-accordion .card .cmn-bdr-top.collapse {
    border-color: #545e5b !important;
}
.multi-color-bg-accordion .access-settings .sub-accordion {
    background: transparent !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .card-header {
    background: transparent !important;
}

.multi-color-bg-accordion.user-details-page .user-settings .card .card-header .card-link {
    background: rgba(84, 94, 91, 0.1) !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .card-body {
    background: rgba(129, 136, 134, 0.1) !important;
}

/* sub 1 start */
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card::after {
    border-color: #545e5b !important;
}
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card::before {
    background: #545e5b !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card {
    border-color: #04d6a5 !important;
}
.multi-color-bg-accordion .access-settings .sub-accordion .card .card-body {
    border-color: #04d6a5 !important;
}

.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .card-header .card-link {
    background: rgba(4, 214, 165, 0.1) !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .card-body {
    background: rgba(142, 255, 229, 0.1) !important;
}
/* sub 1 end */

/* sub 2 start */
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card::after {
    border-color: #04d6a5 !important;
}
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card::before {
    background: #04d6a5 !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card {
    border-color: #0145c1 !important;
}
.multi-color-bg-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #0145c1 !important;
}

.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .card-header .card-link {
    background: rgba(1, 69, 193, 0.1) !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .card-body {
    background: rgba(155, 188, 247, 0.1) !important;
}
/* sub 2 end */

/* sub 3 start */
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #0145c1 !important;
}
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #0145c1 !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #f578b2 !important;
}
.multi-color-bg-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #f578b2 !important;
}

.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-header .card-link {
    background: rgba(245, 120, 178, 0.1) !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-body {
    background: rgba(255, 179, 214, 0.1) !important;
}
/* sub 3 end */

/* sub 4 start */
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #f578b2 !important;
}
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #f578b2 !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #fd7b03 !important;
}
.multi-color-bg-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #fd7b03 !important;
}

.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-header .card-link {
    background: rgba(253, 123, 3, 0.1) !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-body {
    background: rgba(254, 155, 61, 0.1) !important;
}
/* sub 4 end */

/* sub 5 start */
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #fd7b03 !important;
}
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #fd7b03 !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #f50141 !important;
}
.multi-color-bg-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #f50141 !important;
}

.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-header .card-link {
    background: rgba(245, 1, 65, 0.1) !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-body {
    background: rgba(251, 89, 133, 0.1) !important;
}
/* sub 5 end */

/* sub 6 start */
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #f50141 !important;
}
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #f50141 !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #ffbe00 !important;
}
.multi-color-bg-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #ffbe00 !important;
}

.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-header .card-link {
    background: rgba(255, 190, 0, 0.1) !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-body {
    background: rgba(255, 209, 69, 0.1) !important;
}
/* sub 6 end */

/* sub 7 start */
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #ffbe00 !important;
}
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #ffbe00 !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #b531fe !important;
}
.multi-color-bg-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #b531fe !important;
}

.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-header .card-link {
    background: rgba(181, 49, 254, 0.1) !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-body {
    background: rgba(202, 107, 253, 0.1) !important;
}
/* sub 7 end */

/* sub 8 start */
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #b531fe !important;
}
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #b531fe !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #02be14 !important;
}
.multi-color-bg-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #02be14 !important;
}

.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-header .card-link {
    background: rgba(2, 190, 20, 0.1) !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-body {
    background: rgba(99, 253, 114, 0.1) !important;
}
/* sub 8 end */

/* sub 9 start */
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::after {
    border-color: #02be14 !important;
}
.multi-color-bg-accordion.new-multi-accordion .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card::before {
    background: #02be14 !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card {
    border-color: #589ffc !important;
}
.multi-color-bg-accordion .access-settings .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body .sub-accordion .card .card-body {
    border-color: #589ffc !important;
}

.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-header .card-link {
    background: rgba(88, 159, 252, 0.1) !important;
}
.multi-color-bg-accordion.user-details-page .user-settings .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .sub-accordion .card .card-body {
    background: rgba(135, 182, 243, 0.1) !important;
}
/* sub 9 end */

/* multi-color-bg-accordion end */

/* curve-accordion style start */
.curve-accordion.panel-drop-white .panel-default {
    border-radius: 13px;  
}
.curve-accordion.panel-drop-white .panel-heading .width96pc {
    border-radius: 13px;
    line-height: 18px;
    transition: all .5s ease;
}
.curve-accordion.panel-drop-white .panel-heading.active .width96pc {
    border-radius: 13px 13px 0 0;
}
.curve-accordion.panel-drop-sections .panel-collapse {
    border-radius: 0 0 13px 13px;
}
.curve-accordion .panel-body {
    border-radius: 0 0 13px 13px;
}
.curve-accordion.panel-drop-white .panel-heading .drop-down-icone {
    /* margin-top: -13px; */
}
.curve-accordion .accordioncheck-left {
    margin-top: 56px;
}
/* curve-accordion style end */

/* panel-group-new-theme start */
.panel-group-new-theme .panel-edit-option {
    display: flex;
    align-items: center;
    min-height: 44px;
}
.panel-group-new-theme .panel-title .panel-title-link {
    width: 100%;
    padding: 10px 30px 10px 15px;
}
.panel-group-new-theme .panel-default {
    background: #fff;
    border-radius: 13px;
    margin-bottom: 10px;
    
}
.panel-group-new-theme .panel-heading .panel-title {
    border-radius: 13px;
    line-height: 18px;
    transition: all .5s ease;
    border: 1px solid #DBE2EB;
    color: #7c98b6;
    position: relative;
}
.panel-group-new-theme .panel-heading.active .panel-title {
    border-radius: 13px 13px 0 0;
    color: #33475b;
    
}
.panel-group-new-theme .panel-heading .drop-down-icone {
    position: absolute;
    right: 15px;
    top: calc(50% - 6px);
    font-size: 12px;
    line-height: 12px;
    color: #7c98b6;
}
.panel-group-new-theme .panel-heading.active .drop-down-icone {
    color: #33475b;
}
.panel-group-new-theme .panel-heading .drop-down-icone i {
    transition: all .5s ease;
}
.panel-group-new-theme .panel-heading.active .drop-down-icone i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.panel-group-new-theme .panel-heading .panel-title .head-with-edit-btns-main {
    transition: all .2s ease;
    /* visibility: hidden; */
    padding: 10px 40px 10px 0px;
    animation-name: bounceIn;
    animation-duration: 1s;
    animation-delay: 0.1s;
}
.panel-group-new-theme.hide-btns-head .panel-heading .panel-title .head-with-edit-btns-main {
    /* visibility: hidden; */
    display: none;
}
.panel-group-new-theme.hide-btns-head .panel-heading.active .panel-title .head-with-edit-btns-main {
    /* visibility: unset; */
    display: block;
}
.panel-group-new-theme .panel-collapse {
    border: 1px solid #DBE2EB;
    margin: 0;
    border-top: none;
    width: 100%;
    border-radius: 0 0 13px 13px;
}
.panel-group-new-theme .panel-collapse .panel-body {
    padding: 15px;
}
.panel-group-new-theme .panel-heading .panel-title-text {
    margin-bottom: 0;
}
.panel-group-new-theme .panel-heading .panel-title-text, 
.panel-group-new-theme .panel-heading .panel-title-text .small-text {
    color: #7c98b6;
}
.panel-group-new-theme .panel-heading.active .panel-title-text,
.panel-group-new-theme .panel-heading.active .panel-title-text .small-text {
    color: #33475b;
}
/* panel-group-new-theme end */

/* new details page start */
.white-box-card {
    background: #fff;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
}
.white-box-card-inner {
    background: #fff;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.10);
}
.white-box-card-header {
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
    border-radius: 10px 10px 0 0;
    height: 50px;
}
.white-box-card-body {
    padding: 15px;
}
.white-box-card-footer {
    padding: 10px 15px;
    border-top: 1px solid #ccc;
    position: relative;
}
.white-box-card-footer.top-left-label {
    padding-top: 18px;
}
.top-left-label-text {
    position: absolute;
    top: -13px;
    background: #fff;
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 12px;
    color: #000;
    font-family: 'Nunito Bold';
    border-radius: 5px;
}
.og-customer-grid-box-height {
    min-height: 176px;
}
.white-box-card-header-logo {
    width: 230px;
    height: 100px;
    border-radius: 15px;
    background: #fff;
    border: 2px solid var(--color-primary-light);
    filter: drop-shadow(0px 5px 10px #DFDFFD);
    margin-top: -25px;
    margin-left: 15px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.white-box-card-header-logo img {
    height: auto;
    max-height: 100%;
}
.title-area-new {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.title-area-new .title-circle-img-inner {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ccc;
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.title-area-new .title-circle-img-inner img {
    width: 100%;
}
.title-area-new .title-area-texts {
    width: 100%;
    padding-left: 15px;
}
.title-area-new .title-area-texts h5,
.title-area-new .title-area-texts h6 {
    margin: 3px 0;
}
.title-area-new .title-area-texts h6 {
    font-size: 16px;
    color: #000;
}
.title-area-new .title-area-texts h5 {
    font-size: 14px;
    color: #535353;
}
.details-list-card {
    margin-bottom: 30px;
}
.details-list-card h6 {
    font-size: 14px;
    margin-bottom: 8px;
    color: #656d75;
}
.details-list-card .user-list-sm h6 {
    color: #000;
}
.details-list-card p {
    font-size: 16px;
    font-family: 'Nunito Bold';
    margin-bottom: 0;
    color: #000;
}
.details-list-card p:last-child {
    margin-bottom: 0;
}
.details-list-card ul.arrowlist li {
    color: #666;
}
.details-list-card .upload-pics h6 {
    font-size: 12px;
    margin-bottom: 0px;
}
.status-progress {
    height: 8px;
}
.details-list-card .dot-div {
    font-family: 'Nunito Bold';
    padding: 8px 10px !important;
}
.details-para-card {
    margin-bottom: 30px;
}
.details-para-card p {
    color: #000;
}
.details-para-card p:last-child {
    margin-bottom: 0;
}

.details-list-card-pg {
    margin-bottom: 30px;
}
.details-list-card-pg h6 {
    font-size: 14px;
    margin-bottom: 8px;
}
.details-list-card-pg p {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}
.details-list-card-pg p:last-child {
    margin-bottom: 0;
}
.head-with-edit {
    display: flex;
    align-items: end;
}
.head-with-edit-btns-main {
    white-space: nowrap;
    margin-bottom: 16px;
}
.head-with-edit-btns-main .head-with-edit-btns {
    margin-left: 10px;
}
.head-with-edit-btns-main .head-with-edit-btns a {
    font-size: 12px;
    color: #8d99a6 !important;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 1px;
    transition: all .3s ease;
}
.head-with-edit-btns-main .head-with-edit-btns a.icon-with-text {
    width: auto;
    padding-left: 8px;
    padding-right: 8px;
    font-family: "Nunito Regular" !important;
}
.head-with-edit-btns-main .head-with-edit-btns a.active {
    color: var(--theme-primery-color) !important;
    border-color: var(--theme-primery-color);
}
.head-with-edit-btns-main .head-with-edit-btns a:hover {
    color: var(--theme-primery-color) !important;
    border-color: var(--theme-primery-color);
}
.og-policies-curve-pic {
    border-radius: 1.2rem;
    overflow: hidden;
}
/* new details page end */

.nav-topbar-main-new {
    margin-left: -60px;
}
.body-slide .nav-topbar-main-new {
    margin-left: -270px;
}

/* nav-edit-bar start */
.nav-edit-bar {
    background: #fff;
    width: 100%;
    width: calc(100% + 12px);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04); 
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #eee;
}
.nav-edit-bar.affix:before {
    position: absolute;
    content: "";
    left: -5px;
    top: -13px;
    width: 100%;
    width: calc(100% + 10px);
    height: 13px;
    background: var(--body-bg-color);
}
.brudcrumb.brudcrumb-new {
    width: calc(100% + 12px);
}
.nav-edit-bar.affix {
    border-radius: 0;
    width: calc(100% - 60px);
}
.nav-edit-bar.bottom-radius-hide.affix {
    border-radius: 8px !important;
}
.nav-edit-bar .nav .nav-item .nav-link {
    padding: 10px 26px;
    border-right: 1px solid #eee;
    position: relative;
    font-family: "Nunito-Medium";
    transition: all .3s ease;
}
.nav-edit-bar .nav .nav-item .nav-link:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -1px;
    margin: 0 auto;
    width: 0%;
    height: 1px;
    background: var(--theme-primery-color);
    transition: all .3s ease;
}
.nav-edit-bar.affix .nav .nav-item:first-child .nav-link.active:after {
    width: calc(100% - 7px);
    left: unset;
    right: 0;
}
.nav-edit-bar .nav .nav-item .nav-link i {
    margin-right: 7px;  
}
.nav-edit-bar .nav .nav-item:last-child .nav-link {
    border: 0;
}
.nav-edit-bar .nav .nav-item .nav-link.active {
    color: var(--theme-primery-color);
}
.nav-edit-bar .nav .nav-item .nav-link.active:after {
    width: 100%;
}

/* .nav-edit-bar .nav .nav-item .nav-link.active:after {
    position: absolute;
    content: "\f7a5";
    font-family: "Font Awesome 5 pro";
    right: 8px;
    top: calc(50% - 7px);
    font-size: 13px;
    line-height: 13px;
    -webkit-transform: rotate(-18deg);
    -moz-transform: rotate(-18deg);
    transform: rotate(-18deg);
}
.nav-edit-bar .nav .nav-item .nav-link.active:before {
    position: absolute;
    content: "\f7a5";
    font-family: "Font Awesome 5 pro";
    left: 8px;
    top: calc(50% - 7px);
    font-size: 13px;
    line-height: 13px;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    transform: rotate(20deg);
} */
.nav-edit-bar .nav-tab-menus {
    width: 100%;
}
.nav-edit-bar .nav-btns-menu {
    min-width: 100px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 10px;
}
.nav-edit-bar .nav-btns-main {
    margin: 0;
    padding: 0;
    display: flex;
}
.nav-edit-bar .nav-btns-main.nav {
    flex-wrap: unset;
}
.nav-edit-bar .nav-btns-main li {
    float: left;
    list-style-type: none;
    padding: 0 10px;
}
.nav.nav-only-icon li {
    padding: 0 2px;
}
.nav-only-icon .icon-tab-nav-r {
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #33475b;
    border: 1px solid #33475b;
    transition: all .3s ease;
    opacity: 0.5;
}
.nav.nav-only-icon li a:hover .icon-tab-nav-r {
    opacity: 1;
}
.nav.nav-only-icon li a.active .icon-tab-nav-r {
    color: var(--theme-primery-color);
    border-color: var(--theme-primery-color);
    opacity: 1;
}

.dropdown-list-menu-hdr {
    position: relative;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr {
    width: 200px;
    position: absolute;
    right: 21px;
    top: -7px;
    background: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20);
    border-radius: 10px;
    border: 1px solid #eee;
    z-index: 11;
    padding: 15px 0;
    display: none;

    animation-name: bounceIn;
    /* animation-name: flipInX; */
    animation-duration: 1s;
    animation-delay: 0.1s;
}
.dropdown-list-menu-hdr:hover .dropdown-list-menu-hdr-inr {
    display: block;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr:after {
    position: absolute;
    content: "";
    right: -6px;
    top: 10px;
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr:before {
    position: absolute;
    content: "";
    right: -7px;
    top: 10px;
    border-left: 7px solid #eee;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr h6 {
    text-align: left;
    font-size: 16px;
    color: var(--theme-primery-color);
    padding: 0 20px 3px 20px;
    border-bottom: 1px solid #eee;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr ul {
    margin: 0;
    padding: 0;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr ul li {
    list-style-type: none;
    display: block;
    float: none;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr ul li a {
    display: block;
    text-align: left;
    padding: 6px 10px;
    color: #33475b !important;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr ul li a:hover {
    color: var(--theme-primery-color) !important;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr ul li a i {
    margin-right: 7px;
    width: 17px;
}
.nav-edit-bar .dropdown-list-menu-hdr-inr.drop-tab-list-left .nav {
    display: block;
}
.nav-edit-bar .dropdown-list-menu-hdr-inr.drop-tab-list-left .nav .nav-item .nav-link {
    background: transparent;
    display: flex;
    padding: 7px 22px;
}
.nav-edit-bar .dropdown-list-menu-hdr-inr.drop-tab-list-left .nav .nav-item .nav-link i {
    margin-top: 3px;
}
.nav-edit-bar .dropdown-list-menu-hdr-inr.drop-tab-list-left .nav .nav-item .nav-link:after {
    width: 3px;
    left: 13px;
    right: unset;
    bottom: 24%;
    height: 0;
}
.nav-edit-bar.affix .dropdown-list-menu-hdr-inr.drop-tab-list-left .nav .nav-item:first-child .nav-link.active:after {
    width: 3px;
    left: 13px;
    right: unset;
}
.nav-edit-bar .dropdown-list-menu-hdr-inr.drop-tab-list-left .nav .nav-item .nav-link.active:after {
    height: 56%;
}
.nav-edit-bar .dropdown-list-menu-hdr-inr.drop-tab-list-left .nav .nav-item .nav-link.active {
    color: var(--theme-primery-color) !important;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr.drop-tab-list-left {
    width: 200px;
    position: absolute;
    right: unset;
    left: 80px;
    top: -4px;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr.drop-tab-list-left:after {
    right: unset;
    left: -6px;
    top: 17px;
    border-left: unset;
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr:before {
    position: absolute;
    content: "";
    right: unset;
    left: -8px;
    top: 17px;
    border-left: unset;
    border-right: 7px solid #eee;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

/* nav-edit-bar end */

/* enhance-table-new start */
.enhance-table-new table {
    border-collapse: collapse;
}
.enhance-table-new table tr,
.enhance-table-new .full-width-table table tr {
    border: 1px solid #eee !important;
}
.enhance-table-new table tr th,
.enhance-table-new table tr td {
    background: #fff;
    border: 0 !important;
}
.enhance-table-new table tr th {
    font-size: 14px;
    color: #000;
    padding: 6px 12px;
    vertical-align: middle;
}
.enhance-table-new table tr td {
    color: #5a5a5a;
    font-size: 14px;
    padding: 5px 12px;
}
.enhance-table-new table tr:hover td {
    background: #f5f7f9 !important;
}
.enhance-table-new table.border-bottom-tr {
    border-collapse: separate;
    border-spacing: 0 0px;
}
.enhance-table-new table.border-bottom-tr tr td {
    border-bottom: 1px solid #ccc !important;
}
/* enhance-table-new end */
.thumb-pics-bg .upload-pics {
    border-radius: 10px;
}

/* milstone-new start */
.milstone-new .tmline .tmline-heading p i {
    color: var(--theme-primery-color);
}
.milstone-new .tmline>li>.tmline-panel {
    box-shadow: -3px 4px 4px rgb(0 0 0 / 14%);
}
.milstone-new .tmline>li.tmline-inverted>.tmline-panel {
    box-shadow: 3px 4px 4px rgb(0 0 0 / 14%);
}
.milstone-new .tmline .add-tmlinr .tmline-btn {
    background: #fff;
    color: var(--theme-primery-color);
    border: 1px solid var(--theme-primery-color);
}
.milstone-new .tmline .add-tmlinr .tmline-btn:hover {
    background: var(--theme-primery-color);
    color: #fff;
}
.milstone-new .tmline>li>.tmline-badge {
    color: var(--theme-primery-color);
    border: 1px solid var(--theme-primery-color);
}
.milstone-new .tmline:before {
    width: 2px;
    background-color: var(--theme-primery-color);
}
.milstone-new .nw_ad .ad_new {
    font-size: 18px;
    width: 20px;
    height: 20px;
    line-height: 19px;
    color: #fff;
    background: var(--theme-primery-color);
}
/* milstone-new end */

/* risk-heat-map-new start */
/* .risk-heat-map-new.risk-heatmap-category table tbody tr:first-child td:nth-child(2) {
    border-radius: 10px 0 0 0;
}
.risk-heat-map-new.risk-heatmap-category table tbody tr:last-child td:nth-child(2) {
    border-radius: 0 0 0 10px;
} */

.risk-heat-map-new .color-box-risk {
    /* border-radius: 15px !important; */
}
.risk-heat-map-new .color-box-risk.heatmap-top-left-curve {
    border-top-left-radius: 15px !important;
}
.risk-heat-map-new .color-box-risk.heatmap-top-right-curve {
    border-top-right-radius: 15px !important;
}
.risk-heat-map-new .color-box-risk.heatmap-bottom-left-curve {
    border-bottom-left-radius: 15px !important;
}
.risk-heat-map-new .color-box-risk.heatmap-bottom-right-curve {
    border-bottom-right-radius: 15px !important;
}
.risk-heat-map-new.risk-heatmap-category table td {
    height: 65px;
}
.risk-heat-map-new.risk-heatmap-category table td, .risk-heat-map-new.risk-heatmap-category table th {
    border: 4px solid #fff;
}
.risk-heat-map-new .count-risk {
    background: #666;
    color: #fff;
}
/* risk-heat-map-new end */

/* new-theme-oc-main start */
.new-theme-oc-main {
    margin-bottom: 15px;
}
.new-theme-oc-main .department-tree a.oc-user-box {
    border-radius: 4px;
}
.new-theme-oc-main .oc-sub-head.fixed {
    width: calc(100% - 99px);
}
.new-theme-oc-main .oc-new-theme-body {
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
}
.new-theme-oc-main .top-left-tab-new.oc-sub-head {
    border-radius: 10px 10px 0 0;
}
.new-theme-oc-main .top-left-tab-new.oc-sub-head.fixed {
    border-radius: 0;
}
/* new-theme-oc-main end */

.icon-theme-color i {
    color: var(--theme-primery-color);
}
.og-customer-tab-theme-new table tr:hover td {
    background: #fff !important;
}
.og-customer-tab-theme-new table tr td {
    padding: 10px 12px;
}


.table-edit-new {
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: end;
}
.table-edit-new a {
   font-size: 14px;
   color: #5a5a5a !important; 
   margin: 0 3px;
}
.table-edit-new a:hover {
    color: var(--theme-primery-color) !important;
}
.table-total-list-label {
    font-size: 14px;
    margin: 0;
    text-align: right;
    display: block;
    color: #666;
}


.bottom-radius-hide {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.top-radius-hide {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.border-light-new {
    border: 1px solid #eee;
}

.nav-title-new {
    padding: 10px 26px;
}
body.body-slide .nav-edit-bar.affix {
    width: calc(100% - 298px);
}
body.main-menu-active.body-slide .affix {
    left: 287px !important;
}
.btn-in-ex-new {
    border-radius: 6px;
}

/* sidebar enhance change style start */
.main-menu.active #nav-icon1, .main-menu.active #nav-icon2 {
    left: 15px !important;
}
.main-menu-active #sidebar-wrapper-menu #nav-icon1, .main-menu-active #sidebar-wrapper-menu #nav-icon2 {
    left: 15px !important;
}
.main-menu-active #sidebar-wrapper-menu .sidebar-search {
    padding-right: 0 !important;
    width: 100%;
}
.main-menu.active .sidebar-search {
    padding-right: 0 !important;
    /* margin-right: 0 !important; */
}
.main-menu.active .sidebar-search {
    width: 100%;
}
/* sidebar enhance change style end */

/* step-from-new style start */
.step-from-new-main-top-space {
    margin-top: 15px !important;
}
.step-from-new-main-top-space .step-from-new-form .step-form-head {
    margin-top: 15px;
}
.step-from-new-main-top-space .step-from-new-form .step-form-head.step-form-head-scroll {
    margin-top: 0;
}
.step-from-new-main.step-from-new-main-2 .step-form-head .step.active {
    background: transparent;
}

@media only screen and (max-width: 1440.8px) { 
    body.body-slide .step-from-new-form .step-form-head {
        left: calc(-830px - -289px) !important;
    }
}
@media only screen and (max-width: 1366.8px) {
    body.body-slide .step-from-new-form .step-form-head {
        left: calc(-830px - -364px) !important;
    }
}
@media only screen and (max-width: 1280.8px) {
    body.body-slide .step-from-new-form .step-form-head {
        left: calc(-830px - -453px) !important;
    }
}
@media only screen and (max-width: 1200.8px) {
    body.body-slide .step-from-new-form .step-form-head {
        left: calc(-830px - -530px) !important;
    }
    .nav-edit-bar {
        width: calc(100% - 50px);
        left: 60px;
        position: relative;
    }
    .nav-edit-bar.affix {
        position: fixed;
    }
}


/* step-from-new style end */

/* topbar new style start */
.navbar.header-top-nav {
    border: 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
    width: calc(100% - 16px);
    margin: 0 auto;
    margin-top: 8px;
    border-radius: 10px;
}
.top-bar.header-top-nav {
    height: 65px;
}

/* form new style start */
.new-form-style .form-group .form-control,
.step-from-new-main.step-from-new-main-2 .form-group .form-control {
    background: #f5f5f5;
    border-color: #afafaf;
}
.new-form-style .form-group label,
.step-from-new-main.step-from-new-main-2 .form-group label {
    font-family: "Nunito-Medium";
    font-size: 14px;
}
.new-form-style .input-group.date-picker .btn,
.step-from-new-main.step-from-new-main-2 .input-group.date-picker .btn {
    background: var(--theme-primery-color);
    color: #fff;
}
.new-form-style .plain-select:after,
.step-from-new-main.step-from-new-main-2 .plain-select:after {
    font-size: 12px;
    color: #afafaf;
    right: 20px;
    margin-top: -8px;
}
.new-form-style .form-group .form-control::placeholder,
.step-from-new-main.step-from-new-main-2 .form-group .form-control::placeholder {
    color: #535353;
    opacity: 1; 
}
.new-form-style .form-group .form-control::-ms-input-placeholder,
.step-from-new-main.step-from-new-main-2 .form-group .form-control::-ms-input-placeholder { 
    color: #535353;
}
.new-form-style .plain-select select,
.step-from-new-main.step-from-new-main-2 .plain-select select {
    color: #535353;
}
.new-form-style .multi-add-user,
.step-from-new-main.step-from-new-main-2 .multi-add-user {
    background: #f5f5f5;
}
/* form new style end */

/* switches togle start  */
.switches-container {
    width: 16rem;
    position: relative;
    display: flex;
    padding: 0;
    position: relative;
    background: var(--theme-primery-color);
    background: var(--color-primary-light);
    line-height: 2.4rem;
    border-radius: 2.4rem;
    margin-left: auto;
    margin-right: auto;
}
/* small-switches start */
.switches-container.small-switches {
    width: auto;
    display: inline-flex;
}
.switches-container.small-switches label {
    padding: 0 13px;
    font-size: 13px !important;
}
.switches-container.small-switches .switch div {
    font-size: 13px;
}
.switches-container.small-switches {
    line-height: 1.8rem;
}
/* small-switches end */
.switches-container input {
    visibility: hidden;
    position: absolute;
    top: 0;
}
.switches-container label {
    width: 50%;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    color: #666;
    font-size: 15px !important;
    font-family: "Nunito-Medium" !important;
}
.switches-container .switch-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    padding: 0.15rem;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
}
.switches-container .switch {
    border-radius: 3rem;
    background: #fff;
    height: 100%;
    width: 100%;
    margin: 0;
}
.switches-container .switch div {
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 3rem;
    opacity: 0;
    display: block;
    font-size: 15px;
    font-family: "Nunito-Medium";
    color: var(--theme-primery-color);
    background: #fff;
    transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
    will-change: opacity;
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;
}
.switches-container input:nth-of-type(1):checked~.switch-wrapper {
    transform: translateX(0%);
}
.switches-container input:nth-of-type(2):checked~.switch-wrapper {
    transform: translateX(100%);
}
.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}
.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}
/* switches togle end  */

/* radio-new-theme start */
.radio-new-theme .radio-input {
    visibility: hidden;
    display: none;
}
.radio-new-theme .radio-label {
    position: relative;
    padding-left: 25px;
    /* margin-left: -16px; */
    margin-right: 20px;
    cursor: pointer;
}
.radio-new-theme .radio-label:after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 5px;
    top: 6px;
    border-radius: 50%;
}
.radio-new-theme .radio-label:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0px;
    top: 1px;
    border-radius: 50%;
    border: 3px solid #ccc;
}
.radio-new-theme .radio-border {
    width: 16px;
    height: 16px;
    display: inline-block;
    /* outline: solid 3px #ccc; */
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.radio-new-theme .radio-input:checked + .radio-label:after {
    transition: all 0.5s;
    background-color: var(--theme-primery-color);
}
.radio-new-theme .radio-input:checked + .radio-label:before {
    transition: all 0.5s;
    border-color: var(--theme-primery-color);
}
/* radio-new-theme end */

/* checkbox start */
.checkboxes-item {
    display: inline-block;
    margin-right: 20px;
}
.checkbox.style-h {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .checkbox.style-h input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .checkbox.style-h input:checked ~ .checkbox-checkmark {
    border-color: var(--color-primary-light);
  }
  .checkbox.style-h input:checked ~ .checkbox-checkmark:after {
    opacity: 1;
    top: -5px;
  }
  .checkbox.style-h:hover input:checked ~ .checkbox-checkmark {
    border-color: var(--color-primary-light);
  }
 
  .checkbox.style-h .checkbox-checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    height: 16px;
    width: 16px;
    border: 3px solid #ccc;
    transition: background-color 0.25s ease;
    border-radius: 4px;
  }
  .checkbox.style-h .checkbox-checkmark:after {
    content: "";
    position: absolute;
    left: 7px;
    top: -15px;
    width: 6px;
    height: 14px;
    border: solid var(--theme-primery-color);
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease, top 0.25s ease;
  }
  .checkbox.style-h .checkbox-body {
    line-height: 1.4;
    font-family: "Nunito-Medium";
    font-size: 14px;
    color: #212529;
    padding-left: 25px;   
  }
/* checkbox end */

/* togle-2 start */
  .togle-2 .button-cover,
  .togle-2 .knobs,
  .togle-2 .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  .togle-2 .button {
    position: relative;
    top: 50%;
    /* width: 74px;
    height: 36px; */
    width: 65px;
    height: 28px;
    margin: 0;
    overflow: hidden;
  }
  
  .togle-2 .button.r,
  .togle-2 .button.r .layer {
    border-radius: 100px;
  }
  
  .togle-2 .button.b2 {
    border-radius: 2px;
  }
  
  .togle-2 .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
  }
  
  .togle-2 .knobs {
    z-index: 2;
  }
  
  .togle-2 .layer {
    width: 100%;
    background-color: #fcebeb;
    transition: 0.3s ease all;
    z-index: 1;
  }
  
  /* Button 1 */
  .togle-2 #button-1 .knobs:before {
    content: "Off";
    position: absolute;
    top: 4px;
    left: 4px;
    /* width: 20px;
    height: 10px; */
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 5px 8px;
    background-color: #f44336;
    
    border-radius: 3rem;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  }
  
  .togle-2 #button-1 .checkbox:checked + .knobs:before {
    content: "On";
    left: 29px;
    background-color: #4CAF50;
  }
  
  .togle-2 #button-1 .checkbox:checked ~ .layer {
    background-color: #c7f9c9;
  }
  
  .togle-2 #button-1 .knobs,
  .togle-2 #button-1 .knobs:before,
  .togle-2 #button-1 .layer {
    transition: 0.3s ease all;
  }

  /* small start */
  .togle-2.togle-inr-icon .button {
    width: 54px;
  }
  .togle-2.togle-inr-icon #button-1 .knobs:before {
    border-radius: 50%;
    width: 20px !important;
    height: 20px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .togle-2.togle-inr-icon #button-1 .knobs:before {
    content: "\f00d";
    font-family: "Font Awesome 5 pro";
    width: 28px;
  }
  
  .togle-2.togle-inr-icon #button-1 .checkbox:checked + .knobs:before {
    content: "\f00c";
    font-family: "Font Awesome 5 pro";
  }
  /* togle-fade start */
  .togle-2.togle-fade .layer {
    background-color: #eee;
  }
  .togle-2.togle-fade #button-1 .knobs:before {
    background-color: #ccc;
  }
  .togle-2.togle-fade #button-1 .checkbox:checked + .knobs:before {
    background-color: var(--theme-primery-color);
 }
 .togle-2.togle-fade #button-1 .checkbox:checked ~ .layer {
    background-color: var(--color-primary-light);
 }
 .togle-2.togle-fade #button-1 .knobs:before {
    font-size: 0;
 }
/* togle-2 end */

/* date picker style start */
.gj-picker {
    border-radius: 10px !important;
}
.gj-picker table tr, .gj-picker table tr th, .gj-picker table tr td {
    border: 0;
    border-radius: 50%;
}
.gj-picker-bootstrap table tr td div, .gj-picker-bootstrap table tr th div {
    border-radius: 50%;
}
.gj-picker-bootstrap table tr td.focused div, .gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover {
    background: #EEE;
    border-radius: 50% !important;
    color: #212529;
}
.gj-picker table tr td.today {
    background: var(--theme-primery-color);
}
.gj-picker table tr td.today div:hover {
    background: var(--theme-primery-color) !important;
}
.gj-picker-bootstrap table tr td.today div {
    color: #fff !important;
}
.gj-picker-bootstrap table tr td.disabled div, .gj-picker-bootstrap table tr td.other-month div {
    color: #ccc !important;
}
.gj-picker div[role=navigator] {
    background: #fff;
    padding: 12px 10px;
    border: 0;
    border-bottom: 0;
    border-radius: 10px;
    position: relative;
}
.gj-picker-bootstrap div[role=navigator] {
    height: 45px !important;
}
.gj-picker div[role=navigator] div[role=period] {
    text-align: left !important;
    display: inline-block;
}
.gj-picker-bootstrap div[role=navigator] div:first-child, 
.gj-picker-bootstrap div[role=navigator] div:last-child {
    max-width: 15px;
    position: absolute;
    z-index: 2;
    font-size: 20px;
}
.gj-picker-bootstrap div[role=navigator] div:first-child {
    right: 30px;
}
.gj-picker-bootstrap div[role=navigator] div:last-child {
    right: 10px;
}
/* date and time picker */
.gj-picker.datetimepicker {
    border-radius: 4px !important;
}
/* date picker style end */

.popup-full-width {
    z-index: 999999 !important;
}

/* pagination style start */
.pagination-new-theme ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.pagination-new-theme ul li {
    list-style-type: none;
    float: left;
}
.pagination-new-theme ul li a {
    width: 25px;
    height: 25px;
    border-radius: 6px;
    border: 1px solid #a2a2a2;
    color: #5a5a5a;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3px;
    transition: all .3s ease;
}
.pagination-new-theme ul li:first-child a {
    margin-left: 0;
}
.pagination-new-theme ul li a:hover {
    background: #fff;
    border-color: var(--theme-primery-color);
    color: var(--theme-primery-color);
}
.pagination-new-theme ul li a.active {
    background: var(--theme-primery-color);
    border-color: var(--theme-primery-color);
    color: #fff;
}
.pagination-new-theme ul li a.disabled {
    background: transparent !important;
    color: #5a5a5a !important;
    border-color: #a2a2a2 !important;
    cursor: not-allowed;
    opacity: 0.5;
}
.pagination-new-theme .no-link-pn {
    border: 0;
    color: #5a5a5a !important;
    background: transparent !important;
}

/* pagination style end */

.btn.fixed-hide-save-btn-form {
    position: fixed;
    bottom: 15px;
    left: calc(50% - 37px);
    z-index: 999;
}
/* new kh document start */
.new-kh-header {
    /* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
    border-radius: 10px; */
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #C6D2DF !important;
}
.new-kh-header-btns {
    display: flex;
    justify-content: end;
}
.document-new-tabs-eh {
    border-radius: 0 0 10px 10px;
    margin-bottom: 8px;
}
.top-right-radius-kh {
    border-radius: 0 10px 0 0;
}
.document-new-tabs-eh .bottom-fixed-kh {
    bottom: 8px;
    z-index: 1;
    transition: all .5s ease;
}
.document-new-tabs-eh .bottom-fixed-kh-main {
    margin: 0 20px 0 80px;
    border-radius: 0 0 10px 10px;
}
.document-new-tabs-eh .bottom-fixed-kh:after {
    position: absolute;
    content: "";
    bottom: -12px;
    width: 100%;
    height: 12px;
    background: var(--body-bg-color);
}
.document-new-tabs-eh .left-sidebar-kh-chem .mCSB_dragger {
    max-height: unset !important;
}
.document-new-tabs-eh .left-sidebar-kh-chem .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    max-height: unset;
}
.document-new-tabs-eh .left-sidebar-kh-chem .mCSB_scrollTools .mCSB_draggerContainer {
    right: -5px;
}
.document-new-tabs-eh .bottom-fixed-kh-left {
    border-top: 1px solid #C6D2DF;
}
body.body-slide .bottom-fixed-kh {
    width: calc(100% - 210px);
    left: 210px;
}
main[style="margin-right: 250px;"] .bottom-fixed-kh {
    width: calc(100% - 250px);
}
.document-new-kh-main .sidebar-kh {
    top: 65px;
    border-top-left-radius: 10px;
}
.document-new-kh-main .folder-loop-big-v3 p {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 52px;
}
/* new kh document end */

/* report-main-div-eh start */
.report-main-div-eh .pdf-menu-accodion {
    top: 178px;
    bottom: 10px;
    margin-left: 81px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20);
    transition: all .3s ease;
    padding: 0;
    padding-top: 40px;
    border: 0 !important;
}
.report-main-div-eh .pdf-menu-accodion.newClass {
    top: 64px;
    height: auto;
}
.report-main-div-eh .pdf-menu-accodion-scroll {
    height: calc(100vh - 218px);
}
.report-main-div-eh .pdf-menu-accodion.newClass .pdf-menu-accodion-scroll {
    height: calc(100vh - 126px);
}
.report-main-div-eh .main-container {
    border-radius: 10px;
}
.report-main-div-eh .pdf-v2-report-list-view-html .maindiv {
    border-radius: 10px;
}
.report-main-div-eh .maindiv.cover-page-fit .holder {
    border-radius: 10px 10px 0 0;
}
.report-main-div-eh .index-header-pdf-left {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
    height: 40px;
    display: flex;
    align-items: center;
    width: 100%;
    z-index: 2;
    padding: 10px 15px;
    border-radius: 10px 10px 0 0;
}
.report-main-div-eh .index-header-pdf-left h6 {
    margin-bottom: 0;
}
.report-main-div-eh .pdf-menu-accodion-inner {
    padding: 10px;
}
.report-main-div-eh .pdf-menu-accodion .panel-drop-sections .panel-heading {
    border-radius: 6px;
}
.report-main-div-eh .pdf-menu-accodion .panel-drop-white .panel-default {
    margin: 2px 0;
}
.report-main-div-eh .pdf-menu-accodion .panel-drop-white .width96pc {
    padding: 7px 3px 6px 6px;
}
.report-main-div-eh .pdf-menu-accodion .pdf-inner-title-accodion {
    border-radius: 7px;
}
.report-main-div-eh .pdf-menu-accodion.scroll-div-fix-menu-report .pdf-menu-accodion-inner .panel-drop-sections .panel-heading .drop-down-icone {
    left: -3px;
}
.report-main-div-eh .pdf-menu-accodion .panel-drop-sections .panel-body {
    padding-left: 20px;
}

.pdf-new-inner-card {
    margin-bottom: 20px;
}
.pdf-new-head-title {
    width: 100%;
    display: flex;
    align-items: start;
    border-left: 6px solid var(--theme-primery-color);
    background: #e7e6e6;
    padding: 6px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.pdf-new-head-title h5 {
    font-size: 18px;
    line-height: 1.3rem;
    margin: 0;
    color: #000;
}
.new-report-inr-box {
    border: 1px solid #bcbcbc;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 5px 5px 4px #e4e4e4;
    margin-bottom: 30px;
    position: relative;
}
.new-report-inr-box .status-tag-new-two {
    border-top-right-radius: 8px;
}
.report-main-div-eh .upload-pics {
    border-radius: 8px;
}
.report-main-div-eh .document-new {
    border-radius: 8px;
}
.document-new .document-new-pic {
    border-radius: 6px;
}


/* report-main-div-eh end */

/* new-list-style start */
.new-list-style ul.arrowlist li {
    margin-bottom: 2px;
}
.new-list-style ul.arrowlist li:before {
    position: absolute;
    content: "";
    top: 0;
    left: 6px;
    content: "\f0a4";
    color: #506e91 !important;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
    opacity: 0.5;
}
.new-list-style ul.arrowlist li:hover:before {
    opacity: 1;
    left: 10px;
}
.new-list-style ul.arrowlist li:after {
    display: none;
}
/* new-list-style end */

.step-from-new-form .step-form-head {
    top: 126px !important;
    height: calc(100vh - 141px) !important;
}
.step-from-new-form .step-form-head.step-form-head-scroll {
    top: 55px !important;
    height: calc(100vh - 119px) !important;
}

.center-content-new {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.h-100-minus-20 {
    height: calc(100% - 20px);
}
.created-user-sec-footer {
    position: relative;
    background: var(--color-primary-light);
    border: 1px solid var(--theme-primery-color);
    padding: 35px 15px 15px 15px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
}
.created-user-sec-footer:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--theme-primery-color);
    border-radius: 10px;
}
.created-by-label-ftr {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background: var(--theme-primery-color);
    border: 1px solid var(--theme-primery-color);
    padding: 6px 20px;
    border-radius: 10px 0 10px 0;
}
.created-by-label-ftr h6 {
    font-size: 12px;
    color: #fff;
    font-family: "Nunito Regular";
    margin: 0;
}
.created-user-sec-footer .user-list-sm {
    display: flex;
    align-items: center;
    padding: 0;
}

.white-box-card {
    position: relative;
}
.white-box-card .status-tag-new-two {
    border-top-right-radius: 10px;
}

.details-list-card table .user-list-sm h6 {
    color: #5a5a5a;
    font-size: 14px;
    margin-bottom: 0;
    padding: 0;
    font-family: "Nunito Regular";
}

.mb-30 {
    margin-bottom: 30px !important;
}
.single-col-table th,
.single-col-table td {
    border-radius: 10px !important;
}
.enhance-table-new .text-center tr td .d-flex.user-list-sm {
    justify-content: center;
}
.gray-td tr td {
    background: #f3f3f3 !important;
}

.border-tr tr td,
.enhance-table-new table.border-tr tr td, 
.enhance-table-new .full-width-table table.border-tr tr td {
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
}
.border-tr tr td:first-child,
.enhance-table-new table.border-tr tr td:first-child, 
.enhance-table-new .full-width-table table.border-tr tr td:first-child {
    border-left: 1px solid #eee !important;
}
.border-tr tr td:last-child,
.enhance-table-new table.border-tr tr td:last-child, 
.enhance-table-new .full-width-table table.border-tr tr td:last-child {
    border-right: 1px solid #eee !important;
}

.circle-icon-near-text {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #545454;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.outline-tag {
    border-radius: 7px;
}
.indication-text {
    padding: 4px 6px;
    border-radius: 5px;
}

/* status-tag-new-two color start */
.status-tag-new-two {
    color: #95A6BD;
    background: #F3F5F9 !important;
}
.status-tag-new-two.bg-red {
    color: #F9384B;
    background: #FFF6F5 !important;
}
.status-tag-new-two.bg-dark-red {
    color: #DF4A4A;
    background: #FFECF2 !important;
}
.status-tag-new-two.bg-brown {
    color: #a52a2a;
    background: #ffdcdc !important;
}
.status-tag-new-two.bg-green {
    color: #19C268;
    background: #E7FFF0 !important;
}
.status-tag-new-two.bg-light-green {
    color: #0DBF00;
    background: #E9FFD8 !important;
}
.status-tag-new-two.bg-violet {
    color: #8F5DB5;
    background: #F5EEFF !important;
}
.status-tag-new-two.bg-light-violet {
    color: #B48ED0;
    background: #F9F6FF !important;
}
.status-tag-new-two.bg-dark-violet {
    color: #8F5DB5;
    background: #EAE0FA !important;
}
.status-tag-new-two.bg-yellow {
    color: #FFBB00;
    background: #FFFCCF !important;
}
.status-tag-new-two.bg-orange {
    color: #ff8115;
    background: #FFF7E2 !important;
}
.status-tag-new-two.bg-blue {
    color: #0086FF;
    background: #EFF8FF !important;
}
.status-tag-new-two.bg-light-blue {
    color: #1AC9FF;
    background: #EFFBFF !important;
}
.status-tag-new-two.bg-dark-blue {
    color: #4E78B1;
    background: #F3F5F9 !important;
}
.status-tag-new-two.bg-amber {
    color: #FFBF00;
    background: #fff5d9 !important;
}
/* status-tag-new-two color end */

/* top-ten-risk-meetings-list-main start */
.top-ten-risk-meetings-list-main .top-ten-risk-meetings-list {
    border-radius: 22px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
    padding: 0;
    overflow: hidden;
}
.top-ten-risk-meetings-list-main .top-ten-risk-meetings-list-inner {
    
}
.top-ten-risk-meetings-list-main .content-sec-meetings {
    padding: 15px 20px 15px 10px;
}
.top-ten-risk-meetings-list-main .date-sec-meetings {
    width: 70px;
    padding: 10px;
    text-align: center;
    background: #e3e2e2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-ten-risk-meetings-list-main .date-sec-meetings h4 {
    color: #000;
}
.top-ten-risk-meetings-list-main .date-sec-meetings p {
    color: #000;
}
/* top-ten-risk-meetings-list-main end */
.pm-time-small-box p span i {
    color: var(--theme-primery-color);
}

/* tile-tab enhance css file remove style start */ 
.tile-tab .nav-tabs--left .nav-link.active:hover {
    background: var(--theme-primery-color);
}
.tile-tab .nav-tabs--left .nav-link:hover {
    background-color: #e9e9e9;
}
.tile-tab .nav-tabs--left .nav-link {
    border: 0 !important;
}
.tile-tab .nav-tabs--left .nav-link.active {
    border: 0 !important;
}
.tile-tab .tab-common-left-content-m .widg-padding-cmn.bg-white.cmn-bdr, 
.tile-tab .tab-common-left-content-m .widg-padding-cmn-small.bg-white.cmn-bdr {
    border: 0 !important;
    padding: 0 !important;
}
.tile-tab.tab-same-height .tab-common-left-content-m {
    padding: 20px;
}
/* tile-tab enhance css file remove style end */

.text-and-togle-setting-box {
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.10);
    border-radius: 70px;
    padding: 15px;
}

/* og-profile-cover-page style start */
.og-profile-cover-page-main {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(39, 39, 237, 0.1);
}
.og-profile-cover-page-main .og-profile-cover-pic {
    border-radius: 10px 10px 0 0;
    background: url(../images/user-db-cover-pic.svg) no-repeat;
    background-size: cover;
    padding-top: 150px;
}
.og-profile-cover-page-main .og-profile-cover-content {
    padding: 0px 20px 20px 20px;
}
.og-profile-cover-dtl-sec {
    display: flex;
}
.img-og-profile-cover-dtl-sec {
    display: contents;
}
.og-profile-pic-cover-left {
    width: 290px;
}
.og-profile-pic-cover {
    width: 100%;
    height: 140px;
    border-radius: 15px;
    background: #fff;
    border: 2px solid var(--color-primary-light);
    filter: drop-shadow(0px 5px 10px #DFDFFD);
    margin-top: -25px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.name-og-profile-cover-dtl-sec {
    width: 100%;
    padding-left: 25px;
    padding-top: 20px;
}
.og-profile-box-new {
    border-radius: 10px;
    padding: 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px solid #f5f5f5;
}


.colored-scial-media.colored-scial-media-new {
    border: 0;
    text-align: center;
    margin-bottom: 0;
}
.colored-scial-media.colored-scial-media-new li a img {
    width: 100%;
}
.colored-scial-media.colored-scial-media-new ul li a {
    width: 28px !important;
    margin: 3px 2px !important;
}

.vision-mision-new {
    display: flex;
    align-items: start;
}
.vision-mision-new .icon-box-vmv {
    width: 120px;
    height: 85px;
    border-radius: 15px;
    background: #ccc;
    color: #fff;
    font-size: 44px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* og-profile-cover-page style end */

.op-products-pic{
    margin-right: 5%;
}
.fill-tag-new {
    font-size: 13px;
    background: #f0f0f0;
    color: #666;
    padding: 6px 12px;
    border-radius: 8px;
    margin-right: 4px;
    display: inline-block;
    margin-bottom: 7px;
}
.details-page-card-header .fill-tag-new-main {
    margin-bottom: 8px;
    display: flex;
}
.head-with-edit-btns-main.add-btn-code {
    display: flex;
}

/* user profile start  */
.user-profile-pic-cover {
    text-align: center;
}
.user-profile-pic-cover img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #FFFFFF;
    filter: drop-shadow(0px 5px 10px #DFDFFD);
    margin-top: -25px;
}
.user-profile-name-sec {
    text-align: center;
    margin: 20px 0 40px 0;
}
.user-profile-name-sec h4 {
    font-size: 20px;
    font-family: 'Nunito SemiBold';
    color: #000;
}
.user-profile-name-sec h6 {
    font-size: 16px;
    color: #85869B;
    font-family: 'Nunito Regular';
}
.user-profile-pic-cover-left .user-beginer-block .beginner-icon {
    color: #fff;
}
.settings-option-main {
    position: relative;
    padding-right: 10px;
}
.settings-option-main.hide-setting-menu .settings-option-menu {
    opacity: 0;
}
.settings-option-main.hide-setting-menu:hover .settings-option-menu {
    opacity: 1;
}
.settings-option-box {
    position: absolute;
    right: 0px;
    top: 0;
}
.settings-option-box ul {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 14px;
    top: 0;
    width: auto;
    display: none;
    background: #fff;
    padding: 5px 10px;
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 6px;

    /* animation-name: bounceIn;
    animation-duration: 1s;
    animation-delay: 0.1s; */
}
.settings-option-box:hover ul {
    display: block;
}
.settings-option-menu {
    cursor: pointer;
    color: #666;
    transition: all 0.25s;
    padding: 0 4px;
}
.settings-option-box:hover .settings-option-menu {
    color: #000;
}
.settings-option-box ul:after {
    position: absolute;
    content: "";
    right: -6px;
    top: 5px;
    border-left: 7px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.settings-option-box ul:before {
    position: absolute;
    content: "";
    right: -7px;
    top: 5px;
    border-left: 7px solid #ccc;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.settings-option-box ul li {
    list-style-type: none;
    padding: 2px 0;
}
.settings-option-box ul li a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333 !important;
    transition: all 0.25s;
}
.settings-option-box ul li a i {
    min-width: 25px;
}
.settings-option-box ul li a:hover {
    color: var(--theme-primery-color) !important;
}

.competency-progrss-main-new {
    margin-top: 50px;
}
.competency-progrss-main-new .position-name {
    font-family: "Nunito Regular";
}
.competency-progrss-main-new .progress-bar.bg-success {
    background-color: #61d77c !important;
}
.competency-progrss-main-new .progress-bar.bg-danger {
    background-color: #ef7a85 !important;
}
.competency-progrss-main-new .competency-progrss .progress {
    border-radius: 0 22px 22px 0;
}
.competency-progrss-main-new .competency-progrss .progress .progress-bar {
    border-radius: 0 22px 22px 0;
}

.competency-progrss-main-new.competency-progrss-main:after,
.competency-progrss-main-new.competency-progrss-main:before, 
.competency-progrss-main-new .competency-progrss-bottom-line {
    border-color: #b7c2ce;
}
.competency-progrss-main-new .require-competencies {
    position: absolute;
    top: -19px;
    left: 0;
    min-width: 41px;
    animation-name: bounceIn;
    /* animation-name: fadeInUp; */
    animation-duration: 1s;
    animation-delay: 0.5s;
}
.hc-training-new-box {
    border-radius: 15px;
}

/* user profile end  */

/* nav-link color start */
.tile-tab .vertical-tab .nav-link.nav-link-orange {
    background: #ffe8dc !important;
    color: #FF5B15 !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-orange:before {
    border-right-color: #feae84 !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-orange:after {
    border-left-color: #ffe8dc !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-orange.active {
    background: #FF5B15 !important;
    color: #fff !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-orange.active:after {
    border-left-color: #FF5B15 !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-orange.active:before {
    border-right-color: #d15825 !important;
}

.tile-tab .vertical-tab .nav-link.nav-link-green {
    background: #d1f1d4 !important;
    color: #45BA3C !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-green:before {
    border-right-color: #9de8a6 !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-green:after {
    border-left-color: #d1f1d4 !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-green.active {
    background: #45BA3C !important;
    color: #fff !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-green.active:after {
    border-left-color: #45BA3C !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-green.active:before {
    border-right-color: #24761f !important;
}

.tile-tab .vertical-tab .nav-link.nav-link-red {
    background: #ffdddd !important;
    color: #DF4A4A !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-red:before {
    border-right-color: #f1bdbd !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-red:after {
    border-left-color: #ffdddd !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-red.active {
    background: #DF4A4A !important;
    color: #fff !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-red.active:after {
    border-left-color: #DF4A4A !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-red.active:before {
    border-right-color: #a02f2f !important;
}

.tile-tab .vertical-tab .nav-link.nav-link-blue {
    background: #e4eef7 !important;
    color: #0086FF !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-blue:before {
    border-right-color: #aec7de !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-blue:after {
    border-left-color: #e4eef7 !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-blue.active {
    background: #0086FF !important;
    color: #fff !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-blue.active:after {
    border-left-color: #0086FF !important;
}
.tile-tab .vertical-tab .nav-link.nav-link-blue.active:before {
    border-right-color: #1a65a7 !important;
}

.tile-tab .vertical-tab .nav-link.nav-link-orange:hover,
.tile-tab .vertical-tab .nav-link.nav-link-green:hover,
.tile-tab .vertical-tab .nav-link.nav-link-red:hover,
.tile-tab .vertical-tab .nav-link.nav-link-blue:hover {
    opacity: 0.8;
}

/* nav-link color end */

.hc-documents-new.licence-row {
    margin: 0;
}
.hc-documents-new .licence-col {
    float: none;
    width: 100%;
    padding: 0;
}
.hc-documents-new .license-box-bg {
    border-radius: 10px;
}
.hc-documents-new .license-box {
    border-radius: 10px 10px 0 0;
}
.hc-documents-new .license-blur-div {
    border-radius: 10px 10px 0 0;
}
.hc-documents-new .license-name-sec {
    border-radius: 0 0 10px 10px;
}

/* kh-documents-details-new start */
.kh-documents-details-new {
    margin-bottom: 10px;
    border-radius: 12px;
}
.kh-documents-details-new .pdf-page-inner-new-content {
    min-height: auto;
}

.kh-documents-details-new .report-main-div .top-area {
    border-radius: 0 !important;
    border-top-right-radius: 12px !important;
}
.kh-documents-details-new .pdf-new-style-pagination.report-area {
    border-bottom-right-radius: 12px;
}
.kh-documents-details-new .chem-pdf-menu-left {
    padding-top: 15px;
}
.kh-documents-details-new .pdf-menu-accodion-inner .panel-drop-sections .panel-heading .drop-down-icone {
    top: 6px;
}
.kh-documents-details-new .pdf-menu-accodion-inner .panel-drop-sections .panel-heading.active .drop-down-icone {
    top: 8px !important;
}
.kh-documents-details-new[style="margin-right: 265px;"] {
    margin-right: 250px !important;
}

.kh-documents-details-new .sidebar-kh {
    border-top-left-radius: 10px;
}
.kh-documents-details-new .sidebar-kh-details {
    top: 136px !important;
}
.kh-documents-details-new .sidebar-kh-details.top-scroll-menu {
    top: 66px !important;
}
.kh-documents-details-new .sidebar-kh-inner {
    height: calc(100vh - 142px);
}
.kh-documents-details-new .sidebar-kh-details.top-scroll-menu .sidebar-kh-inner {
    height: calc(100vh - 70px);
}
.open-details-kh-btn {
    position: fixed;
    top: calc(65% - 30px);
    right: 0px;
    font-size: 16px;
    color: #506E91;
    display: block;
    transition: 0.3s;
    line-height: 36px;
    width: 20px;
    height: 35px;
    background-color: rgb(197 208 222 / 40%);
    text-align: center;
    border-radius: 0 50px 50px 0;
    margin-top: -18px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.kh-documents-details-new .pdf-chem {
    padding: 15px 15px 12px 1px;
}
.kh-documents-details-new .pdf-wapper {
    border-radius: 10px;
}
/* kh-documents-details-new end */

.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr .nav {
    display: block;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr .nav .nav-item .nav-link {
    padding: 6px 10px;
    display: block;
    border: 0;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr .nav .nav-item .nav-link:after {
    height: 0;
}
.dropdown-list-menu-hdr .dropdown-list-menu-hdr-inr .nav .nav-item .nav-link.active {
    color: var(--theme-primery-color) !important;
}

/* login-body-new start   */
.login-body-new {
    padding: 0;
}
.login-new-main {
    background: #fff;
    margin: 15px 0;
    height: calc(100vh - 30px);
    border-radius: 15px;
}
.login-new-main .login-area-main-box {
    width: 65%;
    margin: 0 auto;
}
.login-new-main .login-area-main-box h2 {
    font-size: 30px;
    font-family: 'Nunito Bold';
    color: #011e41;
}
.login-new-main .login-area-main-box h5 {
    font-size: 13px;
    font-family: "Nunito Regular";
    color: #808080;
}
.login-new-main .login-left-banner {
    background: #ccc;
    height: calc(100vh - 30px);
    /* border-radius: 15px 60px 0 15px; */
    padding: 30px 0 0 20px;
    position: relative;
}
.login-banner-slide.owl-theme .owl-wrapper-outer {
    /* border-radius: 15px 0 0 15px; */
    border-radius: 15px 60px 0 15px;
}
.login-new-main .login-page-logo {
    max-width: 260px;

    position: absolute;
    left: 35px;
    z-index: 1;
    top: 20px;
}
.login-new-main .banner-text-box-login {
    background: var(--theme-primery-color);
    padding: 15px 45px 15px 20px;
    border-radius: 10px 0 0 10px;
    width: 70%;

    position: absolute;
    right: 0;
    bottom: 100px;
}
.login-new-main .banner-text-box-login h4 {
    font-size: 28px;
    font-family: 'Nunito Bold';
    color: #fff;
    margin: 0;
}
.login-area-main-box .login-field-new {
    margin-top: 1.5rem;
    position: relative;
    border: 1px solid var(--theme-primery-color);
    padding: 13px 15px;
    border-radius: 8px;
}
.login-area-main-box .login-field-new .label-login-new {
    display: inline-block;
    background: #fff;
    margin: 0;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 11px;
    font-family: 'Nunito SemiBold';
    color: var(--theme-primery-color);
    position: absolute;
    left: 10px;
    top: -8px;
}
.login-area-main-box .login-field-new .login-field-new-inner-box {
    display: flex;
    align-items: center;
}
.login-area-main-box .login-field-new .login-field-new-inner-box span {
    width: 30px;
}
.login-area-main-box .login-field-new .login-field-new-inner-box span img {
    width: 24px;
}
.login-area-main-box .login-field-new .login-field-new-inner-box input {
    width: 100%;
    border: 0;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    color: #011e41;
}
.link-small-text-login {
    font-size: 12px;
    font-family: "Nunito Regular";
    color: #808080 !important;
}
.link-small-text-login:hover {
    color: var(--theme-primery-color) !important;
}
.filter-shadow {
    filter: drop-shadow(0px 5px 10px #DFDFFD);
}
.login-more-line {
    width: 200px;
    margin: 30px auto;
    position: relative;
    text-align: center;
}
.login-more-line:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: calc(50% - 1px);
    margin: 0 auto;
    width: 100%;
    height: 1px;
    background: #ccc;
}
.login-more-line span {
    font-size: 14px;
    color: #011e41;
    display: inline-block;
    padding: 3px 5px;
    background: #fff;
    position: relative;
    z-index: 1;
}
.login-with-social-link {
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-with-social-link li {
    float: left;
    list-style-type: none;
}
.login-with-social-link li a {
    background: var(--color-primary-light);
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 60px;
    margin: 0 5px;
    border-radius: 7px;
    transition: 0.3s;
}
.login-with-social-link li a:hover {
    transform: translateY(-3px);
}
.login-ftr-menu p {
    color: #011e41;
    font-size: 13px;
    margin-bottom: 0;
}
.login-ftr-menu p a {
    display: inline-block;
    color: #011e41;
    font-family: 'Nunito Bold';
}
.login-ftr-menu p a:hover {
    color: var(--theme-primery-color);
}
.login-area-main-box-inner {
    /* max-height: 65vh; */
}
.login-banner-slide .owl-pagination {
    position: absolute;
    bottom: 40px;
    right: 10%;
}
.login-banner-slide.owl-theme .owl-controls .owl-page span {
    background: #ddd;
    opacity: 1;
    margin: 0px 4px;
}
.login-banner-slide.owl-theme .owl-controls .owl-page.active span {
    background: var(--theme-primery-color);
    opacity: 1;
}


.login-field-new.one-time-password .inputs  input {
    border: 0;
    outline: none;
    box-shadow: none;
    height: calc(1.25rem + 2px);
}
.login-btn-new {
    padding: 14px 20px;
}

/* login-body-new end */

/* hl-plan-table-new start */
.hl-plan-table-new {
    border-radius: 10px;
    margin-bottom: 15px;
}
.hl-plan-table-new .hl-plan-head-one {
    border-top-left-radius: 10px;
}
.hl-plan-table-new .hl-plan-head-six {
    border-top-right-radius: 10px;
}
.hl-plan-table-new .hl-plan-accordion-sec {
    border-radius: 0 0 10px 10px;
}
.hl-plan-table-new .plus-accordion .panel-collapse .panel-body {
    /* border-radius: 0 0 10px 10px; */
    margin-top: -6px;
}
.hl-plan-table-new .plus-accordion.panel-group .panel-default:last-child .panel-collapse .panel-body {
    border-radius: 0 0 10px 10px;
}
.hl-plan-table-new .plus-accordion .panel-default>.panel-heading a:after {
    background: transparent;
    color: #33475b;
    border: 1px solid #33475b;
    text-align: center;
    width: 14px !important;
    height: 14px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.hl-plan-table-new .plus-accordion .panel-default>.panel-heading a[aria-expanded="true"]:after {
    top: 1px;
}
.hl-plan-table-new .plus-accordion .panel-default>.panel-heading a[aria-expanded="false"]:after {
    left: 0;
    top: 1px;
}
.hl-plan-table-new .plus-accordion .panel-default>.panel-heading a:hover:after {
    color: var(--theme-primery-color);
    border-color: var(--theme-primery-color);
}
.hl-plan-table-new .hl-inner-popup.show {
    border-radius: 10px;
}
.hl-plan-table-new .big-text-label-check .container2 {
    font-size: 15px;
    color: #656d75;
}
.hl-plan-table-new .hl-text-one {
    color: #656d75;
    font-size: 15px;
    line-height: 21px;
}
.hl-plan-table-new .db-status {
    display: inline-block;
    padding: 5px 10px;
    width: auto;
}
.hl-plan-table-new .db-status h5 {
    font-size: 14px;
    line-height: 14px;
}
.hl-plan-table-new .cmn-text-one-hl {
    font-size: 13px;
    color: #000;
    padding-left: 0;
    padding-top: 0px;
    vertical-align: middle;
    display: block;
}
.hl-plan-table-new .plus-acgg-width .hl-plan-head-six {
    padding-top: 4px;
}
.hl-plan-table-new .color-box-hl {
    height: 10px;
}
.hl-plan-table-new .bottom-icon-box {
    height: 5px;
}
.hl-plan-table-new .bottom-icon-box:before {
    bottom: -6px;
    border-top: 7px solid #506e91;
    border-right: 0px solid transparent;
    border-left: 10px solid transparent;
}
.hl-plan-table-new .bottom-icon-box:after {
    bottom: -6px;
    border-top: 7px solid #506e91;
    border-right: 10px solid transparent;
    border-left: 0px solid transparent;
}
.hl-plan-table-new .hl-plan-head-sixthe-head {
    width: calc(100% - 54px);
}
.hl-plan-table-new .hl-plan-head-sixthe-right-sec {
    width: calc(100% - 38px);
}
.hl-plan-table-new .bottom-icon-box {
    min-width: 33px;
}

/* hl-plan-table-new end */

/* hc-report-new start */
.hc-report-new-main {
    position: relative;
}


/* hc-report-new end  */

@media only screen and (max-width: 1300.8px) {
    .step-from-new-main {
        width: 1000px !important;
    }
    .step-from-new-form .step-form-head {
        left: -624px !important;
    }

}

@media only screen and (max-width: 1199.8px) {
    .step-from-new-main {
        width: 930px !important;
    }
    .step-from-new-form .step-form-head {
        left: -700px !important;
        width: 220px !important;
    }
    .step-from-new-form .tab {
        padding-left: 250px !important;
    }

}

@media only screen and (max-width: 992.8px) {
    .step-from-new-main {
        width: 690px !important;
    }
    .step-from-new-form .step-form-head {
        left: -448px !important;
        width: 245px !important;
    }
    .step-from-new-form .tab {
        padding-left: 270px !important;
    }

}