.recommend-gte + [data-readmore-toggle],
.recommend-gte[data-readmore] {
    display: block;
    width: 100%;
    height: 40px;
    overflow: hidden;
}

.action-btn {
    /*float: right;*/
    width: 15%;
    text-align: right;
}
/*
.action-btn-permission {
float: right;
width: 18%;
text-align: right;
}
*/
.permission-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.permission-btn span {
    margin-right: 10px;
}
.permission-btn span:last-child {
    margin-right: 0;
}
.glyphicon-ok {
    color: green;
}
.glyphicon-remove,
label.error {
    color: #ff0000a6;
    font-weight: normal;
    font-size: 12px;
    margin-top: 5px;
}
.actions-btn {
    background: none;
    color: inherit;
    border: none;
    padding: 5px;
    cursor: pointer;
    outline: inherit;
}

/*ajax overlay*/
#fade {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.7;
    filter: alpha(opacity=80);
}
.center {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    border: 3px solid #ababab;
    box-shadow: 1px 1px 10px #ababab;
    border-radius: 20px;
    background-color: white;
    z-index: 1002;
    text-align: center;
    overflow: auto;
}
/* .nowrap {
width: 150px !important;
word-break: break-all !important;
white-space: initial;
} */
.no-wrap {
    white-space: nowrap;
}
tr.reject-row {
    background: #ccc;
}
.error-validation {
    color: #005fb3;
    text-transform: none;
    font-size: 14px;
}
/* Start Custom css */
.p-0 {
    padding: 0 !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.skin-blue .left-side,
.skin-blue .main-sidebar {
    background-color: #005fb3;
}
.skin-blue .main-header .logo {
    background-color: #261e1c;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box {
    border: 0;
    border-radius: 0px;
    box-shadow: none;
}
.box-footer {
    background-color: transparent;
    border: 0;
    border-radius: 0;
}
.table > thead > tr > th {
    vertical-align: top;
}
/*.tablebtn{display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;}*/
.tablebtn .btn,
.tdActionWrap .btn {
    margin: 0 2px;
    padding: 5px 7px !important;
    font-weight: 300;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 10px;
    border-color: #dfdfdf;
}
.table > thead > tr > th {
    border-bottom-width: 0px;
}
.select2-container {
    width: 100% !important;
}
.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: #000;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd;
}
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default.select2-container--focus
    .select2-selection--multiple {
    border-color: #d2d2d2 !important;
}
.form-control:focus {
    border-color: #d2d6de;
}
.filter-form-row {
    width: 100%;
    display: flex;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.filter-form-row.ta-filter {
    padding-right: 110px;
}
.filter-form-col {
    width: 100%;
}
.ff-col2 {
    width: 50%;
    padding-right: 10px;
}
.filter-form-btn {
    position: absolute;
    top: -5px;
    right: 0px;
}
.dtl-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    align-items: center;
}
.dtl-label {
    padding-right: 10px;
    text-transform: capitalize;
}
.dtl-box .select2-container,
.dtl-box .form-control,
.dtl-box select {
    width: 100px !important;
    border-radius: 3px;
}
.pagination {
    margin: 0px;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #005fb3;
    border-color: #005fb3;
}
.skin-blue .content-header {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 10px;
    justify-content: space-between;
}
.content-header h1 {
    font-size: 27px;
    font-weight: 600;
}
.content-header > .breadcrumb {
    position: inherit;
    top: 0;
    padding: 0px;
    font-size: 14px;
}
.box-footer,
.box-header,
.box-body {
    padding: 0;
}
.addNewTaskLink + .box-footer {
    margin-top: 20px;
}
/* .skin-blue .main-header li.user-header {
background-color: #000;
} */

.user-menu .user-footer {
    display: flex;
    justify-content: center;
}
.user-menu .user-footer .btn {
    margin: 0 3px;
}
/* .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
background-color: #261e1c;
} */
.skin-blue .main-header li.user-header,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background: transparent !important;
}
.main-header .logo .logo-lg img {
    max-height: 40px;
}
.box .box-header {
    padding-top: 25px;
}
.filter-form-row.mu-filter {
    padding-right: 255px;
}
.filter-add-more-btn {
    position: absolute;
    top: 0;
    right: 0;
}
.mu-filter .filter-form-btn {
    right: 150px;
}

.assign-filter {
    padding-right: 75px;
    margin-top: 35px;
}
.file-btn-area {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px 105px 0 0;
    border: 0;
    height: 50px;
}
.file-btn {
    background: #000;
    border: 0px solid #2f9fd7;
    border-radius: 0 6px 6px 0;
    height: 100%;
    width: 125px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.file-value {
    width: 100%;
    margin: 0px;
    padding: 0px 10px 0 10px;
    border: 1px solid #d2d2d2;
    background: #fff;
    height: 100%;
    cursor: pointer;
    border-radius: 6px 0 0 6px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.info-file {
    float: left;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 0.1px;
    z-index: -1;
}
.file-label {
    width: 100%;
    margin: 0px;
}
.upload-image-row {
    position: relative;
    padding-right: 55px;
}
.upload-image-row .uploadimage {
    position: absolute;
    top: 0;
    right: 0px;
}
#loading-img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw; /* Full width of the viewport */
    height: 100vh; /* Full height of the viewport */
    z-index: 100;
    background-color: rgba(192, 192, 192, 0.5);
}
#loading-img img {
    max-width: 100%;
    max-height: 100%;
}
.form-group-wrap,
.form-field-row,
.form-title-row {
    width: 100%;
    display: flex;
    margin: 0px;
    padding: 0px;
    flex-wrap: wrap;
}
.form-group-wrap {
    padding-bottom: 20px;
}
.form-title-row {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 10px;
}
.form-field-row {
    position: relative;
}
.upload-img-row {
    padding-right: 60px;
}
.upload-img-row .imgpreview {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #d2d6de;
    border-radius: 100%;
}
.upload-img-row .imgpreview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.given-hrs-td {
    width: 110px;
}
.given-hrs-td .form-control {
    width: 40px;
    float: left;
    margin-right: 7px;
}
.td-chat-icon {
    font-size: 20px;
    color: #000;
    position: relative;
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
    border-top: 0px solid #dfdfdf;
}
@media screen and (max-width: 1500px) {
    td.tablebtn {
        width: 170px;
    }
}
/*1500px*/
/* End Custom css */
.badge_count {
    position: absolute;
    top: -6px;
    right: -13px;
    width: 20px;
    height: 20px;
    border: 1px solid;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    font-size: 13px;
}
.adminusers_table {
    overflow: auto;
}
.mt-1 {
    margin-top: 10px;
}
.alert.alert-danger.text-center ul > li {
    padding: 2px;
    list-style-type: none;
}
.alert.alert-danger.text-center button.close {
    color: #fff;
    /* opacity: 0.6; */
}

.alert.alert-danger.text-center button.close:hover {
    opacity: 1;
}
/* Pie charts**/
#mystatus,
#mycriticalpath,
#hitsbyme,
#hitsforme,
#created,
#myteamsstatus,
#tlcriticalpath,
#criticalPathChart,
#myteamscriticalpath,
#tlhitsbyme,
#tlhitsbymyteam,
#tlallhits,
#allhits,
#qatl_created,
#qatlteamsstatus,
#qatlcriticalPathChart,
#qatlallhits,
#pmcreated,
#mypmteamsstatus,
#pmcriticalpath,
#mypmteamscriticalpath,
#pmhitsbyme,
#pmhitsbymyteam,
#hitsbyhr,
#hitsdetailsbyhr,
#hitshrtl,
#hitsdetailsbyhrtl,
#mdcreated,
#mymdteamsstatus,
#mdhitsbymyteam,
#mymdteamscriticalpath,
#mdhitsbyme {
    flex: 1;
    height: 280px;
}
#fully_kitted,
#non_fully_kitted,
#qatl_fully_kitted,
#qatl_non_fully_kitted,
#fully_pm_kitted,
#non_fully_pm_kitted,
#fully_md_kitted,
#non_fully_md_kitted {
    font-size: 13px;
}
#listmystatus,
#listcriticalpat,
#listhitsbyme,
#listhitsforme {
    flex: 1;
    margin-top: 40px;
    /* Adjust margin as needed */
}
#dateRangeOptions {
    width: 200px;
    /* Adjust width as needed */
    margin: auto;
    /* Center the options */

    margin-bottom: 40px !important;
}
.daterange {
    margin-top: 20px;
}
.daterange input[type="button"] {
    margin-top: 12px;
    width: 100%;
    max-width: 100%;
}
.option {
    padding: 8px 0;
    text-align: center;
    cursor: pointer;
}
.separator {
    border-bottom: 1px solid #ccc;
}
#dateRangeOptions .option:nth-child(1) {
    background-color: #ababab57;
}
.mykitted {
    transform: translate(337px, -53px);
}
.mypmkitted {
    transform: translate(337px, -92px);
}
#tooltip-popup,
#qatl_tooltip-popup,
#pm-tooltip-popup,
#md-tooltip-popup {
    position: absolute;
    background-color: white;
    border: 1px solid black;
    padding: 10px;
    z-index: 1000; /* Ensure it's above other elements */
    top: 20px;
    left: 45px;
}
/* Style for legend items */
#tllegend,
#qatllegend {
    position: absolute;
    top: 65px;
    right: 78px;
}
.legend-item {
    margin-bottom: 5px; /* Adjust spacing between legend items */
}
/* Style for legend dot */
.legend-dot {
    display: inline-block;
    width: 10px; /* Diameter of the dot */
    height: 10px; /* Diameter of the dot */
    border-radius: 50%; /* Make it circular */
    margin-right: 5px; /* Adjust spacing between dot and text */
}
/* Style for legend text */
.legend-text {
    display: inline-block;
}
/* Pie charts**/

/** TL / PM ***/
.myteam {
    padding: 4px;
    border: 1px solid #80808057;
    background: #ffffff9e;
    box-shadow: 2px 2px 2px 2px #7777772e;
    align-items: center;
    min-height: 266px;
    height: auto;
}
.myteam-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    /* Adjust as needed */
}

/** TL / PM ***/
/**View Teams**/
.p-6 {
    padding: 4px;
}
.styled-header {
    background-color: #000; /* Header background color */
    color: #fff; /* Header text color */
    padding: 10px; /* Padding inside header cells */
    border: 1px solid #ddd; /* Border for header cells */
    text-align: center; /* Center-align text in header cells */
}
/**View Teams**/

/***Loader ***/
#loader,
#loader-recurring {
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100%;
}
.loaderInner {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(255 253 253 / 65%);
}
.loaderInner img {
    width: 120px;
}
/***Loader ***/

/***Manage Permission ***/
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-40 {
    margin-top: 40px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-60 {
    margin-top: 60px;
}

.margin-left-4 {
    margin-left: 4px;
}
.margin-left-6 {
    margin-left: 6px;
}
.margin-left-8 {
    margin-left: 8px;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-left-12 {
    margin-left: 12px;
}
.margin-left-14 {
    margin-left: 14px;
}
.margin-left-16 {
    margin-left: 16px;
}
.margin-left-20 {
    margin-left: 20px;
}
.margin-left-25 {
    margin-left: 25px;
}
.margin-left-30 {
    margin-left: 30px;
}
.margin-left-35 {
    margin-left: 35px;
}
.margin-left-40 {
    margin-left: 40px;
}
.margin-left-60 {
    margin-left: 60px;
}

.margin-left-64 {
    margin-left: 64px;
}
/*****Global Module Permission***/
.showlist {
    padding: 34px;
}
.showlist .parent-module h4 {
    transform: translate(28px, -26px) !important;
    position: absolute;
}
.showlist ul {
    list-style-type: none;
    padding-left: 0;
}
.showlist .parent-module {
    background-color: #f8f8f8ad;
    padding: 20px;
    font-size: 1.2em;
    box-shadow: 1px 1px 1px 1px #80808040;
    width: 80%;
    max-width: 100%;
}
.showlist ul ul {
    width: 100%;
    max-width: 100%;
    background: #fff;
    list-style-type: none;
    margin-left: 45px;
    margin-top: 15px;
    font-size: 1.1em;
    border: 1px solid #80808052;
    box-shadow: 1px 1px 1px 1px #80808038;
}
.showlist ul ul > li {
    margin-left: 15px !important;
}
.showlist li {
    margin: 5px 0;
    padding: 5px;
}
.showlist .child-module {
    display: inline-flex;
    align-items: center;
    margin: 5px 0;
    padding: 10px;
    font-size: inherit;
    vertical-align: middle;
}
.showlist .icheckbox {
    background-color: unset !important;
}
.showlist input[type="checkbox"] {
    position: relative !important;
    opacity: 1 !important;
    left: 0% !important;
    top: 0px !important;
    margin-right: 10px;

    /* Make checkboxes visible */
    display: inline-block;
    width: 16px !important; /* Adjust width if necessary */
    height: 16px !important; /* Adjust height if necessary */
}
/*****Global Module Permission***/

/* Style for checked checkboxes */
.icheckbox_square-blue:active {
    background-color: transparent !important; /* Set background color to transparent */
}
.alldashboard {
    padding: 30px;
}
.alldashboard label {
    font-weight: 600;
    color: grey;
    margin-left: 30px;
}
/***Manage Permission ***/

/*****Director Dashboard***/
.department-stats {
    margin-top: 50px;
}

table.director {
    background: #8080803d;
    border: 1px solid #44444469;
}
table.director thead {
    font-size: 0.9em;
}
table.director thead a {
    font-size: 0.8em;
}
table.director > thead > tr > th {
    padding: 4px 8px;
}
table.director tbody tr td {
    padding: 2px 2px;
    font-size: 14px;
}
table.director h2 {
    font-size: 20px;
    margin-top: 2px;
    margin-bottom: 2px;
}
table.director tbody td:not(:last-child) {
    border-right: 1px dashed #808080cf;
}
.default_days {
    position: absolute;
    right: 0;
    transform: translate(-96px, -18px);
}
.default_days p {
    font-size: 0.8em;
}
.tooltip-container,
.tooltip-containerpm {
    z-index: 2000;
    position: relative;
    display: inline-block;
    cursor: pointer; /* Change cursor to pointer */
}
.tooltip-content,
.tooltip-content-pm {
    display: none; /* Hide by default */
    width: max-content;
    background-color: #005fb3;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 5px); /* Position below the container */
    left: 50%;
    transform: translateX(-50%);
}
.showtooltip:hover + .tooltip-container .tooltip-content,
.tooltip-container:hover .tooltip-content,
.showtooltippm:hover + .tooltip-containerpm .tooltip-content-pm,
.tooltip-containerpm:hover .tooltip-content-pm {
    display: block; /* Show on hover */
}
/*****Director Dashboard***/
.sidebar-mini.sidebar-collapse .main-sidebar .dropdown-container span {
    display: none !important;
}
.sidebar-mini.sidebar-collapse .main-sidebar li:hover span {
    display: inline-block !important;
    background-color: #262626;
    padding: 6px 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    min-width: 180px !important;
}
/***Manage Roles********/
.dashboard-roles {
    font-size: 1.1em;
}
.dashboard-roles span {
    margin-left: 6px;
    font-weight: 400;
}
.dashboardalloted {
    color: #444;
    background: #4444440a;
}
/***Track Time***/
#calendarDays {
    display: flex;
    width: 1280px;
}
.day-cell {
    border: 1px solid #cecece;
    text-align: center;
    position: relative;
    width: 45px;
    height: 80px;
    margin-right: -1px;
    cursor: pointer;
}
.snapWeekDay {
    width: 100%;
    text-align: center;
    color: #a5a5a5;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 4px;
}
.snapWeekDate {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    padding-top: 8px;
}
.day-cell a.holiday {
    color: white;
    background-color: #a700bd;
}
.day-cell a.present {
    background-color: #c0fcb8;
}
.day-cell a.absent {
    color: white;
    background-color: #fc3838;
}
.day-cell a.leave {
    color: white;
    background-color: #fca138;
}
.day-cell .hrs-progress {
    height: 12px;
    background: #f8f8f8;
    border-top: 1px solid #cecece;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.day-cell .hrs-progress span {
    background: #22b261;
    display: block;
    height: 100%;
}
.is_weekend {
    background: #f8f8f8;
}
.ssWrapper {
    position: relative;
    padding: 0px;
    height: 90px;
    width: 130px;
    border: 1px solid #c1c1c1;
}
.ssWrapper img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.thumbnail_active {
    height: 92px;
    object-fit: fill;
}
.trakActivityRow {
    width: 130px;
    height: 6px;
    background: #e9e9e9;
    margin-top: 7px;
}
.trakActivityRow span {
    height: 100%;
    display: block;
    background: #22b261;
}
#timeView .table > tbody > tr > td {
    border-top: 0;
    border-bottom: 2px solid #e2dede;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 50px;
}
.thumbnail_active:hover {
    opacity: 0.6;
}
.activeMeter {
    margin: 8px 0;
}
.activeMeter .cell {
    width: 10%;
    float: left;
    height: 16px;
    border: 1px solid #ccc;
    background-color: #eaeaea96;
}
.activeMeter .cell.active {
    background-color: green;
}
.ssActions {
    position: absolute;
    top: 4px;
    right: 4px;
}
.iconBtn {
    background: url("../images/info-icon.png") no-repeat;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}
#general-information table tr td:first-child {
    padding: 0;
    font-weight: 600;
}
#general-information table td {
    padding-left: 20px;
}
#general-information table tr td {
    padding-bottom: 15px !important;
}
#activity-history {
    overflow-x: auto;
}
#activity-history table {
    border-radius: 8px;
}
#activity-history table td,
#activity-history table th {
    padding: 6px;
    border: 1px solid #e0e0e0;
}
#activity-history table tr td:last-child,
#activity-history table tr th:last-child {
    width: 100%;
}
#activity-history table tr td:first-child,
#activity-history table tr th:first-child {
    white-space: nowrap;
}
.user-stats {
    display: flex;
    flex-wrap: wrap;
}
.stats-card {
    background-color: white;
    padding: 8px 12px;
    border-radius: 8px;
    margin: 0px 8px 8px 0;
}
.stats-card .top {
    display: flex;
    align-items: end;
    color: #3c8dbc;
}
.stats-card .top h3 {
    margin: 0;
}
.activity-status {
    color: white;
    padding: 2px 8px !important;
    font-size: 12px;
}
.activity-status.active {
    background-color: #3c8dbc !important;
}
.activity-status.idle {
    background-color: gray !important;
}

.label-project.user {
    transform: translate(-5px, 6px);
    width: 60px;
    max-width: 100px;
}
.label-project {
    background-color: #bbbbbb;
    vertical-align: top;
    font-size: 1em;
    line-height: 1em;
    height: 20px;
    transform: translate(0px, 6px);
}
.label-project.tasks {
    transform: translate(-5px, 6px);
    width: 60px;
    max-width: 100px;
}
.label-date-arrow {
    display: inline-block;
    background-color: #aaaaaa36 !important;
    height: 15px;
    vertical-align: top !important;
    /* margin-top: 10px !important; */
    transform: translate(0px, 10px);
    font-size: 12px;
    padding: 2px 4px;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.label-date-arrow a {
    text-decoration: none !important;
    color: #26aef2 !important;
}
.task-marker-segment {
    height: 18px;
    min-height: 18px;
    margin: 0;
    margin-top: 1px;
    margin-bottom: 1px;
    border-radius: 0px 8px 8px 0px;
}
.task-marker-text.xsmall.tip b {
    font-size: 0.83em;
    color: #fff;
}
/***Track Time***/

/***Manage Roles********/
.timeViewRow {
    padding-top: 35px;
}
#timeView {
    width: 100%;
}
#timeView .table {
    border: 0 !important;
}
#timeView .table > thead > tr > th,
#timeView .table > tbody > tr > td {
    border-right: 0px solid #ededed !important;
}
#timeView .table > thead > tr > th {
    background: #f8f8f8 !important;
    height: 45px;
    padding-left: 50px;
}

#timeView td:first-child,
#timeView th:first-child {
    width: 85px !important;
    padding-left: 10px !important;
}
#timeView td:first-child,
#timeView .table > thead > tr > th {
    font-size: 15px;
    font-weight: 800;
    color: #000;
}
#timeView td,
#timeView th {
    vertical-align: middle;
}
.comment-text {
    display: inline;
}
.more-text {
    display: none;
}
.view-more {
    cursor: pointer;
    /* color: #FF0000!important; */
    font-weight: 500;
    text-decoration: underline;
}
.view-more:hover {
    text-decoration: none;
    color: #005fb3 !important;
}
.view-more:active,
.view-more:focus,
.view-more:hover {
    text-decoration: none;
    color: #005fb3 !important;
}
.tbl-cls-border {
    font-family: sans-serif;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}
.th-style {
    border: 1px dotted black;
}
.td-style {
    border: 1px dotted black;
}
.tbl-cls-border thead {
    background-color: darkblue;
    color: white;
}
.tbl-cls-border th {
    padding: 6px;
}
.tbl-cls-border td {
    padding: 6px;
}
.content-subheader {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 0px;
    padding-left: 10px;
    padding-bottom: 10px;
    justify-content: space-between;
}
.xlarge {
    font-size: 16px;
}
.xxsmall {
    font-size: 9px;
}
.tomato {
    background-color: tomato !important;
}
.red {
    background-color: red !important;
}
.rosybrown {
    background-color: brown !important;
}
.status {
    display: none !important;
}
body,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
textarea,
input {
    font-family: "Poppins", sans-serif;
    color: #000;
}
* {
    box-sizing: border-box;
}
img {
    max-width: 100%;
    height: auto;
}
*:focus-visible {
    outline: none;
}
form {
    width: 100%;
}
.cDiv {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.p-0 {
    padding: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.m-0 {
    margin: 0 !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.w-100 {
    width: 100% !important;
}
.tdTextCenter {
    text-align: center !important;
}
.main-footer {
    visibility: hidden;
    padding: 0;
    height: 0;
    display: none;
}
.noSideBar .content-wrapper {
    max-height: calc(100% - 90px);
    min-height: auto !important;
}
.noSideBar .wrapper {
    height: 100vh !important;
}
.noSideBar .main-sidebar,
.noSideBar .sidebar-toggle.mainToggleBtn,
.noSideBar .mobilehamburger {
    display: none !important;
}

.skin-blue .wrapper {
    background-color: transparent;
}
.btn {
    padding: 8px 18px;
    border-radius: 3px;
    cursor: pointer;
}
.btn.btn-dark {
    background: #343434;
    color: #ffffff;
}
.btn.btn-dark:hover {
    border: 1px solid #343434;
    color: #343434;
    background: transparent;
}
.siteMainContainer {
    width: auto;
    padding: 0px;
    margin: auto;
    position: relative;
    padding-right: 14px;
}
.main-header {
    background: #ffffff;
    z-index: 35;
}
.main-header:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    content: "";
    background: #cbd6e2;
    right: 0;
    height: 1px;
}
.sidebar-collapse .main-header:before {
    width: calc(100% - 69px);
}
/* box-shadow: 0px 23px 36px #00000029; */
.skin-blue .main-header .navbar {
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
/*.sidebar-mini.sidebar-collapse .main-header .navbar,*/
.skin-blue .main-header .navbar,
.content-wrapper {
    margin-left: 235px;
}
body.sidebar-mini.sidebar-collapse .main-header .navbar,
body.sidebar-mini.sidebar-collapse .content-wrapper {
    margin-left: 100px !important;
}
.content-wrapper {
    margin-left: 265px;
}
.siteLogo {
    width: 110px;
    float: left;
}
.main-header .sidebar-toggle:before {
    display: none;
}
.main-header .mainToggleBtn {
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    display: flex;
    padding: 0px;
    justify-content: center;
    align-items: center;
}
.sidebar-mini.sidebar-collapse .main-sidebar,
.main-header .mainToggleBtn {
    width: 70px !important;
}
.main-header .mainToggleBtn,
.main-sidebar {
    width: 235px;
}
.sidebar-mini.sidebar-collapse .main-header .mainToggleBtn {
    width: auto;
    background: #005fb3;
}
.sidebar-mini.sidebar-collapse .main-header .mainToggleBtn svg line {
    stroke: #fff;
}
.main-header .mainToggleBtn,
.skin-blue .main-header .navbar {
    height: 55px;
}
.navbar-custom-menu > .navbar-nav > li.user-menu a.dropdown-toggle {
    padding: 0 25px 0 47px;
    background: transparent !important;
    line-height: 38px;
}
.navbar-custom-menu > .navbar-nav > li.user-menu a.dropdown-toggle:after {
    content: "";
    width: 12px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -4px;
    border: 5px solid transparent;
    border-top: 8px solid #005cad;
}
.navbar-custom-menu > .navbar-nav > li.user-menu.open a.dropdown-toggle:after {
    transform: rotate(-182deg);
    margin-top: 0;
    top: 18%;
}
.navbar-nav > .user-menu .user-image {
    width: 38px;
    height: 38px;
    color: #33475b;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0px;
    object-fit: cover;
    letter-spacing: 1px;
    font-size: 12px;
}
.skin-blue .main-header .navbar .nav > li > a {
    color: #000000;
}
.userNameHeader,
.userEmailHeader,
.userDesignationHeader {
    width: 100%;
}
.userNameHeader {
    color: #000;
    font-weight: 600;
}
.userEmailHeader {
    color: #8d8d8d;
    font-size: 13px;
}
.userDesignationHeader {
    color: #ff0000;
    font-weight: 600;
    display: none;
}
.navbar-custom-menu > .navbar-nav > li.user-menu.open > .dropdown-menu {
    top: 46px;
    right: -1px;
    background: #fff;
    border: 1px solid #cbd6e2;
    border-top: 0;
}
.userNameHeader,
.userDesignationHeader {
    font-size: 14px;
}
.box {
    background: transparent;
}
.content-wrapper {
    background-color: #fff;
}
.container {
    width: 100% !important;
}
.dashbordTeamHeadingWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 45px;
    padding-bottom: 15px;
}
.dashbordBoxHeading,
.dashbordInfoLabel {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
}
.dashbordBoxHeading {
    padding-bottom: 15px;
}
.dashbordTeamHeadingWrap .dashbordBoxHeading {
    padding: 0px;
}
.dashbordTeamHeadingWrap .btn {
    margin-top: -12px;
}

.dashbordInfoBox {
    background: #f6f6f6;
    height: 110px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 11px;
    flex-direction: column;
    font-size: 14px;
    margin-bottom: 16px;
    transition: all 0.5s ease-in-out;
}
.dashbordInfoBox span {
    font-weight: normal;
    font-size: 35px;
    text-align: center;
    color: #000000;
    width: 100%;
}
.dashbordInfoDetail,
.dashbordInfoLabel {
    width: 100%;
    text-align: center;
}
.dashbordInfoDetail {
    font-size: 35px;
    font-weight: normal;
    line-height: normal;
}
.dashbordInfoLabel {
    color: #8e8e8e;
    padding-top: 10px;
}
.dbBiometricCol .dashbordInfoBox,
.dbWorkFromOffice .dashbordInfoBox {
    background: #c1ffe2;
}
.dbNmgSnapsCol .dashbordInfoBox,
.dbTotalMembers .dashbordInfoBox {
    background: #ffeed2;
}
.dbWorkFromHome .dashbordInfoBox {
    background: #fbffe3;
}
.dbTdhCol .dashbordInfoBox,
.dbAbsent .dashbordInfoBox {
    background: #ffdfdb;
}
.dbActivityDataCol .dashbordInfoBox {
    background: #e3eeff;
}
.dbBlackCol .dashbordInfoBox {
    background: #000;
}
.dbBiometricCol .dashbordInfoLabel,
.dbWorkFromOffice .dashbordInfoLabel {
    color: #25704d;
}
.dbNmgSnapsCol .dashbordInfoLabel,
.dbTotalMembers .dashbordInfoLabel {
    color: #a27c3f;
}
.dbTdhCol .dashbordInfoLabel,
.dbAbsent .dashbordInfoLabel {
    color: #814c46;
}
.dbWorkFromHome .dashbordInfoLabel {
    color: #859438;
}

.dbActivityDataCol .dashbordInfoLabel {
    color: #5c7294;
}
.dbBlackCol .dashbordInfoLabel,
.dbBlackCol .dashbordInfoDetail {
    color: #fff;
}
.breadcrumbRow,
.pageMainHeading {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0;
}
.breadcrumbRow {
    padding-top: 30px;
    display: none;
}
.breadcrumbRow,
.breadcrumbRow a {
    color: #aaaaaa;
    font-size: 13px;
}
.breadcrumbRow a {
    margin-right: 4px;
}
.breadcrumbRow .breadcrumbCurrentPage:last-child {
    font-weight: 600;
    color: #005fb3;
    text-decoration: underline;
}
.breadcrumbCurrentPage {
    margin-left: 4px;
}
.pageMainHeading {
    font-size: 24px;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 20px;
    line-height: 1.4;
    text-transform: capitalize;
}
.pageMainHeading span {
    font-weight: normal;
    padding-left: 5px;
}
.row.dbInformationRow {
    padding-top: 40px;
}
.dbInformationRow .row {
    margin-right: -8px;
    margin-left: -8px;
}
.dbInformationRow .dbDataCol {
    padding-left: 8px;
    padding-right: 8px;
}
.chartContainer {
    padding: 18px 23px 20px 23px;
    margin-bottom: 50px;
    border-radius: 11px;
    background: #f6f6f6;
    width: 100%;
    height: 320px;
    display: flex;
    flex-wrap: wrap;
}
ul.chartLegendWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0 20px 0;
    padding: 0px;
    justify-content: flex-end;
}
ul.chartLegendWrapper li {
    width: auto;
    list-style: none;
    position: relative;
    padding-left: 14px;
    margin-left: 12px;
    font-size: 11px;
    color: #9f9f9f;
    text-transform: uppercase;
}
ul.chartLegendWrapper li span {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 2px;
    left: 0px;
}
#chartTaskCreated svg g line,
#chartTeamTasks svg g line,
#chartCriticalTasks svg g line {
    stroke-dasharray: 5, 5;
}
.dbChart svg rect {
    fill: transparent;
}
.dbChart {
    width: 100%;
    height: calc(100% - 20px);
}
.chartContainer.chartContainer2Col {
    justify-content: space-between;
}
.chartContainer.chartContainer2Col .dbChart {
    width: calc(100% - 175px);
}
.chartContainer.chartContainer2Col ul.chartLegendWrapper {
    width: 175px;
    justify-content: center;
    flex-direction: column;
}
.chartContainer.chartContainer2Col ul.chartLegendWrapper li {
    margin: 4px 0;
}
.tableDetailWrapper,
.tableDetailRow,
.tdTopRow,
.tableDetailHeadingWrapper,
.tdCommentingArea,
.tdCommentingHeading,
.tdCommentingRowWrapper,
.tdCommentingRow,
.tdCommentingDescriptionRow,
.tdCommentingName,
.tdCommentingInformation {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.tableDetailSection {
    padding-top: 0px;
}
.tableDetailWrapper {
    margin-top: 20px;
    height: calc(100vh - 256px);
}
.tableDetailRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 15px;
    color: #606060;
    line-height: 20px;
    border-bottom: 2px solid #e7e7e7;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.tableDetailLabel {
    width: 150px;
    font-weight: 500;
}
.tableDetailValue {
    width: calc(100% - 150px);
    padding-left: 15px;
}
.tableDetailRow.tdrDescription {
    border-bottom: none;
}
.tdrDescription .tableDetailLabel,
.tdrDescription .tableDetailValue {
    width: 100%;
}
.tdrDescription .tableDetailValue {
    padding-left: 0px;
    padding-top: 12px;
}
.tdrDescription .tableDetailLabel {
    font-size: 16px;
    color: #313131;
    font-weight: bold;
}
.tdTopRow,
.tableDetailHeadingWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tableDetailHeadingWrapper {
    align-items: center;
    position: relative;
}
.tdTopRow {
    padding-top: 25px;
    padding-bottom: 10px;
}
.tdPriorityWrap {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color: #606060;
    text-transform: uppercase;
}
.tdPriorityWrap span {
    width: 11px;
    height: 11px;
    border-radius: 100%;
    position: absolute;
    top: 3px;
    left: 0px;
}
.tdActionWrap a {
    font-size: 14px;
    color: #313131;
    text-transform: uppercase;
    text-decoration: underline;
}
.tdActionWrap a:hover {
    text-decoration: none;
}
.tdActionWrap a.tdAcceptBtn {
    padding: 6px 10px 4px;
    line-height: normal;
    margin-right: 15px;
    text-decoration: none;
    color: #fff;
    background: #00a65a;
    border-radius: 6px;
}
.tableDetailHeadingWrapper .pageMainHeading {
    width: auto;
}
.tdCommentingArea {
    background: #f5f5f5;
    border-radius: 13px;
    padding: 25px;
    height: calc(100vh - 285px);
}
.tdCommentingHeading {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 20px;
    line-height: 1.3;
}

.tdCommentingRow,
.mainFormArea,
.emailFormArea {
    border: 0px solid #d9d9d9;
    border-radius: 12px;
    background: transparent;
    position: relative;
    padding: 0px;
    margin-bottom: 30px;
}
.tdCommentingImg {
    width: 35px;
    height: 35px;
    background: #3fccab;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%;
    font-size: 13px;
    color: #000;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tdCommentingName {
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
.tdCommentingInformation {
    font-size: 13px;
    color: #959595;
    padding-top: 3px;
}
.tdCommentingDescriptionRow {
    font-size: 14px;
    color: #606060;
    padding-top: 0px;
}
.tdCommentingDescriptionRow p:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.tdCommentingRow.abtPersonInfo {
    border: 0;
    padding: 0px 0 0 60px;
    margin-bottom: 0px;
    background: transparent;
}
.tdCommentingRow.abtPersonInfo .tdCommentingImg {
    left: 0;
    top: -2px;
}
.tdCommentingRow.abtPersonInfo .tdCommentingName {
    font-size: 16px;
    font-weight: 600;
}
.tdCommentingRow.abtPersonInfo .tdCommentingInformation {
    font-size: 15px;
    padding-top: 0px;
}
.tdCommentingImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.chatFormArea {
    width: 100%; /*height: 90px;*/
    min-height: 150px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    position: relative;
    padding: 0 15px 0 15px;
    margin: 0px 0 10px;
}
.chatFormArea form {
    width: 100%;
    height: 100%;
}
/* .taskChatInput{width: 100%; height:99px; background: transparent; font-size: 14px; color: #606060; border: 0; padding: 10px 0; resize:none} */
.chatFormBtnArea {
    position: absolute;
    bottom: 13px;
    right: 0px;
    padding-right: 15px;
    display: flex;
}
.taskChatBtn {
    width: 108px;
    height: 100%;
    caret-color: transparent;
    color: #3fccab;
    border: 0px solid #f00; /* background: url("../images/enter-icon.png") center no-repeat; */
    background-color: transparent;
}

/* .taskChatBtn.taskChatBtnActive{background: url("../images/enter-icon-active.png") center no-repeat;} */
.attactChatImg {
    cursor: pointer;
    margin: 0px 10px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px solid #f00;
}
.close-icon {
    position: absolute;
    top: -5px;
    right: -5px;
    text-align: center;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: #f00;
    border-radius: 100%;
    color: #fff;
    display: none;
    font-size: 11px;
}
.thumbnail-container {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 40px;
    margin: 0;
    bottom: 30px;
    right: 25px;
    padding: 3px;
    background: #c4c4c4;
    border-radius: 2px;
}
#thumbnail {
    display: none;
}
.thumbnail-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.attachment-container {
    display: inline-block;
    width: 50px;
    height: 40px;
    margin: 0;
    top: 28px;
    left: 0;
    padding: 1px;
    background: #c4c4c4;
    border-radius: 2px;
}
.attachment-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tdCommentingRowWrapper {
    height: calc(100% - 235px);
}
.mainFormArea {
    padding: 0 0 0 115px;
    min-height: 120px;
    margin-top: 20px;
}
.efCol {
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.efCol label {
    font-weight: normal;
    margin: 0 0 0 10px;
}
.efCol input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0px;
}

/* Start For mCustomScrollbar */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #707070 !important;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #333333 !important;
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #333333 !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #cfcfcf !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
}
/* End For mCustomScrollbar */

.skin-blue.noSideBar .main-header .navbar,
.noSideBar .content-wrapper,
.noSideBar .main-footer {
    margin-left: 0px;
}
.htFormWrapper {
    width: 100%;
    max-width: 770px;
    margin: auto;
    padding-bottom: 75px;
    position: relative;
    z-index: 5;
}
.formWrapperFluid {
    max-width: 100% !important;
}
.htFormRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.htFormCol {
    width: 100%;
    margin-bottom: 12px;
    position: relative;
}
.htFormRow.htCol2 .htFormCol {
    width: calc(50% - 10px);
}
.htFormRow .htFormCol.htFullRow {
    width: 100%;
}
.htFormRow.htCol6 .htFormCol {
    width: calc(16% - 9px);
}

.htFormRow .htFormCol-3 {
    width: calc(25% - 10px);
}
.htFormRow .htFormCol-6 {
    width: calc(50% - 10px);
}
.justifyContentEnd {
    justify-content: flex-end !important;
}
.justifyContentSpaceBetween {
    justify-content: space-between !important;
}
.justifyContentCenter {
    justify-content: center !important;
}

.uploadImgWrapper {
    position: relative;
    width: 100%;
}
.ucbHeading {
    width: 100%;
    font-size: 15px;
    color: #606060;
    padding-bottom: 10px;
    font-weight: 500;
    padding-top: 8px;
}
.uploadImgWrapper label {
    display: block;
    overflow: hidden;
    position: relative;
}
.uploadImgWrapper .file-btn-area {
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px 0px 0 0;
    height: 102px;
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
}
.uploadImgWrapper .file-btn {
    background: transparent;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;
    position: absolute;
    bottom: 52px;
    left: 0;
    color: #606060;
}
.uploadImgWrapper .file-btn span {
    color: #000;
    padding-right: 5px;
    text-decoration: underline;
}
.uploadImgWrapper .file-value {
    width: 100%;
    margin: 0px;
    padding: 0px 0 0 0px;
    background: transparent;
    color: transparent;
    height: auto;
    line-height: 33px;
    cursor: pointer;
    overflow-wrap: break-word;
    border: 0;
}
.uploadImgWrapper .info-file {
    height: 100%;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    z-index: 2;
    border: 0px solid;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.uploadImgWrapper .file-value:empty:before {
    background: url("../images/upload-icon.png") no-repeat;
    width: 32px;
    height: 32px;
    content: "";
    position: absolute;
    left: 123px;
    margin-left: 0;
    top: 35px;
}
.uploadImgWrapper .show-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.uploadImgWrapper .show-img img {
    max-height: 100%;
}
.uploadImgWrapper #blah[src=""] {
    display: none;
}
.uploadImgWrapper .file-value:not(:empty) + .file-btn,
.uploadImgWrapper .file-value:not(:empty) + .file-btn span {
    color: transparent !important;
}
.uploadImgWrapper .file-value:not(:empty) + .file-btn {
    bottom: inherit;
    top: 0;
    height: 100%;
}
.uploadImgWrapper .file-value:empty + .file-btn .show-img {
    display: none;
}
.imgNote {
    font-size: 13px;
    color: #a2a2a2;
    line-height: 23px;
    width: 100%;
    padding-top: 5px;
}
.uploadImgWrapper .file-display {
    position: absolute;
    top: 0;
    right: 0;
}
.uploadImgWrapper .file-display .file-link {
    display: none;
}
.remove-file-link {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: normal;
    background: #ccc;
    color: #000;
}

.htFormWrapper .pageMainHeading {
    margin-bottom: 35px;
}

.formControl:focus-visible {
    outline: none;
}
.htFormCol .textareaCharacterCounter {
    position: absolute;
    right: 13px;
    bottom: 10px;
    font-size: 11px;
    color: #606060;
    background: #fff;
    padding: 4px;
}
.htFormBtnRow {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    flex-direction: row-reverse;
}
.btnArrow {
    background: url("../images/right-white-arrow.png") no-repeat;
    width: 6px;
    height: 11px;
    display: inline-block;
    margin-left: 10px;
}
.htCancel {
    margin-left: 20px;
    text-decoration: underline;
}
.htCancel:hover {
    text-decoration: none;
}
.htFormBtnRow .htCancel {
    margin-left: 0px;
    margin-right: 10px;
}
.pageGoBackWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.pageGoBackWrapper .breadcrumbRow {
    width: auto;
}
.pageGoBack {
    color: #aaaaaa;
    margin-top: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.pageGoBack svg {
    width: 30px;
    height: 20px;
}
.pageGoBack svg path {
    fill: #aaaaaa;
}

.select2-search__field::placeholder,
.formControl::placeholder {
    color: #606060;
    opacity: 1;
}
.select2-search__field::-ms-input-placeholder,
.select2-search__field::-ms-input-placeholder {
    color: #606060;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 12px;
}

/* Start For Select2*/
.formControl,
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    width: 100%;
    height: 42px;
    background: #ffffff;
    border: 1px solid #dadce0;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 14px;
    color: #606060;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    height: 100%;
    display: flex;
    margin-top: 0px;
    align-items: center;
    color: #606060;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 100%;
    right: 10px;
    top: 0;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    margin-top: -3px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__placeholder {
    color: #606060;
}
#jira_project
    + .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    width: calc(100% - 30px);
}
/* End For Select2*/
#textarea.formControl,
#task_desc.formControl,
.formControlTextArea,
textarea.formControl {
    height: 115px;
    resize: none;
    padding-top: 10px;
}
.tableDetailHeadingWrapper {
    margin-top: 10px;
    margin-bottom: 15px;
}
.tableDetailHeadingWrapper .pageMainHeading {
    padding-top: 0px;
    padding-bottom: 0;
}
.tableDetailHeadingWrapper .pageGoBack {
    margin-top: 0px;
}

/* Start For Page Filter*/
.pageFilterArea,
.pageFilteRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
}
.pageFilteRow {
    flex-wrap: inherit;
}
.pageFilteRow.form-wrap {
    flex-wrap: wrap;
}
.pageFilterArea {
    width: calc(100% + 12px);
    margin-left: -6px;
    margin-bottom: 15px;
}
.pageFilteRow.pageFilteTopRow {
    position: relative;
    margin-top: 0px;
}
.pageFilteRow {
    padding-right: 0;
    position: relative;
}
.pageFilteCol {
    width: 25%;
    padding: 0 6px;
    margin-bottom: 10px;
}
.pageFilteCol
    .select2-container
    .select2-selection--multiple
    .select2-selection__rendered {
    overflow-x: scroll;
    text-overflow: inherit;
    scrollbar-width: thin;
    scrollbar-color: #d2d2d2 transparent;
    height: 100%;
    margin: 0px;
    padding: 0px 15px;
    display: flex;
}
.pageFilteCol
    .select2-container--default
    .select2-search--inline
    .select2-search__field {
    height: 100%;
    float: none;
    margin: 0px;
    width: 100% !important; /*caret-color: transparent;*/
}
.pageFilteCol .select2-container--default .select2-selection--single,
.pageFilteCol .select2-selection .select2-selection--single,
.pageFilteCol .select2-container--default .select2-selection--multiple {
    padding: 0 0px;
    height: 42px;
}
.pageFilteCol .formControl {
    padding: 0 10px;
    height: 42px;
}
.pageFilteCol
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: transparent;
    padding: 15px 0 0 0px;
    margin-right: 20px;
    color: #888888;
    font-size: 13px;
    border: 0; /*float: none;*/
    display: inline;
    position: relative;
    margin-top: 0px;
}
.pageFilteCol
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    color: #000 !important;
    position: absolute;
    left: -10px;
}
/*.pageFilteCol .select2-container .select2-search--inline {float: none; position: absolute; top: 0; height: 100%; padding: 0px; width: 100%} */
.pageFilteCol .select2-container .select2-search--inline {
    /*float: none; position: absolute;*/
    top: 0;
    height: 100%;
    padding: 0px 0 0 0px;
    margin-top: 0px;
    width: auto;
}
.pageFilteCol .select2-search__field::placeholder,
.pageFilteCol .formControl::placeholder {
    color: #888888;
    opacity: 1;
    opacity: 0.4;
}
.pageFilteCol .select2-search__field::-ms-input-placeholder,
.pageFilteCol .select2-search__field::-ms-input-placeholder {
    color: #888888;
    opacity: 0.4;
}
/* .filterFormBtn{position: absolute; top:0; right: 0px; display: flex; flex-wrap: wrap;} */
.filterFormBtn {
    display: flex;
    flex-wrap: wrap;
}
.filterIconBtn {
    width: 42px;
    height: 42px;
    background: #fff;
    border: 1px solid #dadce0;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
}
.filterIconBtn:hover {
    background: #005cad;
    color: #fff;
}
.filterIconBtn path {
    fill: #a9a2a2;
}
.filterIconBtn:hover svg path {
    fill: #fff;
}

/*.extraFilterRow{display: none;     transition: all 0.5s ease-in-out;}*/
.openExtraFilterRow {
    display: flex;
}
.pageFilteCol
    .select2-container--default
    .select2-search--inline
    .select2-search__field,
.pageFilteCol .formControl,
.pageFilteCol
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 14px;
    color: #888888;
}
.pageFilteCol
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding-left: 10px;
}
.pageFilteCol
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    right: 5px;
}

/* .pageFilteRow.pageFilteStartEnd{justify-content: flex-end; margin-top: 0px; padding-right: 0px;} */
.pageFilteRow.pageFilteStartEnd .filterFormBtn,
.pageFilteSpaceBetween .filterFormBtn {
    position: inherit;
}
.pageFilteRow.pageFilteStartEnd .pageFilteCol {
    width: 20%;
}
.pageFilteRow.pageFilteSpaceBetween {
    justify-content: space-between;
    margin-top: 0px;
    padding-right: 0px;
}
.filterSbRight {
    width: 300px;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
.filterSbRight .pageFilteCol {
    width: calc(100% - 52px);
}
.filterSbLeft {
    width: calc(100% - 300px);
    flex-wrap: wrap;
    display: flex;
}

.calendarInput {
    background-image: url("../images/calendar-icon.png");
    background-repeat: no-repeat;
    background-position: top 9px right 8px;
}
.dbFilterArea {
    margin-bottom: 0px;
}
.pageFilterArea form {
    margin-bottom: 0px;
}
.filterIconBtn.filterBtn {
    display: none;
}
.pageFilterArea
    .pageFilteCol
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    padding-top: 10px;
}
/* End For Page Filter*/

.employeeAssignTask .select2-container--default .select2-selection--single,
.givenHrs .formControl {
    height: 33px;
    padding: 0 5px;
    border-radius: 3px;
}
.employeeAssignTask
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 13px;
}
.employeeAssignTask
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    right: 0px;
    width: 15px;
}
.AssignEmployeeDepartment {
    padding-top: 5px;
    font-size: 12px;
    line-height: 1.3;
    color: #747474;
}
.table > tbody > tr > td a {
    text-decoration: none !important;
    cursor: pointer;
}
.table > tbody > tr > td a:hover {
    text-decoration: underline;
}
.table > tbody > tr > td.tdDescription a {
    color: #ff3e3e;
}
.table > tbody > tr > td.tdDescription a.hyperlink {
    color: #3c8dbc;
}
/* .table>tbody>tr>td .view-more{display: block; color: #f00; cursor: pointer; text-decoration: underline; padding-top: 5px; text-align: right} */
.table > tbody > tr > td .view-more {
    /* display: block; */
    color: #000 !important;
    cursor: pointer;
    text-decoration: underline;
    padding-top: 5px;
    text-align: right;
    word-wrap: break-word;
    word-break: break-word;
}
.table > tbody > tr > td .view-more:hover {
    text-decoration: none;
}
.givenHrs .formControl {
    font-size: 13px;
    width: 40px;
    text-align: center;
}

.btnTaskStatus {
    background: transparent;
    border: 0;
    position: relative;
    padding-left: 17px;
    color: #5d5d5d;
    white-space: nowrap;
    cursor: default;
}
.btnTaskStatus span {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    position: absolute;
    top: 3px;
    left: 0px;
}
.btnSaveHour {
    background: transparent;
    border: 0;
    font-size: 20px;
    color: #888888;
}
.tdChatIcon {
    color: #888888;
    position: relative;
    font-size: 20px;
    margin-left: 10px;
}
.tdChatIcon .badge_count {
    border-color: #888888;
    font-size: 11px;
    color: #5d5d5d;
    width: 17px;
    height: 17px;
}

.pageTableWrapper {
    width: 100%;
    padding-bottom: 0;
}
.box-footer .select2-container--default .select2-selection--single {
    height: 40px;
}
td.tdDescription {
    max-width: 250px;
    word-wrap: break-word;
    white-space: normal;
}
.userDB .dashbordInfoBox {
    height: 110px;
    background: #e3eeff;
    text-transform: inherit;
    font-weight: normal;
    position: relative;
}
.userDB .dashbordInfoBox .dashbordInfoDetail {
    font-size: 35px;
}
.userDB .dashbordInfoBox .dashbordInfoLabel {
    letter-spacing: 0.42px;
    color: #5c7294;
    font-weight: normal;
    padding-top: 10px;
}
.row.userDBFilteRow {
    padding-bottom: 30px;
}
.userDBFilteRow .pageFilteCol {
    width: 100%;
    padding: 0px;
}
.ticketDetailsWrapper {
    width: 100%;
    position: relative;
}
.ticketDetailsIcon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
}

.ticketDetailsPopUp {
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 3px 76px #00000029;
    border: 1px solid #c1c1c1;
    position: absolute;
    z-index: 2;
    border-radius: 12px;
    margin: 0px;
    padding: 20px 15px;
}
.ticketDetailsPopUpOuter {
    position: absolute;
    width: 425px;
    top: 100%;
    left: 0;
    margin-top: 10px;
    display: none;
}
.ticketDetailsPopUp:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #fff;
    position: absolute;
    left: 20px;
    top: -10px;
    z-index: 1;
}

.ticketDetailsPopUpOuter:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 20px solid #c1c1c1;
    position: absolute;
    left: 20px;
    top: -10px;
    z-index: 1;
}

.tdPopUpTop,
.tdPopUpTopHeading,
.tdPopUpTopLabel,
.c,
.tdPopUpInfoRow,
.tdPopUpInfoName,
.tdPopUpInfoEmail {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.tdPopUpTop {
    position: relative;
    padding-right: 150px;
}
.tdPopUpTopHeading {
    font-size: 16px;
    font-weight: 600;
}
.tdPopUpTopLabel {
    font-size: 13px;
    color: #787878;
    padding-top: 5px;
}
.tdPopUpBtnRow {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 150px;
    text-align: right;
}
.tdPopUpBtn {
    cursor: default;
    height: 31px;
    background: #000;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 12px;
    color: #fff !important;
    display: inline-block;
    line-height: 33px;
    text-align: center;
}
.tdPopUpInfoWrapper {
    margin-top: 20px;
    max-height: 200px;
    padding-right: 10px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #000 transparent;
}

.tdPopUpInfoRow {
    position: relative;
    border-bottom: 1px dashed #a8a8a8;
    padding-left: 45px;
    padding-right: 60px;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.tdPopUpInfoRow:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.tdPopUpInfoImg {
    position: absolute;
    top: 3px;
    left: 0px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    background: #ff4369;
    font-size: 13px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    line-height: normal;
}
.tdPopUpInfoImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tdPopUpInfoName {
    font-size: 15px;
    font-weight: 600;
}
.tdPopUpInfoName a {
    color: #000;
}
.tdPopUpInfoEmail {
    font-size: 13px;
    padding-top: 2px;
    word-wrap: break-word;
}
.tdPopUpInfoEmail a {
    color: #888888;
}
.tdPopUpInfoName a,
.tdPopUpInfoEmail a {
    text-decoration: none;
}
.tdPopUpInfoNumber {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #000;
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tdPopUpInfoArrow {
    position: absolute;
    top: 0;
    right: 5px;
    height: 30px;
    display: flex;
    align-items: center;
}

.rowProjectManager {
    padding-bottom: 20px;
}
.adminTablePopup {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
}
.adminTablePopupHeading {
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    padding: 0 0 20px 0;
    margin: 0px;
}
.fancybox-skin {
    background: #fff;
}
.popupTable tr {
    background: #f6f6f6;
    font-size: 13px;
}
.popupTable tr:nth-child(2n) {
    background: #fff;
}
.popupTable tr th,
.popupTable tr td {
    border: 0 !important;
}
.popupTable tr th {
    border-right: 1px solid #ededed !important;
    color: #747474;
    font-weight: normal;
}
.popupTable tr td {
    padding-left: 50px !important;
}
.popupTableWrapper {
    width: 100%;
}

.fancybox-type-iframe {
    height: calc(100vh - 40px) !important;
}
.fancybox-opened .fancybox-title {
    display: none;
}

.fancybox-skin,
.fancybox-outer,
.fancybox-inner {
    height: 100% !important;
}
/* Chrome, Safari, Edge, Opera */
input.formControl::-webkit-outer-spin-button,
input.formControl::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.formControl[type="number"] {
    -moz-appearance: textfield;
}

.formDayWrapper,
.formDayHeading,
.formDayWrapper ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.formDayWrapper ul {
    display: flex;
}
.formDayWrapper ul li {
    width: 33.33%;
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.formDayWrapper ul li label {
    font-weight: normal;
    margin: 0px 0 0 0;
}
.formDayWrapper ul li input[type="checkbox"],
.formDayWrapper ul li input[type="radio"] {
    margin: 0 8px 0 0;
    width: 16px;
    height: 16px;
}
.formDayHeading {
    padding-bottom: 15px;
    font-size: 15px;
}
.htFormWrapper .htFormRow .htFormCol ul label {
    margin-left: 10px;
    margin-bottom: 0;
}

.formDayWrapper {
    margin-top: 0;
}

.recurringDetialTable {
    display: none;
    transition: all 0.5s ease-in-out;
    background: #e1e1e1;
    box-shadow: 0px 23px 36px #00000029;
}

.recurringDetialTable.open {
    display: table-row;
    background: #e1e1e1;
    box-shadow: 0px 23px 36px #00000029;
}
.recurringDetialTable > td {
    padding: 10px !important;
    background: transparent;
}
.recurringDetialTable > td .table {
    margin-bottom: 0px;
    max-height: 350px;
    overflow-y: scroll;
    display: block;
    background: transparent;
    scrollbar-width: thin;
    scrollbar-color: #333333 transparent;
    padding-left: 0px;
    padding-right: 0px;
}
.recurringDetialTable > td .table thead,
.recurringDetialTable > td .table tbody {
    width: 100%;
    display: table;
}
.recurringDetialTable > td .table th {
    background: #e3edf7 !important;
    color: #000;
}
.recurringDetialTable > td .table td .btnTaskStatus {
    text-align: left;
    white-space: normal;
}
.btnRedCross {
    background: transparent;
    border: 0;
}
.recurringDetialTable > td .table tbody {
    background: #fff;
}
.viewRecurringLink {
    text-decoration: underline;
    color: #597ff9;
    cursor: pointer;
}
.viewRecurringLink:hover {
    text-decoration: none;
}
.table-striped > tbody > tr:nth-child(even of .trRecurring) {
    background-color: #f6f6f6;
}

.emailFormArea {
    padding: 10px 10px 5px;
    margin: 20px 0 10px 0;
}
.directorInfoBox {
    width: 100%;
    background: #e3eeff;
    border-radius: 17px;
    height: 66px;
    padding: 0 20px 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    position: relative;
    cursor: pointer;
}
.directorInfoLabel {
    font-size: 16px;
    color: #5e5e5e;
    text-transform: capitalize;
    font-weight: 500;
}
.directorInfoValue {
    font-size: 26px;
}
.directorSectionHeading {
    font-weight: 600;
    font-size: 17px;
    padding-bottom: 15px;
}
.directorInfoArea {
    width: 100%;
    height: calc(100vh - 260px);
}
.directorInformationRow {
    padding-bottom: 25px;
}
.directorInformationRow:last-child {
    padding-bottom: 310px;
}

.daily_stat_data .table-scroll-btn {
    display: inline-flex;
    margin: 0;
}
.daily_stat_data .directorSectionHeading {
    display: inline-flex;
    margin: 0 0 20px;
    padding: 0;
    width: auto;
    width: calc(100% - 55px);
}

.directorTabs,
.directorTabs ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.directorTabs {
    max-width: 240px;
    padding-top: 40px;
}
.directorTabs ul {
    list-style: none;
}
.directorTabs ul li {
    width: 100%;
    margin-bottom: 15px;
}
.directorTabs ul li a {
    padding: 0px 20px;
    color: #3b3b3b;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    height: 52px;
    background: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 10px;
}
.directorTabs ul li a.select {
    color: #fff;
    background: #ff0000;
    font-weight: 500;
}
.directorTabWrapper {
    width: 100%;
    display: none;
}
.downloadIconBtn {
    width: auto;
    color: #888888;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 15px;
}
.downloadIconBtn svg {
    margin-right: 10px;
}
/* .downloadIconBtn:hover{color: #000} */
.directorSectionRow {
    padding-top: 30px;
}
.directorSectionRow .col-lg-3 {
    padding-top: 5px;
}

.directorInfoBox .ticketDetailsPopUpOuter {
    left: 10px;
}
/*.directorInfoBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#FF4369!important}*/
.directorInformationRow
    .dbDataCol:nth-child(3n)
    .directorInfoBox
    .ticketDetailsPopUpOuter {
    left: inherit;
    right: 0px;
}
.directorInformationRow
    .dbDataCol:nth-child(3n)
    .directorInfoBox
    .ticketDetailsPopUpOuter:before,
.directorInformationRow
    .dbDataCol:nth-child(3n)
    .directorInfoBox
    .ticketDetailsPopUpOuter
    .ticketDetailsPopUp:after {
    left: inherit;
    right: 30px;
}

.directorInformationRow
    .dbDataCol:nth-child(4n)
    .directorInfoBox
    .ticketDetailsPopUpOuter {
    right: inherit;
    left: 10px !important;
}
.directorInformationRow .dbDataCol:nth-child(4n) .ticketDetailsPopUp:after,
.directorInformationRow
    .dbDataCol:nth-child(4n)
    .ticketDetailsPopUpOuter:before {
    left: 20px !important;
    right: inherit !important;
}

.directorInfoBox .mCSB_inside > .mCSB_container {
    margin-right: 20px;
}
.directorSectionRow .row.dbInformationRow {
    padding-top: 25px;
}
.pageFilteRow.pageFilteDirector {
    padding-right: 0px;
}
.pageFilteDirectorLeft {
    width: calc(100% - 250px);
    display: flex;
    flex-wrap: wrap;
}
.pageFilteDirectorLeft .pageFilteCol {
    width: 33.33%;
}

.dbNotAccepted .tdPopUpBtn,
.dbNotAccepted .tdPopUpInfoNumber,
.dbNotAccepted .tdPopUpInfoImg,
.dbNotAccepted .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    color: #000 !important;
    background: #44b3e1 !important;
}
.dbNotAccepted .tdPopUpInfoWrapper {
    scrollbar-color: #44b3e1 transparent;
}

.dbInProgress .tdPopUpBtn,
.dbInProgress .tdPopUpInfoNumber,
.dbInProgress .tdPopUpInfoImg,
.dbInProgress .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    color: #ac5900 !important;
    background: #ffff00 !important;
}
.dbInProgress .tdPopUpInfoWrapper {
    scrollbar-color: #ffff00 transparent;
}

.dbOnHold .tdPopUpBtn,
.dbOnHold .tdPopUpInfoNumber,
.dbOnHold .tdPopUpInfoImg,
.dbOnHold .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    color: #d5d5d5 !important;
    background: #4f4f4f !important;
}
.dbOnHold .tdPopUpInfoWrapper {
    scrollbar-color: #4f4f4f transparent;
}

.dbRejected .tdPopUpBtn,
.dbRejected .tdPopUpInfoNumber,
.dbRejected .tdPopUpInfoImg,
.dbRejected .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    color: #ffc2c2 !important;
    background: #b00020 !important;
}
.dbRejected .tdPopUpInfoWrapper {
    scrollbar-color: #b00020 transparent;
}

.dbRework .tdPopUpBtn,
.dbRework .tdPopUpInfoNumber,
.dbRework .tdPopUpInfoImg,
.dbRework .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    color: #ffecbe !important;
    background: #e65100 !important;
}
.dbRework .tdPopUpInfoWrapper {
    scrollbar-color: #e65100 transparent;
}

.dbClosed .tdPopUpBtn,
.dbClosed .tdPopUpInfoNumber,
.dbClosed .tdPopUpInfoImg,
.dbClosed .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    color: #ffffff !important;
    background: #262626 !important;
}
.dbClosed .tdPopUpInfoWrapper {
    scrollbar-color: #262626 transparent;
}

.dbDue .tdPopUpBtn,
.dbDue .tdPopUpInfoNumber,
.dbDue .tdPopUpInfoImg,
.dbDue .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    color: #ce2106 !important;
    background: #ffc7ce !important;
}
.dbDue .tdPopUpInfoWrapper {
    scrollbar-color: #ffc7ce transparent;
}

.dbTotalCreated .tdPopUpBtn,
.dbTotalCreated .tdPopUpInfoNumber,
.dbTotalCreated .tdPopUpInfoImg,
.dbTotalCreated .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    color: #c1e5c9 !important;
    background: #2e7d32 !important;
}
.dbTotalCreated .tdPopUpInfoWrapper {
    scrollbar-color: #2e7d32 transparent;
}

.dbTotalAssigned .tdPopUpBtn,
.dbTotalAssigned .tdPopUpInfoNumber,
.dbTotalAssigned .tdPopUpInfoImg,
.dbTotalAssigned .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    color: #000 !important;
    background: #e6e6e6 !important;
}
.dbTotalAssigned .tdPopUpInfoWrapper {
    scrollbar-color: #e6e6e6 transparent;
}

.row5Col .col-lg-3.dbDataCol {
    width: 20%;
}
.thtRow {
    padding-bottom: 40px;
}
.recurringDetialTable > td .table > thead > tr > th {
    white-space: normal;
}
.btnReject {
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 0;
}
.executiveFilterArea {
    margin-top: 20px;
    margin-bottom: 25px;
}
.recurringFilterArea {
    margin-top: 20px;
}
/* .htBackRow .pageGoBack{position: absolute; top: -20px; right: 15px; margin: 0;} */
.htBackRow .pageGoBack {
    margin-top: 8px;
}
.pageGoBack:hover {
    color: #005fb3;
}
.pageGoBack:hover path {
    fill: #005fb3;
}
.myHitTabRow {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    padding-bottom: 0px;
    margin-top: 0;
    position: relative;
    margin-bottom: 10px;
}
.myHitTabRow a {
    padding: 10px 12px;
    background: #f6f6f6;
    border-radius: 3px;
    margin-right: 7px;
    margin-bottom: 0px;
    font-size: 14px;
    color: #373737;
    text-decoration: none !important;
}
.myHitTabRow a:last-child {
    margin-right: 0px;
}
.myHitTabRow a.currentMyHit {
    background: #005fb3;
    color: #fff;
    pointer-events: none;
}

.myHitTabRow a .numbers {
    margin: 0;
    margin-left: 5px;
    background-color: white; /* Sets the background color to black */
    color: black; /* Sets the text color to white */
    border-radius: 50%; /* Makes the <p> element circular */
    font-size: 16px; /* Adjusts the font size of the number */
    display: inline-block; /* Ensures the <p> behaves like an inline element */
    text-align: center; /* Centers the text inside the <p> */
    min-width: 30px; /* Ensures that the circle has a minimum width */
    height: 30px; /* Sets the height of the circle */
    line-height: 30px;
}
.myHitTabRow a.currentMyHit .numbers {
    margin: 0;
    margin-left: 5px;
    background-color: white; /* Sets the background color to black */
    color: black; /* Sets the text color to white */
    border-radius: 50%; /* Makes the <p> element circular */
    font-size: 16px; /* Adjusts the font size of the number */
    display: inline-block; /* Ensures the <p> behaves like an inline element */
    text-align: center; /* Centers the text inside the <p> */
    min-width: 30px; /* Ensures that the circle has a minimum width */
    height: 30px; /* Sets the height of the circle */
    line-height: 30px;
}
.userDB .dashbordInfoBox.dbPinkBox {
    background: #ffc9dc;
}
.userDB .dashbordInfoBox.dbGreenBox {
    background: #c6e99e;
}
.dhbTable.table > thead > tr > th:last-child,
.dhbTable.table > tbody > tr > td:last-child {
    background: #ffdc97 !important;
}
.dhbTable.table > thead > tr > th:last-child {
    color: #000;
    font-weight: bold;
}
.dhbTable.table > tbody > tr.tableTotalHours > td {
    font-weight: bold;
}
.dhbTable.table > tbody > tr.tableTotalHours > td:last-child {
    background: #f8d287 !important;
}
.rhbTable.table > thead > tr > th:last-child,
.rhbTable.table > tbody > tr > td:last-child {
    background: #c6e99e !important;
}
.rhbTable.table > thead > tr > th:last-child {
    color: #000;
    font-weight: bold;
}
.rhbTable.table > tbody > tr.tableTotalHours > td {
    font-weight: bold;
}
.rhbTable.table > tbody > tr.tableTotalHours > td:last-child {
    background: #acd280 !important;
}
.pmReportArea .dbFilterArea {
    padding-top: 35px;
}
.pmReportArea .pageTableWrapper {
    margin-bottom: 30px;
}
.pmReportArea .pageTableWrapper:last-child {
    margin-bottom: 0px;
}
.userDB .dashbordInfoBox.dbDataColSingal {
    height: 235px;
}
.hitDisplayRow {
    padding-top: 30px;
    padding-bottom: 40px;
}
.viewBtnRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px;
}
.viewBtnRow .viewBtn {
    text-decoration: none;
    padding: 7px 15px 5px;
    color: #fff;
    background: #000;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #000;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.viewBtnRow .viewBtn:hover {
    color: #000;
    background: transparent;
}
.tableMasterProject.table tbody tr td:last-child {
    background: #ffc9dc;
}
.tableMasterProject.table tbody tr:nth-child(2n) td:last-child {
    background: #b9ffb4;
}
/*.pageFilteCol .select2-container--default .select2-search--inline .select2-search__field{width: 100%!important}*/

/* Start For Before Login Page */
body.login-page {
    background: #fff;
    height: 100%;
}
.loginArea {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 15px;
    max-width: 420px;
    width: 100%;
    margin: 0 auto 0;
    align-items: center;
}
.loginLeftArea,
.loginRightArea {
    width: 50%;
}
.loginLeftArea {
    padding: 0 50px;
    position: relative;
}
.loginRightArea {
    height: 575px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.loginLeftArea .alert {
    position: absolute;
    top: 0;
    width: calc(100% - 100px);
}
.loginLogo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0px;
}
/*.loginLogo img{width: 125px;}*/

.loginFormBtnRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 45px 0 0 0px;
    justify-content: center;
    align-items: center;
}
.loginFormBtnRow a {
    text-decoration: underline;
    color: #000;
}
.loginFormBtnRow a:hover {
    text-decoration: none;
}
.login-box-msg {
    padding: 0px;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    width: 100%;
}
/*.loginFormBtnRow .btn{padding: 12px 25px; border-radius: 6px; font-size: 16px; letter-spacing: 1px;}*/
.loginLeftArea label.error {
    font-size: 13px;
    padding-top: 10px;
    margin: 0px;
}
.login-wrapper .loginFormBtnRow .btnArrow {
    display: none;
}

/* body.login-page{position: relative;  background: url("../images/login-bg.png") no-repeat; width: 100%; height: 100%; background-size: cover;} */
/*
body.login-page:before{content: ''; width: 100%; height: 460px; background: url("../images/login-top-bg.png") no-repeat; position: absolute; top:0; left: 0px;}
body.login-page:after{content: ''; width: 100%; height: 657px; background: url("../images/login-bottom-bg.png") no-repeat; position: absolute; bottom:0; left: 0px;}
*/
.alert {
    position: absolute;
    width: 50%;
    z-index: 1;
    padding: 16px;
    right: 29px;
    top: -26px;
    border-radius: 6px;
    text-align: left;
    font-size: 14px;
    box-shadow: 0 0 20px #d4d2d2;
    z-index: 99;
}
.alert-danger strong {
    color: #e60606;
    padding-right: 22px;
    padding-left: 25px;
    font-weight: normal;
    position: relative;
    display: block;
}
.alert-danger strong:before {
    position: absolute;
    left: 4px;
    content: "";
    top: -4px;
    height: 28px;
    width: 4px;
    background: #e60606;
    border-radius: 2px;
}

.loginFormWrap,
.formLinkLine,
.loginArea .alert {
    width: 100%;
}
.loginArea .alert {
    top: 22px;
    width: calc(100% - 58%);
    padding: 10px;
}
.loginFormWrap {
    padding-top: 24px;
}
.formLinkLine {
    text-align: right;
    font-weight: 600;
}
.formLinkLine a {
    text-decoration: underline;
    color: #005fb3;
}
.formLinkLine a:hover {
    text-decoration: none;
}
.loginArea .pageMainHeading {
    font-size: 40px;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 0;
    text-align: center;
}
.loginArea .pageMainHeading span {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
    width: 100%;
    display: block;
    padding: 5px 0 0 0px;
}
.loginArea label.error {
    margin: 8px 0 0 0;
    font-size: 13px;
}
.loginArea h1.pageMainHeading {
    text-transform: capitalize;
}

.alert {
    border: 0;
    margin: 0;
    padding: 5px;
    border-radius: 6px;
    text-align: left;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 0 20px #d4d2d2;
}
.alert-success {
    background: #dcf6dc !important;
}
.alert-success strong {
    color: #008b06;
    padding-right: 22px;
    padding-left: 25px;
    font-weight: normal;
    position: relative;
    display: block;
}

.alert-warning {
    background: #f6efdc !important;
}
.alert-warning strong {
    color: #f7b500;
    padding-right: 22px;
    padding-left: 25px;
    font-weight: normal;
    position: relative;
    display: block;
}

.alert-success strong:before,
.alert-danger ul::before {
    position: absolute;
    left: 4px;
    content: "";
    top: -4px;
    height: 28px;
    width: 4px;
    background: #008b06;
    border-radius: 2px;
}
.alert .close,
.close,
.alert.alert-danger.text-center button.close {
    color: #000;
    opacity: 9;
    text-shadow: none;
    font-weight: normal;
    margin-right: 8px;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.alert-danger {
    background: #f9e4e5 !important;
    color: #000 !important;
    padding: 16px;
}
.alert-danger ul li {
    color: #e60606;
    padding: 0;
    text-align: left !important;
}
.alert-danger ul {
    padding: 0 22px 0 25px;
    position: relative;
}
.alert-danger ul::before {
    background: #e60606;
    top: 50%;
    transform: translateY(-50%);
}

.login-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
}
.login-wrapper .login-bg {
    width: 55%;
    height: 100vh;
}
.login-wrapper .login-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.login-wrapper .loginArea {
    width: calc(100% - 55%);
}
.login-wrapper .btn_primary {
    border-radius: 6px;
    line-height: 46px;
    padding-top: 0;
    padding-bottom: 0;
}
.login-wrapper .copyright {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 55%);
    bottom: 36git px;
    text-align: center;
    right: 0;
    color: #7d7d7d;
}

/* .email-field input{background:url(../images/email-icon.svg) no-repeat 14px 13px; padding-left:40px;}
.password-field input{background:url(../images/password-icon.svg) no-repeat 14px 10px; padding-left: 41px;} */

.email-field {
    position: relative;
}
.email-field input {
    padding-left: 40px;
}
.email-field:before {
    background: url(../images/email-icon.svg) no-repeat;
    width: 18px;
    height: 14px;
    position: absolute;
    content: "";
    z-index: 2;
    top: 15px;
    left: 14px;
}

.password-field {
    position: relative;
}
.password-field input {
    padding-left: 43px;
}
.password-field:before {
    background: url(../images/password-icon.svg) no-repeat;
    width: 15px;
    height: 18px;
    position: absolute;
    content: "";
    z-index: 2;
    top: 12px;
    left: 14px;
}

button,
input[type="submit"] {
    cursor: pointer;
}
/* End For Before Login Page */

/* Start For Scroll Table */
.scrollTableContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 40px 0 0 0;
    margin: 30px 0 0 0;
}

/* scrollbar-color: #333333 transparent; */
.fixedColumn {
    position: sticky !important;
    left: 0px;
    background-color: #fff !important;
    z-index: 1;
    font-weight: 600 !important;
    color: #000 !important;
    width: 200px;
    white-space: normal;
    display: inline-block;
}
.tableScrollButton {
    position: absolute;
    top: 0px;
    background-color: transparent;
    color: #000;
    border: none;
    padding: 0px;
    cursor: pointer;
}
.tableScrollButton.left {
    right: 20px;
}
.tableScrollButton.right {
    right: 0px;
}
.tableScrollButton:disabled {
    color: #ccc;
    cursor: not-allowed;
}
.tableScrollButton:disabled svg path {
    fill: #ccc;
}
/* .table-striped>tbody>tr:nth-of-type(odd) td.fixedColumn{background: #F6F6F6!important;} */
.table > thead > tr > th.fixedColumn {
    background: #e3edf7 !important;
}

.management-table td.fixedColumn,
.management-table th.fixedColumn {
    min-height: 62px;
    z-index: 6;
}
tbody td.fixedColumn.col_3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* height: 50px; */
}
.table > thead > tr > th.fixedColumn.step {
    min-height: 61px;
    background: #e3edf7 !important;
    line-height: 39px;
}
td.fixedColumn.monthFixedColumn:first-child {
    margin-left: -5px;
}

.management-table table,
table.tablecol-fix {
    border-left: 0 !important;
}
.management-table .table-striped > tbody > tr:nth-of-type(odd) td.fixedColumn {
    background: #fff !important;
}

/* .management-table .table tr th:first-child, 
.management-table .table tr td:first-child,*/
.table.tablecol-fix tr th:first-child,
.table.tablecol-fix tr td:first-child {
    border-left: 1px solid #b3b0b0 !important;
}

/* .emp-table .username */

.management-table .table-striped > tbody > tr:nth-of-type(even) td.fixedColumn,
.emp-table .table-striped > tbody > tr:nth-of-type(even) td.fixedColumn {
    background: #f6f6f6 !important;
}

.emp-table th.fixedColumn {
    z-index: 7;
}
.emp-table td.fixedColumn {
    min-height: 70px;
}

.management-table .step {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.add-item {
    width: calc(100% - 50px);
    margin-left: auto;
    margin-right: auto;
}

/* .management-table .fixedColumn{    border-left: 1px solid #b3b0b0 !important;}
*/

/* End For Scroll Table */

.dailyStatWrapper {
    width: 100%;
    margin-bottom: 50px;
}
.dailyStatWrapper:last-child {
    margin-bottom: 0px;
}
.dailyStatWrapper .directorSectionHeading {
    margin-bottom: 20px;
}
.htFormCol.dhtFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.htInnerCol2 {
    width: calc(50% - 10px);
}
.form-check-input {
    width: 17px;
    height: 17px;
    margin: 0 8px 0 0 !important;
}
.htInnerCh {
    display: flex;
    align-items: center;
    margin: 0px;
}
.htInnerCh label {
    margin: 0 0 0 0px;
    font-weight: normal;
}
.htFormCol.pageFilteCol .select2-container--default .select2-selection--single,
.htFormCol.pageFilteCol
    .select2-container--default
    .select2-selection--multiple {
    height: 42px;
}
.htFormCol
    .select2-container--default
    .select2-selection--single
    .select2-selection__clear {
    display: none !important;
}
.alert.alert-block {
    position: absolute;
    border: 0;
}

.tdCommentingAttachmentRow {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 72px;
    left: 10px;
}
.tdCommentingAttachmentRow img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.help-block {
    color: #f00 !important;
    font-size: 12px;
    font-weight: normal;
}
#taskChatForm .help-block {
    margin: 0 5px 0 0;
    float: left;
}

/*
.pageFilteCol .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field{width: 100%!important}
.pageFilteCol .select2-container .select2-selection--multiple .select2-selection__choice + .select2-search--inline .select2-search__field{width: 1px!important;}
*/

.tableDetailHeadingWrapper .btn {
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tableDetailHeadingWrapper .btn:first-child {
    margin-left: 0px;
}
.tdCommentingRowWrapper.emailCommentWrap {
    height: calc(100% - 275px);
}
.hitTextarea {
    scrollbar-width: thin;
    scrollbar-color: #d2d2d2 transparent;
}
.dbInformationRow .dbDataCol:nth-child(4n) .ticketDetailsPopUpOuter {
    left: inherit !important;
    right: 0px;
}
.dbInformationRow .dbDataCol:nth-child(4n) .ticketDetailsPopUpOuter:before,
.dbInformationRow .dbDataCol:nth-child(4n) .ticketDetailsPopUp:after {
    left: inherit;
    right: 20px;
}

.tbcWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 60px 0 30px 0px;
    padding: 0px 50px 25px 0;
    position: relative;
    border-bottom: 1px solid #d2d2d2;
}
.tbcWrapperHead,
.tbcWrapperText {
    width: 100%;
    max-width: 450px;
}
.tbcWrapperNumber {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 50px;
    font-weight: 300;
    letter-spacing: -3px;
}
.tbcWrapperHead {
    font-size: 19px;
    font-weight: 600;
}
.tbcWrapperText {
    color: #7d7d7d;
    padding-top: 10px;
}
.closeTaskBtnRow {
    width: 100%;
    margin: -45px 0px 15px 0px;
    padding: 0px;
}

.tableEmailTd {
    word-break: break-word;
    width: 225px;
}
.tableBtnTd {
    display: flex;
}
ul.utdWrapper {
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
ul.utdWrapper li {
    width: 33.33%;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
ul.utdWrapper li label {
    font-weight: normal;
    margin: 0px;
}
ul.utdWrapper input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0 7px 0 0;
}
ul.utdWrapper li.utdSelectAll,
ul.utdWrapper li.utdBtnWrap {
    width: 100%;
}
ul.utdWrapper li.utdBtnWrap {
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 20px;
}
.formReChHead,
.formReChRow {
    width: 100%;
}
.formReChRow {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    justify-content: space-between;
}
.formReChHead {
    font-size: 15px;
    padding-bottom: 10px;
    font-weight: 600;
}
.formReChWrap {
    width: 50%;
}
.formReChWrap label {
    font-weight: normal;
    margin: 0 0 0 5px;
}
.htFormCol.pageFilteCol .select2-selection__clear {
    display: none !important;
}
.htFormCol.pageFilteCol {
    padding: 0px;
}

.sidebar-menu .menu-open > a > .fa-angle-right,
.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.adminMenuBar {
    width: 100%;
    height: calc(100vh - 125px);
    position: sticky;
    top: 10px;
}
.adminMenuBar .mCSB_inside > .mCSB_container {
    margin-right: 0px;
}
.skin-blue .adminMenuBar .sidebar-menu > li > .treeview-menu {
    width: 100%;
    margin: -5px 0 10px 0;
    padding: 0px 0 0 40px;
    background: transparent;
}
.skin-blue .adminMenuBar .sidebar-menu > li > .treeview-menu li {
    padding: 0 0 10px 0px;
    position: relative;
}
/*.skin-blue .adminMenuBar .sidebar-menu>li>.treeview-menu li:before{width: 7px; height: 1px; content: ''; background: #fff; position: absolute; top:8px; left: 0px;}*/
.skin-blue .adminMenuBar .sidebar-menu > li > .treeview-menu a {
    padding: 0px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5) !important;
    height: auto;
}
.skin-blue .adminMenuBar .sidebar-menu > li > .treeview-menu li.active a {
    color: #fff !important;
}
.prsRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px 50px 0 0;
    position: relative;
}

.helpNoteWrap,
.helpNoteWrap ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0 0 0;
    padding: 0px;
}
.helpNoteWrap li {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0px;
    list-style: none;
}
.helpNoteWrap li span {
    font-weight: 600;
}
.helpNotehead {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    padding-top: 35px;
    padding-bottom: 15px;
}
.mobilehamburger,
.userDesignationMobile,
.mobileMenuCross,
.filterCross {
    display: none;
}
.moFilerClick {
    display: none !important;
}
.tdCommentingRowWrapper .mCSB_inside > .mCSB_container {
    margin-right: 15px;
}
.updateTaskRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0 25px -6px;
    padding: 0px;
}
.updateTaskRow .pageFilteCol {
    max-width: 200px;
    margin: 0px 5px 0 0;
}
.recurringTaskError {
    width: 100%;
    color: #005fb3;
    display: flex;
    padding: 10px 0 0 6px;
}
.totalTasksWrap {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}
.totalTasksCol {
    font-size: 16px;
    padding-right: 25px;
    font-weight: 600;
    color: #707070;
    text-transform: uppercase;
}
.totalTasksCol span {
    color: #005fb3;
}

.gobInfoWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 0 0px;
    padding: 0px;
    justify-content: space-between;
}
.gobInfoImg {
    width: 135px;
    height: 135px;
    border: 2px solid #d5d5d5;
    border-radius: 13px;
    overflow: hidden;
}
.gobInfoImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gobInfoSection {
    width: calc(100% - 385px);
}
.gobInfoSection.mygobInfoSection {
    width: calc(100% - 150px);
}
.goalinfo {
    width: calc(100% - 230px);
    display: inline-flex;
}
.goalinfo .gobInfoSection {
    margin-left: 3%;
    width: calc(100% - 180px);
}
.gobInfoWrapper .gobInfoImg2 {
    display: inline-flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.gobInfoImg2 {
    width: 230px;
    height: 135px;
}

.gobInfoHeading,
.gobInfoLine,
.gobInfoContent,
.gobScoreInfoHead,
.gobScoreInfoBar,
.gobScoreInfoPercent {
    width: 100%;
}
.gobInfoHeading {
    font-size: 24px;
    font-weight: 500;
}
/* .gobInfoLine{display: flex; flex-wrap: wrap; align-items: center; padding-top: 2px;} */
/* .gobInfoQus{margin-left: 20px;} */
.gobInfoQus,
.gobInfoGoalOwner span {
    font-size: 12px;
}
.gobInfoQus {
    padding-top: 10px;
}
.gobInfoGoalOwner {
    font-weight: 500;
}
.gobInfoGoalOwner span,
.gobInfoQus span {
    text-transform: uppercase;
    font-weight: 800;
}
.gobInfoContent {
    max-width: 850px;
    font-size: 15px;
    padding-top: 10px;
}
.gobLavelRow,
.gobScoreWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
}
.gobLavelRow {
    padding-top: 30px;
}
.gobLavelRow span {
    border-radius: 5px;
    padding: 7px 10px 5px;
    margin-right: 5px;
    font-size: 13px;
    color: #fff;
    background: #005fb3;
}
.gobLavelRow span:last-child {
    margin-right: 0px;
}
.gobScoreWrap {
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 40px;
}
.gobScoreBox {
    background: #ff9797;
    width: 65px;
    height: 65px;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.gobScoreBox span {
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.gobScoreInfo {
    width: calc(100% - 85px);
}
.gobScoreInfoBar {
    height: 12px;
    background: #f0f0f0;
    overflow: hidden;
}
.gobScoreInfoBar,
.gobScoreInfoBar span {
    border-radius: 10px;
}
.gobScoreInfoBar span {
    height: 100%;
    background: #ff9797;
    display: block;
}
.gobScoreInfoHead {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 8px;
}
.gobScoreInfoPercent {
    text-align: right;
    padding: 5px 10px 0 0;
    font-size: 13px;
}
/* .gobScoreInfoBar,.gobScoreInfoPercent{max-width: 980px;} */
.tdGoalLine {
    width: 100%;
    background: #d9d9d9;
    overflow: hidden;
    display: block;
    height: 12px;
}
.tdGoalLine span {
    display: block;
    height: 100%;
}
.tdGoalLine,
.tdGoalLine span {
    border-radius: 10px;
}

.objectiveDetailsFormWrap,
.addTaskArea {
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0;
}
.objectiveDetailsFormWrap {
    padding-top: 15px;
}
.odSubHeading,
.addTaskRowWrapper,
.addNewTaskLink,
.addTaskBtnRow {
    width: 100%;
}
.odSubHeading {
    font-size: 20px;
    font-weight: 500;
}
.odFormWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 25px 0 0 0px;
    padding: 0px;
    justify-content: space-between;
}
.odFormLeft {
    width: 190px;
}
.odFormRight {
    width: calc(100% - 220px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.odFormRightCol {
    width: calc(50% - 7px);
}
.odFormRightCol .formTextArea {
    resize: none;
    height: 120px;
    padding-top: 10px;
    display: block;
}
.textbox .formTextArea {
    resize: none;
    height: 120px;
    padding-top: 10px;
    display: block;
}

.odFormLeft .uploadImgWrapper .file-btn-area {
    height: 175px;
    background: #ebebeb;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
}
.odFormLeft .uploadImgWrapper .file-btn {
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 14px;
    padding: 0 18px;
    height: auto;
    bottom: -50px;
}
.odFormLeft .uploadImgWrapper .file-btn span {
    width: 100%;
}
.odFormLeft .uploadImgWrapper .file-value:empty:before {
    left: 50%;
    margin-left: -16px;
    background: url(../images/gray-upload-icon.png) no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    top: 45px;
}
.imgNote {
    font-size: 11px;
    line-height: 1.4;
    color: #414141;
}

.addTaskRow {
    width: 1280px;
    display: flex;
    margin: 0px 0 5px 0px;
    padding: 0px 35px 0 0;
    position: relative;
}
.addTaskCol {
    padding-left: 10px;
}
.addTaskCol:first-child {
    padding-left: 0px;
}
.atc1 {
    width: 375px;
}
.atc2 {
    width: 225px;
}
.atc3 {
    width: 210px;
}
.atc4 {
    width: 210px;
}
.atc5 {
    width: 225px;
}
.atcClose {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 15px;
    right: 0px;
    text-align: right;
    cursor: pointer;
}
.addTaskCol.addTaskFile label,
.addTaskCol.addTaskFile .file-btn {
    width: 100%;
}
.addTaskCol.addTaskFile .file-btn {
    background: transparent;
    color: #000;
    font-weight: normal;
}
.addTaskCol.addTaskFile .file-btn:before {
    content: "";
    background: url(../images/upload-icon.png) no-repeat;
    width: 19px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 15px;
    background-size: 100%;
}
.addTaskCol.addTaskFile .file-btn-area {
    padding: 0px;
    font-weight: normal;
    word-break: break-word;
    height: 42px;
    line-height: 42px;
}
.addTaskCol.addTaskFile .file-value {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.addNewTaskLink {
    padding-top: 5px;
    text-align: right;
    padding-right: 35px;
}
.addNewTaskLink a {
    color: #ff0000;
    font-size: 14px;
}
.addNewTaskLink a:hover {
    text-decoration: underline;
}
.addTaskBtnRow {
    padding-top: 10px;
}
.addTaskArea {
    padding-top: 65px;
    padding-bottom: 50px;
}
.addTaskRowWrapper {
    padding-top: 20px;
}

/*24 sep*/
.chatFormArea form .file-display {
    display: none;
}
.chatFormArea .file-display {
    display: none;
}
.btn-action {
    min-width: 70px;
}
.makeNotesArea,
.makeNotestable,
.trMakeNote,
.mnAddNotesRow,
.noMeetingBox {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.makeNotesArea {
    padding-top: 25px;
}
.makeNotehead {
    font-size: 22px;
    font-weight: 500;
}
.makeNotestable {
    margin-top: 15px;
}
.trMakeNote {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #f6f6f6;
    width: 100%;
    border-bottom: 1px solid #ededed !important;
}
.trMakeNote:nth-child(2n) {
    background: #fff;
}
.tdMakeNote {
    padding: 0 10px;
}
.tdMakeNote select {
    background: url(../images/down-red-arrow.png) #fff no-repeat;
    background-position: right 5px top 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 100%;
    background-size: 9px;
}
.tdMakeNote select::-ms-expand {
    display: none;
}
.tdmn1 {
    width: 5%;
}
.tdmn2 {
    width: 26%;
}
.tdmn3 {
    width: 12%;
}
.tdmn4 {
    width: 15%;
}
.tdmn5 {
    width: 10%;
}
.tdmn6 {
    width: 16%;
}
.tdmn7 {
    width: 8%;
}
.tdmn8 {
    width: 8%;
}
/*
.tdmn1{width: 30px}
.tdmn2{width: 400px}
.tdmn3{width: 150px}
.tdmn4{width: 200px}
.tdmn5{width: 130px}
.tdmn6{width: 180px}
.tdmn7{width: 100px}
.tdmn8{width: 90px}
*/
.tdMakeNote select,
.tdMakeNote .formControl {
    border: 1px solid #707070;
    border-radius: 9px;
    height: 38px;
    padding-left: 5px;
    padding-right: 2px;
}
.trMakeNote.tdmnheadrow {
    padding-top: 0;
    padding-bottom: 10px;
    color: #747474;
    background: #fff;
}
.tdMakeNote.tdmn7 label {
    width: 100%;
    margin-bottom: 0px;
    display: block;
}
.tdMakeNote.tdmn7 .file-value:not(:empty) + .file-btn {
    display: none;
}
.tdMakeNote.tdmn7 .file-btn-area {
    padding: 0;
    height: 38px;
    width: 60px;
}
.tdMakeNote.tdmn7 .file-btn {
    background: transparent;
    border-radius: 0;
    color: #000;
    font-weight: normal;
    width: 100%;
    background-image: url("../images/upload-icon-make-note.png");
    background-position: center;
    background-repeat: no-repeat;
}
.tdMakeNote.tdmn7 .file-value {
    border: 1px dashed #707070;
    border-radius: 9px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-top: 8px;
}
.mnAddNotesRow {
    padding-top: 15px;
}
.mnAddNotesRow .btn {
    margin-right: 20px;
}
.mnAddNotesClick {
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
}
.mnAddNotesClick:hover {
    text-decoration: none;
    color: #1a7ad0;
}
.noMeetingBox,
.NoRecordFoundBox {
    background: #f6f6f6;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 75px 20px;
    width: 100%;
    margin-top: 15px;
}
.addMeetingWrapp {
    margin-top: 55px;
}
.recurringStatusTaskRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 20px 0;
    margin: 0px;
    margin: 5px 0 -35px;
}
.recurringStatusTaskRow .filterIconBtn img {
    height: 20px;
}
.recurringStatusTaskRow .filterIconBtn {
    width: 20px;
    height: 20px;
    background: transparent;
    border: 0;
    margin: 0 10px 0 0;
}
.recurringStatusTaskRow .filterIconBtn:hover {
    background-color: transparent;
}
.recurringStatusTaskRow .filterIconBtn:hover path {
    fill: #005fb3;
}

.recurringTableWrap {
    margin-bottom: 30px;
}
.row.row5Col {
    display: flex;
    flex-wrap: wrap;
}
.table > tbody > tr > td.netBalanceNegative {
    background: #ffc9dc;
}
.table > tbody > tr > td.netBalancePositive {
    background: #b9ffb4;
}
.htFormRow.efCol {
    justify-content: flex-start;
}
.htFormRow.efCol input[type="checkbox"] {
    margin: 0px;
}
.exportBtnRow {
    padding-top: 30px;
    text-align: center;
}
.tptHeadWrapp {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 40px 0 20px 0px;
    justify-content: space-between;
    align-items: center;
}
.tptHeadTop {
    padding-top: 10px;
    padding-bottom: 30px;
}
.tdMakeNote label.error {
    margin: 7px 0 0 0;
}

.addTaskCol select {
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    height: 50px;
    padding-left: 10px;
}
.addTaskCol select {
    background: url(../images/down-arrow.png) #fff no-repeat;
    background-position: right 12px top 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 100%;
    background-size: 9px;
}
.addTaskCol select::-ms-expand {
    display: none;
}
.hoursBurnigWrapper {
    width: 100%;
    padding-bottom: 35px;
}
.hoursBurnigWrapper .directorSectionHeading {
    position: absolute;
    top: 0;
    left: 0;
}

.meetingTabRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    justify-content: space-between;
}
.meetingTabRow .myHitTabRow,
.meetingTabRow .pageFilterArea {
    width: auto;
}
.meetingTabRow .myHitTabRow {
    width: auto;
}
.meetingTabRow .pageFilterArea {
    width: auto;
}
.meetingTabRow .pageFilteRow {
    justify-content: flex-end;
}
.meetingTabRow .pageFilteCol {
    margin-bottom: 0px;
    width: 220px;
}
.meetingTabRow .myHitTabRow a {
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
.presentMembersArea,
.presentMembersHeading {
    width: 100%;
}

.presentMembersRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.presentMembersRow .htFormRow {
    width: 100%;
}
.presentMembersArea .directorSectionHeading {
    padding-bottom: 8px;
}
.meetingTopDuration {
    font-size: 15px;
}
.meetingTopDuration span {
    font-weight: 600;
}
.meetingAttendeesBtnRow {
    width: 100%;
    padding-top: 25px;
}
.presentMembersArea .makeNotehead {
    margin-bottom: 8px;
}
.addMoreAttendeesRow {
    width: 100%;
    margin-top: 15px;
}
.presentMembersFormRow {
    width: 100%;
    margin-top: 20px;
}
.presentMembersFormRow .htFormCol {
    width: 100%;
}
/*tr.followUpEnded {background: #C1FFE2!important;}*/
tr.followUpEnded {
    color: #b3b3b3;
}

.dashbordInfoDetail span {
    font-size: 21px;
}
.dashboardSubHeading {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
.dashboardTopBoxWrap {
    padding-top: 35px;
    padding-bottom: 45px;
}
.mlsBoxWrap {
    padding-top: 15px;
    padding-bottom: 45px;
}

.teamDashboardTopInfo .dashbordInfoBox {
    justify-content: space-between;
    flex-direction: row-reverse;
    padding-left: 25px;
    padding-right: 25px;
    height: 70px;
}
.teamDashboardTopInfo .dashbordInfoDetail,
.teamDashboardTopInfo .dashbordInfoLabel {
    width: auto;
}
.teamDashboardTopInfo {
    padding-bottom: 10px;
}

.snapMonthWrao {
    display: flex;
    align-items: center;
    margin: 0px;
    padding: 0px;
}
.snapMonthWrao #prevMonthBtn {
    transform: rotate(90deg);
    margin-right: 10px;
    cursor: pointer;
}
.snapMonthWrao #nextMonthBtn {
    transform: rotate(-90deg);
    margin-left: 10px;
    cursor: pointer;
}
.snapMonthWrao #monthYear {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.snapFilterRow {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5px 0 20px 0;
    padding: 0px;
}
.snapFilterRow .pageFilterArea {
    width: calc(100% - 200px);
    margin: 0;
}
.snapFilterRow .pageFilterArea .pageFilteCol {
    width: 25%;
}

.lbCloseBtn {
    background: #f00;
    border: 0;
    opacity: 1;
    font-size: 15px;
    color: #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 0;
    border-radius: 0;
    z-index: 1;
}

.goalObjectiveWrap,
.goLabelRow,
.keyTaskCont,
.goImgDisplayRow,
.goalInfoWrap,
.goalInfoRow {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.goalObjectiveWrap {
    max-width: 580px;
}
.goLabelRow {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #959595;
    padding-bottom: 1px;
}
.keyTaskCont {
    position: relative;
    padding-right: 30px;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.3;
}
.keyTaskEdit {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 0px;
    cursor: pointer;
}
.goalObjectiveWrap .gobLavelRow {
    font-size: 12px;
}
.goalObjectiveWrap .gobLavelRow span {
    margin-bottom: 10px;
}
.goImgDisplayRow {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 30px;
}
.goImgDisplayCol {
    width: 75px;
    height: 75px;
    margin-right: 10px;
    overflow: hidden;
    border: 2px solid #d5d5d5;
    border-radius: 13px;
    position: relative;
    cursor: pointer;
}
.goImgDisplayCol:last-child {
    margin-right: 0px;
}
.goImgDisplayCol img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.goImgView {
    width: 27px;
    height: 27px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 3px;
    right: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.goalInfoWrap {
    margin-bottom: 25px;
}
.goalInfoRow {
    font-size: 18px;
    font-weight: 500;
}
.goalObjectiveWrap .gobScoreBox,
.goalObjectiveWrap .gobScoreInfoBar span {
    background: #e7d243;
}
.goalObjectiveWrap .gobScoreBox {
    color: #fff;
}
.goalObjectiveWrap .gobScoreWrap {
    padding-top: 20px;
}
.htFormCol.htFormTimeCol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.htFormCol.htFormTimeCol .htFormCol {
    margin-bottom: 0px;
    width: calc(50% - 5px) !important;
}
.nonBtnLink a {
    margin: 0 5px;
}

.detailInfoTab {
    width: 100%;
    margin: 0 0 10px 0;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 0px 20px;
}
.detailInfoLabel {
    padding: 0px 0px;
    color: #3b3b3b;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
    width: 100%;
    position: relative;
}
/* .detailInfoLabel:after {
    content: "";
    background: url("../images/detail-down-arrow.png") no-repeat;
    background-position: center;
    width: 12px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-size: 100%;
    transition: all 0.5s ease-in-out;
} */
.detailInfoOpen .detailInfoLabel:after {
    transform: rotate(180deg);
}

.detailInfoValue {
    /* display: none; */
    width: 100%;
    padding: 10px 0 25px 0;
}
.detailInfoValue .tableDetailRow {
    border-width: 1px;
}
.detailInfoValue .tableDetailRow:last-child {
    border: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.tableDetailValue p {
    margin: 0px;
}
.btn-remove-clickable {
    pointer-events: none;
}
.helpTicketDetailsNew {
    padding-top: 15px;
}
.helpTicketDetailsNew .tableDetailWrapper {
    margin-top: 0px;
}
.helpTicketDetailsNew .tableDetailRow {
    padding-left: 20px;
    padding-right: 20px;
}
/*.helpTicketDetailsNew .tdCommentingHeading{margin-top: -5px; padding-bottom: 10px; font-size: 20px;}*/
.helpTicketDetailsNew .tdCommentingArea {
    height: auto;
    margin-bottom: 40px;
}
.headingBtnWrap.twoBtnWrap {
    display: flex;
    flex-wrap: wrap;
}
.teamDashboardTopInfo .dashbordInfoLabel {
    padding-top: 0px;
}
.odSubHeadingWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    justify-content: space-between;
}
.odSubHeadingWrapper .odSubHeading {
    width: auto;
}
.goalStatusWrap {
    text-transform: uppercase;
    color: #606060;
    position: relative;
}
.goalStatusWrap label {
    font-weight: normal;
}
.goalStatusWrap input[type="checkbox"]:not(old) {
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0px;
}
.goalStatusWrap input[type="checkbox"]:not(old) + label {
    display: flex;
    margin-left: 0;
    align-items: center;
}
.goalStatusWrap input[type="checkbox"]:not(old) + label > span {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 8px 0 0;
    border: 1px solid rgb(82, 80, 80);
    border-radius: 6px;
    background: #31b21d;
}
/*.goalStatusWrap input[type=checkbox]:not(old):checked + label > span{background-image: #f00;}*/
.goalStatusWrap input[type="checkbox"]:not(old):checked + label > span:before {
    content: "✓";
    width: 100%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.atc5 label {
    margin-bottom: 0px;
}
.uploadImgWrapper .help-block,
.addTaskCol .help-block,
.odFormRightCol .help-block {
    padding-top: 3px;
    float: left;
    width: 100%;
}
.odFormRightCol .help-block {
    margin-bottom: 15px;
}
.addTaskCol.addTaskFile .help-block {
    margin: 0 !important;
}
.lbMainHeading {
    font-size: 22px;
    font-weight: 500;
    padding: 25px 0px 0px 30px;
}
#appenddiv.modal-body {
    padding: 20px 30px 40px;
}
#appenddiv.modal-body p b,
#appenddiv.modal-body p strong {
    font-weight: 600;
}
.alertBtnRow {
    width: 100%;
    text-align: center;
    padding: 35px 0 0 0;
}
.alertBtnRow p {
    font-size: 16px;
    padding-bottom: 5px;
}
.attendanceWrapper,
.tablePmsWrapper {
    margin: 0 0 20px 0;
    width: 100%;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #d2d2d2 transparent;
}
.attendanceWrapper table {
    text-align: center;
    margin-bottom: 0px;
}
.attendanceWrapper .form-control {
    height: 26px;
}
.addTaskCol.pageFilteCol {
    margin-bottom: 0;
}
.addTaskCol.pageFilteCol
    .select2-container--default
    .select2-selection--multiple {
    height: 50px;
}
.box.attandanceSection {
    margin-bottom: 0px;
}
.attandanceSection .tableScrollButton {
    display: none;
}
.attandanceSection .scrollTableContainer {
    padding-top: 0px;
    margin-top: 0px;
}
.attandanceSection .pageFilterArea {
    margin-bottom: 20px;
}
.attandanceSection .attendanceWrapper {
    max-height: calc(100vh - 375px);
    margin-bottom: 15px;
    border: 2px solid #ededed !important;
}
.meetingEditUpload label {
    width: 100%;
}
.file-value {
    font-size: 15px;
    color: #606060;
    font-weight: normal;
}
#editNoteModal .htFormBtnRow {
    padding-top: 0;
    margin-bottom: 20px;
}
.attandanceSection .attendanceWrapper .table {
    border: 0 !important;
}
.attandanceSection .attendanceWrapper .table thead {
    position: sticky;
    top: 0;
    left: 0px;
    z-index: 2;
}
.attandanceSection .table > thead > tr > th.fixedColumn {
    font-weight: normal !important;
    color: #747474 !important;
}
.fixedColumn.monthFixedColumn {
    width: 100px;
    min-width: 100px;
}
.fixedColumn.enFixedColumn {
    width: 145px;
    min-width: 145px;
    left: 100px;
    font-weight: normal !important;
}
.snapDateSelected {
    border: 1px solid red;
}
.is_weekend .snapWeekDay {
    color: red;
}
.current_day {
    border: 1px solid red;
    margin-right: 0px;
}
.select2-container .select2-results__message {
    display: none !important;
}
.meetingTopBtnWrap {
    display: flex;
    align-items: center;
}
.meetingTopBtnWrap a {
    margin-right: 15px;
}
.meetingOrganiserName {
    width: 100%;
    font-size: 15px;
    text-align: right;
}
.meetingOrganiserName span {
    font-weight: 500;
    color: #ff0000;
}
.sendMomBtnRow {
    width: 100%;
    padding-top: 25px;
}

/*Start Css For Multi Select Scroll*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background-color: #d2d2d2;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    background: transparent;
}

.scrollable-element {
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: #d2d2d2 transparent;
}
.pageFilteCol
    .select2-container
    .select2-selection--multiple
    .select2-selection__rendered {
    -ms-overflow-style: none;
    overflow-x: auto;
}
.pageFilteCol
    .select2-container
    .select2-selection--multiple
    .select2-selection__rendered::-webkit-scrollbar-button {
    display: none;
}
/*End Css For Multi Select Scroll*/

.tdCommentingTopRow,
.tdCommentingRowContainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px 0 0 50px;
    position: relative;
}
.tdCommentingTopRow.commenting {
    margin-top: 25px;
}
.tdCommentingTopRow {
    padding-left: 0;
    margin-bottom: 30px;
}

.tdCommentingTopRow .chatFormArea {
    margin-top: 0px;
}
.commentsMemberArea {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0px;
}
.commentsMemberWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0 16px 0;
    padding: 0px 0 0 0px;
    align-items: center;
}
.commentsMemberWrap .tdCommentingImg {
    position: inherit;
    margin-right: 10px;
}
/*.commentsMemberWrap .tdCommentingImg:last-child{margin-right: 0}*/
/*.helpTicketDetailsNew .commentsMemberArea .tdCommentingHeading{padding-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center}*/
.helpTicketDetailsNew .commentsMemberArea .tdCommentingHeading span {
    width: 25px;
    height: 25px;
    background: #dcdcdc;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px;
}
.table-striped > tbody > tr.holidayRedCls {
    background: #c8b3f7 !important;
}

.commentsMemberWrap .view-mores {
    margin-left: 15px;
}

.htFormWrapper
    .htFormCol.pageFilteCol
    .select2-container--default
    .select2-selection--multiple {
    height: auto;
    min-height: 40px;
}
.htFormWrapper
    .pageFilteCol
    .select2-container
    .select2-selection--multiple
    .select2-selection__rendered {
    display: block;
    padding-top: 9px;
    padding-bottom: 8px;
}

/*.htFormWrapper .pageFilteCol .select2-container .select2-search--inline{width: auto}*/
.htFormWrapper
    .pageFilteCol
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    padding: 0px;
}
.htFormWrapper .htFormRow .htFormCol label {
    font-weight: normal;
}

.otherInfoSection
    .pageFilteCol
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    margin-bottom: 3px;
    padding: 1px 5px;
}

/*2 Dec*/
.select2-container--default strong.select2-results__group {
    padding: 18px 16px 8px 16px;
    display: flex;
    font-size: 15px;
}
strong.select2-results__group + ul li.select2-results__option {
    padding-left: 30px !important;
}

.meetingRightBox {
    background: #f5f5f5;
    border-radius: 13px;
    padding: 20px 25px 35px 25px;
    width: 100%;
    margin: 25px 0 0 0px;
}
.tdAction img {
    margin: 0 5px;
}
.meetingRightBox .makeNotehead {
    font-size: 18px;
}
.meetingRightBox .presentMembersRow {
    max-height: calc(100vh - 350px);
    overflow-y: scroll;
    flex-direction: column;
    flex-wrap: nowrap;
}

/* Start For FMS */
.fmsStepContainer {
    width: 100%;
    margin-top: 45px;
    overflow-x: scroll;
    padding-bottom: 15px;
}
.fmsStepRow,
.addAnotherFmsStepRow,
.fmsHeadingLable,
.fmsAddQusRow,
.fmsAddQusOptionArea,
.fillCheckListRow,
.createSplitTopRow,
.splitFmsStepRow,
.splitFmsAddAnotherRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
}
.fmsStepRow {
    margin-bottom: 10px;
}
.fmsStepCol,
.fmsAddQusCol,
.createSplitCol {
    padding-right: 20px;
}
/*.fmsStepCol:last-child,.fmsAddQusCol:last-child{padding-right: 0px;} */
.fmsStepCol.fscStep {
    width: 65px;
    font-weight: 600;
    padding-top: 16px;
}
.fmsStepCol.fscMoveIcon {
    width: 20px;
    padding: 0px;
}
.fmsStepCol.fscStepName {
    width: 300px;
}
.fmsStepCol.fscDepartment {
    width: 250px;
}
.fmsStepCol.fscWho {
    width: 200px;
}
.fmsStepCol.fscHow {
    width: 200px;
}
.fmsStepCol.fscPlanBy {
    width: 150px;
}
.fmsStepCol.fscTat {
    width: 145px;
}
.fmsStepCol.fscSteps {
    width: 200px;
}
.fmsStepCol.fscChecklist {
    width: 238px;
}
.fmsStepCol.fscAction {
    white-space: nowrap;
    padding-top: 15px;
}
.fmsStepCol.fscAction img {
    margin: 0 5px;
}
.fmsStepCol.fscAction a,
.remove-step,
.remove-checklist,
.add-more-checklist-drpdown,
.remove-checklist-drpdown,
.fill_checklist,
.remove-condition-split-fms,
.remove-section {
    cursor: pointer;
}
.addAnotherFmsStepRow {
    padding-left: 0;
    padding-top: 25px;
}
.fmsHeadingLable {
    font-size: 17px;
    color: #7d7d7d;
    padding-top: 10px;
}
.addcheckListRow {
    width: 100%;
    border-bottom: 1px dashed #c1c1c1;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
/*.addcheckListRow:last-child{border: 0; margin-bottom: 0px; padding-bottom: 0px;}*/
.fmsAddQusRow {
    align-items: flex-start;
}
.fmsAddQusCol.aqc1 {
    width: 40%;
}
.fmsAddQusCol.aqc2 {
    width: 175px;
}
.fmsAddQusCol.aqc3 {
    width: 30%;
}
.fmsAddQusCol.aqcRemoveChecklist {
    width: 20px !important;
    position: absolute;
    top: 0;
    right: 0px;
    padding: 0 !important;
}
.fmsAddQusCol.clAddCondition {
    width: 125px;
    padding-right: 0;
    cursor: pointer;
    margin-top: 12px;
    margin-bottom: 10px;
    text-decoration: underline;
    color: #005fb3;
}
.fmsAddQusCol.clAddCondition:hover {
    text-decoration: none;
}
.fmsAddQusCol.aqcPrivateCheckBox {
    width: 120px;
    margin-top: 10px;
}
.fmsAddQusCol.aqcPrivateCheckBox label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
.fmsAddQusCol.aqcPrivateCheckBox .icheckbox_square-blue {
    margin-right: 8px;
}
.fmsAddQusCol.aqcIcon {
    background: url("../images/checklistliicon.png") no-repeat;
    margin: 0;
    padding: 0px;
    width: 13px !important;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 0;
}
.fmsAddQusOptionArea .fmsAddQusOptionWrapper {
    padding-top: 20px;
}
.fmsAddQusOptionWrapper {
    width: 100%;
    margin: 0px;
    padding: 0px 0 0 80px;
    list-style: upper-alpha;
}
.fmsAddQusOptionWrapper li {
    padding-bottom: 10px;
    padding-left: 10px;
    width: 100%;
}
.fmsAddQusOptionWrapper li .name {
    width: 420px;
    margin-right: 20px;
}
.fmsAddQusOptionWrapper li .name,
.fmsAddQusOptionWrapper li .action {
    display: inline-block;
}
.fmsAddQusOptionWrapper li .formControl {
    height: 36px;
}
.deleteFmsSection button {
    position: absolute;
    top: 35px;
    right: 15px;
    margin: 0;
    background: transparent;
    border: 0;
    color: #ff0000;
    font-size: 14px;
    padding: 0px;
    cursor: pointer;
    z-index: 1;
}
.deleteFmsSection button:hover {
    text-decoration: underline;
}
.fillCheckListRow {
    justify-content: space-between;
    background: #f6f6f6;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 17px 20px;
}
/*.fillCheckListRow:last-child{margin-bottom: 0px;}*/
.fillCheckListcol {
    width: calc(50% - 20px);
    display: flex;
    flex-wrap: wrap;
}
.fillCheckListcol .formControl {
    height: 42px;
}
.fillCheckListcol:first-child {
    font-size: 15px;
    font-weight: 500;
    padding-top: 6px;
}
.fillCheckListcol input[type="checkbox"],
.fillCheckListcol input[type="radio"] {
    width: 20px;
    height: 20px;
    margin: 0px;
}
.formLabelBox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: 30px;
}
.formLabelBox:last-child {
    margin-right: 0px;
}
.formLabelBox label {
    font-weight: normal;
    margin: 0px 0 0 10px;
}
.fillCheckListcol textarea.formControl {
    height: 115px;
}

/* .fmsLightBox .modal-content{background: #FFFFFF; box-shadow: 0px 3px 99px #00000029; border: 1px solid #B9B9B9; border-radius: 27px;} */

.modal-header {
    border: 0px;
    border-bottom: 1px solid #dadce0;
    padding: 0px 50px 30px;
    position: relative;
}
#checklistFillForm .modal-title,
.fmsLightBox .modal-title {
    font-size: 24px;
    padding-top: 20px;
}
#checklistFillForm .modal-header .close,
.fmsLightBox .modal-header .close,
.modal-header .close {
    width: 28px;
    height: 28px;
    background: #005fb3;
    color: #fff;
    border-radius: 100%;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    margin-top: 0;
    font-weight: normal;
    position: absolute;
    right: 16px;
    top: -25px;
}

#checklistFillForm .modal-body, .fmsLightBox .modal-body,/* .modal-body{padding-left: 25px; padding-right: 25px;} */
#checklistFillForm .modal-body,
.fmsLightBox .modal-body,  .modal-body {
    padding: 50px;
}
.modal-body div:empty {
    display: none;
}
.modal-title {
    font-size: 20px;
    font-weight: 600;
}
#checklistFillForm .htFormBtnRow,
.fmsLightBox .htFormBtnRow {
    padding-top: 10px;
}
form.splitFmsDelete {
    display: inline-block;
    margin-left: 10px;
    width: auto;
}
form.splitFmsDelete button {
    background: transparent;
    border: 0;
    padding: 0px;
    margin: 0px;
}
.fmsMainSection {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0px 0 50px 0;
}
.createSplitTopRow {
    position: relative;
    padding-left: 90px;
    margin-bottom: 30px;
}
.createSplitTopRow .createSplitCol {
    width: 25%;
}
.splitFmsStepRow .splitfsc1,
.createSplitLable {
    position: absolute;
    top: 35px;
    left: 0px;
    font-weight: 600;
    padding: 0px;
    width: auto !important;
}
.splitFscLeft,
.splitFscRight {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
}
.splitFscLeft {
    width: 100%;
    padding-left: 90px;
}
.splitFscLeft .splitfsc2 {
    width: 20%;
}
.splitFscLeft .splitfsc3 {
    width: 20%;
}
.splitFscLeft .splitfsc4 {
    width: 20%;
}
.splitFscLeft .splitfsc5 {
    width: 20%;
}
.splitFscLeft .splitfsc6 {
    width: 20%;
}
.splitFscLeft
    .htFormCol.pageFilteCol
    .select2-container--default
    .select2-selection--multiple {
    height: 40px;
}
.splitFscLeft
    .pageFilteCol
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    padding-top: 9px;
}
.splitFscLeft .select2-container--default .select2-selection--single {
    padding-right: 30px;
    padding-left: 10px;
}
.splitFscLeft
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow,
.splitFmsSectionArea
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    right: 5px;
}

.splitFscRight {
    width: 100%;
    padding-left: 90px;
    padding-right: 15px;
    margin-top: 15px;
}
.splitFscRight .splitfsc1 {
    left: 65px;
}
.splitFscRight .splitfsc2 {
    width: 25%;
}
.splitFscRight .splitfsc3 {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
}
.splitFscRight .splitfsc4 {
    width: 20px !important;
    text-align: right;
    padding: 33px 0 0 0;
}
.addConditionsHeading {
    font-size: 20px;
    font-weight: 500;
    width: 100%;
    padding: 40px 0 20px 0;
    margin-top: 25px;
    border-top: 1px dashed #c1c1c1;
}
.splitFmsAddAnotherRow {
    padding: 5px 0 0 90px;
}
/*.splitFmsStepRow {padding-bottom: 20px;}*/
.stepHeader {
    text-align: center;
    font-weight: 600 !important;
    align-self: baseline;
}
.fmsCreateChecklistSection {
    padding-top: 20px;
}
.fmsCreateChecklistHead {
    font-size: 17px;
    font-weight: 500;
}
.fmsCreateChecklistSection .fmsStepContainer {
    margin-top: 20px;
}
.fmsCreateChecklistSection .fmsAddQusCol.aqc1 {
    width: 60%;
}
.fmsCreateChecklistSection .fmsAddQusCol.aqc2 {
    width: 25%;
}
.fmsCreateChecklistSection .fmsAddQusCol.aqc3 {
    width: calc(15% - 35px);
}
.fmsAddQusOptionWrapper li .action .checklist-add-condition {
    display: inline-block;
    padding: 0px 10px 0 0px;
    color: #005fb3;
    cursor: pointer;
}
.fmsStepHeaderRow .fmsStepCol {
    padding: 0;
    font-weight: 600;
}
tr.fmsDisabledRow {
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}
tr.fmsGreenTableRow {
    background: #cafbcf !important;
}
.fmsCheckListSectionWrapper {
    padding-top: 30px;
}
.fmsCheckListSection {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #c1c1c1;
}
.fmsCheckListSection:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px solid #c1c1c1;
}
.fmsChecklistRow {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
}
.fmsChecklistCol {
    padding-right: 10px;
}
.fmsChecklistCol:last-child {
    padding-right: 0px;
}
.fmsChecklistCol.fcsCol1 {
    width: 100%;
    font-weight: 600;
    padding-bottom: 10px;
}
.fmsChecklistCol.fcsCol2 {
    width: calc(41% + 20px);
}
.fmsChecklistCol.fcsCol3 {
    width: 50px;
    padding-top: 9px;
}
.fmsCheckListSection .fmsStepContainer {
    margin-top: 15px;
}
.fmsCheckListSection .fmsAddQusCol.aqc2 {
    display: flex;
    align-items: center;
}
.fmsCheckListSection .fmsAddQusCol.aqc2 .checklist-add-condition {
    width: 100px;
    margin-left: 10px;
}
.messageBoardLeftSection {
    position: sticky;
    top: 20px;
}
.sectionQuestionRow {
    padding-bottom: 25px;
}
.sectionQuestionRow:last-child {
    padding-bottom: 0px;
}
.sectionQuestionLabel {
    font-weight: 600;
    color: #f00;
    padding-bottom: 10px;
}
.fmsLightBoxFormBtnRow {
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
}
.fmsStepContainer .fmsStepRow {
    display: block;
    white-space: nowrap;
}
.fmsStepContainer .fmsStepRow .fmsStepCol {
    display: inline-block;
    position: relative;
}
.fmsStepContainer .fmsStepRow .fmsStepCol .help-block {
    position: absolute;
    bottom: -17px;
    left: 0px;
    margin: 0px;
}
.entryChecklistRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 15px 0 0 0px;
}
.entryChecklistCol {
    margin-right: 30px;
    margin-bottom: 5px;
    display: inline-flex;
}
.entryChecklistCol:last-child {
    margin-right: 0px;
}
.entryChecklistCol label {
    font-weight: normal;
    display: flex;
    align-items: center;
}
.entryChecklistCol .icheckbox_square-blue {
    margin-right: 6px;
}
.fmsAddQusCol .remove-checklist {
    margin-top: 10px;
    display: block;
}

.cenArea,
.cenFormArea,
.dvlArea,
.dvlAreaRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
}
.cenArea {
    padding-top: 40px;
}
.cenArea .entryChecklistRow {
    padding: 10px 0 0 0;
}
/*.cenArea .entryChecklistCol input[type=checkbox]{width: 22px; height: 22px;}*/
.cenFormArea {
    margin-top: 20px;
}
.cenFormRow {
    width: 100%;
    margin-bottom: 10px;
}
.cenFormRow {
    width: 100%;
    margin-bottom: 10px;
}
.dvlAreaCol {
    width: 33.33%;
    padding-left: 15px;
    padding-bottom: 15px;
    position: relative;
}
.dvlArea {
    margin-top: 20px;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
}
.dvlAreaRow {
    padding-top: 15px;
    padding-bottom: 30px;
}
.dvlAreaColInfo {
    position: absolute;
    background: #333333;
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.5);
    padding: 7px 15px;
    top: 27px;
    left: 15px;
    z-index: 1;
}
.dvlAreaColInfo:before {
    content: "";
    top: -8px;
    left: 10px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #333333;
    position: absolute;
}
.dvlAreaHead {
    background: #333333;
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    padding: 8px 15px;
    border-radius: 5px 5px 0 0;
}
.addAnotherFmsStepRow.aacRow {
    padding: 10px 0 0 0;
}
#fmsNotificationModal.fmsLightBox .htFormBtnRow {
    padding: 25px 0 0 0;
}
#fmsNotificationModal.fmsLightBox .dvlAreaCol {
    width: 50%;
}
body.bodyNoScroll,
body.bodyNoScrollDD {
    overflow: hidden;
}

.otherInfoSectionRow {
    margin-top: 30px;
}
.otherInfoSection {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}
.otherInfoSectionHeading {
    width: 100%;
    font-size: 17px;
    padding: 0 0 10px 0;
    font-weight: 500;
}
.splitFmsStepRow .otherInfoSectionRow .fmsStepCol {
    width: 50%;
}

.stepHeadTT {
    position: relative;
}
.stepHeadTTWrap {
    width: 125px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 25px;
    display: none;
    white-space: normal;
    font-size: 12px;
    margin-right: -40px;
}
.stepHeadTTWrap:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 0px 5px 5px;
    border-bottom-color: #000;
}
.fmsTableWrap.table
    > thead:first-child
    > tr:first-child
    > th:last-child
    .stepHeadTTWrap {
    margin-right: 0px;
}
.fmsTableWrap.table
    > thead:first-child
    > tr:first-child
    > th:last-child
    .stepHeadTTWrap:before {
    left: 100%;
    margin-left: -25px;
}

.stepHeadTT:hover .stepHeadTTWrap {
    display: block;
}
/* End For FMS */
.tdCommentingRowWrapper.goalCommentingRowWrapper {
    height: calc(100% - 260px);
}
.pmsBodyNoScroll {
    overflow-y: hidden;
}
.pmsBodyNoScroll .attandanceSection .attendanceWrapper {
    max-height: calc(100vh - 415px);
}
.transparentBtn {
    background: transparent;
    border: 0;
    margin: 0px;
    padding: 0px;
}
.goalTopBtn .transparentBtn {
    margin-left: 10px;
}
.attendanceWrapper table.alignLeft {
    text-align: left;
}
.bottomEndMeetingLine {
    width: 100%;
    position: relative;
}
.bottomEndMeetingWrap {
    position: absolute;
    top: 25px;
    left: 0px;
    z-index: 1;
}

.fixedColumn.attendanceDateCol {
    width: 100px;
    min-width: 100px;
    white-space: nowrap;
}
.fixedColumn.attendanceDaysCol {
    width: 60px;
    left: 100px;
    min-width: 60px;
}
.fixedColumn.attendanceShiftCol {
    width: 55px;
    left: 160px;
    min-width: 55px;
}
.fixedColumn.attendanceStatusCol {
    width: 80px;
    left: 215px;
    min-width: 80px;
}
.acceptedTaskColor {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: orange;
    display: inline-block;
}
.tableScrollWrapper th {
    vertical-align: middle;
}

#createGoals .addTaskBtnRow {
    padding-top: 20px;
}
.goalTabCount {
    margin-left: 12px;
    font-weight: 600;
    line-height: 1;
}
.goalInfoContner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
    padding: 0px;
    justify-content: space-between;
}
.goalInfoContner .goalInfoWrap {
    width: calc(50% - 10px);
}
.main-sidebar .sidebar-menu > li a.menuCreateBtn {
    background-color: transparent;
    font-size: 14px !important;
    color: #fff !important;
    text-align: center;
    display: inline-block;
    padding: 5px 15px !important;
    border-radius: 3px;
    border: 1px solid #fff;
}
.addTaskCol.addTaskFile .file-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-top: 13px;
}
.noTaskFound {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0 -20px 0;
    padding: 0px;
    font-size: 18px;
    font-weight: 500;
}
.table > thead > tr > th a {
    color: #000;
}
.sectionTotalTaskLabel {
    color: #f00;
    font-weight: 600;
    padding-bottom: 10px;
    margin-top: -15px;
}
.pmsPageTable.tableScrollWrapper {
    white-space: normal;
}
.pmsPageTable.tableScrollWrapper .comment-text {
    display: block;
    width: 250px;
}
.main-sidebar .sidebar-menu > li .childMenuWrapper a.menuCreateBtn:hover,
.main-sidebar .sidebar-menu > li a.menuCreateBtn:hover {
    background: #fff !important;
    color: #005fb3 !important;
}
.main-sidebar .sidebar-menu > li a.menuCreateBtn:hover span {
    color: #005fb3 !important;
}

#suggestions {
    position: absolute;
    top: 100%;
    /* Position it below the input field */
    left: 0;
    width: 100%;
    max-height: 200px;
    /* Adjust as needed for max visible items */
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    /* Higher value to ensure it appears above other elements */
    display: none;
    /* Hidden by default */
    overflow-y: auto;
    /* Enables scrolling */
}

.suggestion-item {
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
}

.suggestion-item:hover {
    background-color: #f0f0f0;
}

#extraInfoFormModal .modal-body .col-md-4 {
    margin-top: 10px;
}
.entryDetailRow .fillCheckListcol:first-child {
    width: 35%;
    padding: 0px 10px 0 0;
}
.entryDetailRow .fillCheckListcol:last-child {
    width: 65%;
}
.showIndacationRow {
    display: flex;
    padding: 0 0 15px 0;
    margin: 0px 0 0 0px;
    width: auto !important;
}
.showIndacationCol {
    display: flex;
    align-items: center;
    margin: 0 25px 0 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 24px;
}
.showIndacationCol:last-child {
    margin-right: 0px;
}
.showIndacationCol span {
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 5px;
    margin-right: 7px;
}

.textRed {
    color: #f00 !important;
}
.textGreen {
    color: #00a65a !important;
}
.recurringTopActionRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px 0 10px 0;
    align-items: center;
    margin-bottom: -26px;
}
.recurringTopActionCol {
    cursor: pointer;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    transition: all 0.5s ease-in-out;
}
/* border:1px solid #a9a2a2; width: 40px; height: 40px;
.recurringTopActionCol:hover{background:#005cad; color: #fff; }  */
.recurringTopActionCol:hover path {
    fill: #005fb3;
}
.fmsLightBox .tdCommentingRowWrapper {
    padding-bottom: 15px;
}
.fmsLightBox .tdCommentingHeading {
    margin-top: 10px;
}

.tdCommentingSectionDate {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 24px;
    margin-top: 0px;
    color: #6a6a6a;
    text-transform: uppercase;
}
/*#private_message_board_total_content .chatFormArea{margin-bottom: 10px;}*/
.attendanceWrapper table.table {
    background: #fff !important;
}
.attandanceFormCheck {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 13px;
    margin: 0px 0 5px 0;
}
.attandanceFormCheck label {
    font-weight: normal;
    margin: 0px;
}

.attandanceSection
    #attendance_detail_data
    .table
    > thead
    > tr
    > th.fixedColumn {
    height: 60px;
}

.attandanceSection
    #attendance_detail_data
    .table
    > tbody
    > tr
    > td.fixedColumn.attendanceStatusCol,
.attandanceSection
    #my_attendance_detail_data
    .table
    > tbody
    > tr
    > td.fixedColumn.attendanceStatusCol {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table-striped > tbody > tr.holidayRedCls td.fixedColumn {
    background: #c8b3f7 !important;
}
.teamTableArea {
    width: 100%;
    padding-bottom: 20px;
}
.teamTableArea .dashbordBoxHeading {
    font-size: 15px;
    font-weight: 500;
}

.recurringDetialTable.jiraInnerTable > td .table thead,
.recurringDetialTable.jiraInnerTable > td .table tbody {
    width: 100%;
    display: contents;
}
span#jiraBacklogSection {
    cursor: pointer;
    position: relative;
}
span#jiraBacklogSection:after {
    background: url("../images/detail-down-arrow.png") no-repeat;
    width: 14px;
    height: 12px;
    content: "";
    position: absolute;
    top: 11px;
    right: -22px;
    background-size: 100%;
}
.addAnotherFmsStepRow.checklistAddMore {
    padding: 0 0 0 0px;
}

.tableDel form {
    width: auto;
    display: inline-block;
}
.headingBtnWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.recurringTopActionRow .showIndacationRow {
    padding-bottom: 0px;
}

.messageBoardSection,
.detailDescriptionSection {
    width: 600px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0px;
    background: #fff;
    z-index: 90;
    box-shadow: 0px 23px 36px #00000029;
    margin-right: -100%;
    transition: all 0.5s ease-in-out;
    padding: 20px 30px;
}
.openMessageBoard {
    cursor: pointer;
}
.messageBoardOpen,
.showDetailDescription {
    margin-right: 0;
}
/* .table>thead>tr.withArrow>th{padding-right: 20px!important;} */
/* .table>thead>tr.withArrow>th i.fa {position: absolute; top: 14px; right: 5px;} */
.table > thead > tr.withArrow > th i.fa {
    margin-left: 10px;
}
.messageBoardClose {
    background: #fff;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -35px;
    box-shadow: 0px 23px 36px #00000029;
    cursor: pointer;
    border-radius: 5px 0 0 5px;
}
.messageBoardClose svg path {
    fill: #747474;
}
.messageRowWrapper {
    width: 100%;
    max-height: 350px;
    padding-bottom: 0px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #d2d2d2 transparent;
}
/* max-height: calc(100vh - 275px); */
.messageBoardSection .alert-success {
    padding: 15px 10px !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
}
.messageBoardSection .alert-success strong {
    font-weight: normal;
}
.detailDescriptionSection .tableDetailWrapper {
    margin-top: 0px;
    height: calc(100vh - 35px);
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #d2d2d2 transparent;
}
.clickDetailDescription,
.colorBlue {
    color: #3c8dbc;
    cursor: pointer;
}
.htFormFileCol {
    position: relative;
}
.htFormFileCol .file-display,
.htFormFileCol #uploaded_file {
    position: absolute;
    top: 0;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 0px 0 10px;
    width: calc(100% - 175px);
    word-break: break-word;
    color: #888888;
    font-size: 14px;
}
.htFormFileCol .file-display .file-link {
    color: #888888;
    font-weight: normal;
}
.htFormFileCol .file-display .remove-file-link {
    border: 0;
    background: transparent;
    background: url("../images/file-cross.png") no-repeat;
    width: 10px;
    height: 10px;
    margin: 5px 0 0 10px;
    background-size: 100%;
}
#uploaded_file .remove-file-link {
    border: 0;
    background: transparent;
    background: url("../images/file-cross.png") no-repeat;
    width: 15px;
    height: 15px;
    margin: 5px 0 0 10px;
    background-size: 100%;
}
.dropdown-menu #uploaded_file .remove-file-link {
    background: url("../images/delete-icon.png") no-repeat;
}

.deleteIconRow,
.confirmationText {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.deleteIconRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.deleteIconRow .deleteIcon {
    width: 90px;
    height: 90px;
    background: url("../images/delete-image.png") center no-repeat;
    background-size: 100%;
}
.confirmation-modal .modal-footer {
    text-align: center;
}
.confirmationText {
    text-align: center;
    font-size: 17px;
    padding-top: 25px;
}
.confirmation-modal .modal-content {
    padding-top: 20px;
    padding-bottom: 20px;
}
.modal-content {
    border-radius: 25px;
    padding-bottom: 25px;
}
.lbSelectAll,
.lbSelectAll li,
.lbSelectAllBtn {
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.lbSelectAll {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 15px;
}
.lbSelectAll li {
    margin-bottom: 13px;
    width: calc(50% - 10px);
    display: flex;
    align-items: center;
    font-size: 15px;
}
.lbSelectAll li label {
    font-weight: normal;
    margin: 1px 0 0 8px;
}
.lbSelectAllBtn {
    padding-top: 30px;
    text-align: center;
}
.lbSelectAll li.selectAllRow {
    width: 100%;
}
.modal-body.container-cls {
    padding-top: 30px;
}
/* .modal-body.container-cls .htFormBtnRow{padding: 0px;}  */

.lvWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0 20px 0;
    padding: 0px;
    border: 0px solid #ededed;
}
.lvInfoCol {
    border: 1px solid #ededed;
    width: 25%;
}
.lvInfoCol .lvInfoLine {
    padding: 10px;
}
.lvInfoLine:last-child {
    background: #f6f6f6;
}
/*.lvInfoHead .lvInfoCol{border: 0}*/
.lvInfoHead .lvInfoLine {
    color: #000;
    font-weight: 600;
}
.lvInfoHead {
    width: 125px;
}
.lvInfoHead .lvInfoCol {
    width: 100%;
}
.lvInfoRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#fields .htFormRow {
    position: relative;
}
#fields .htFormRow .btn-remove {
    position: absolute;
    top: 10px;
    right: -30px;
    width: 25px;
    justify-content: center;
    display: flex;
    height: 25px;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
}
#fields .htFormRow .help-block {
    margin-bottom: 0px;
}
.htFormRow.addNewField {
    margin-top: 10px;
}
.addFieldErrorBlock {
    width: 100%;
    display: block;
    color: #f00;
    margin: -5px 0 20px 0;
}

.viewRecurringReportLink .rrlHide {
    display: none;
}
.viewRecurringReportLink.hideText .rrlHide {
    display: block;
}
.viewRecurringReportLink.hideText .rrlView {
    display: none;
}

.clear {
    clear: both;
}
.batchEntryWrapper .pageMainHeading {
    margin-bottom: 15px;
}
.batchEntrySection {
    float: left;
    margin-bottom: 40px;
    overflow-x: scroll;
}
.dFlex {
    display: flex;
    flex-wrap: wrap;
}
.batchEntryRow {
    position: relative;
    padding-right: 50px;
    margin-bottom: 10px;
    white-space: nowrap;
}
.batchEntryRow .actionBtn {
    width: 60px;
    display: inline-block;
    text-align: right;
}
.batchEntryRow .actionBtn span {
    margin-right: 10px;
    cursor: pointer;
}
.batchEntryRow .actionBtn span:last-child {
    margin-right: 0px;
}
.batchEntryCol {
    padding: 0 15px 0 0;
    display: inline-block;
}
.batchEntryHeader {
    font-weight: 500;
    padding-top: 10px;
}
.addedBeRow {
    margin-top: 20px;
}
.batchEntryCol-1 .batchEntryCol {
    width: 100%;
}
.batchEntryCol-2 .batchEntryCol {
    width: calc(50% - 30px);
    font-weight: normal;
}
.batchEntryCol-3 .batchEntryCol {
    width: calc(33.33% - 20px);
}
.batchEntryCol-4 .batchEntryCol {
    width: calc(25% - 15px);
}
.batchEntryCol-5 .batchEntryCol {
    width: calc(20% - 12px);
}
.batchEntryWrapperForm {
    padding-top: 35px;
}

.itemLightBox .batchEntryRow {
    padding-right: 0px;
}
.itemLightBox .batchEntryRow .batchEntryCol {
    width: 25%;
}
.itemLightBox .fmsLightBoxFormBtnRow {
    padding-top: 10px;
}
.itemReceivedArea {
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#captureItemInfoSelectionModal.itemLightBox .batchEntryRow .batchEntryCol,
#checklistFillForm.itemLightBox .batchEntryRow .batchEntryCol,
#entryChecklists.itemLightBox .batchEntryRow .batchEntryCol,
#entryDetailModal.itemLightBox .batchEntryRow .batchEntryCol {
    width: 33.33%;
}
.qtyReceivedValue {
    width: 40px;
}
.fieldLabel {
    width: 100%;
    font-weight: 500;
    margin-bottom: 10px;
}
.extraInfoHeading {
    font-size: 16px;
    font-weight: 500;
    padding-top: 0;
    color: #005fb3;
}
.uploadImgArea {
    position: relative;
    width: 65px;
    margin-right: 8px;
}
.uploadImgArea .editphoto .editUploadImg {
    position: absolute;
    bottom: 0px;
    right: 10px;
    background: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.editUploadImg img {
    width: 15px;
}
.navbar-nav
    > .user-menu
    > .dropdown-menu
    > li.user-header
    > .uploadImgArea
    img.img-circle {
    height: 50px;
    width: 50px;
    border: 3px solid transparent;
    border-color: rgb(197 181 181 / 20%);
    object-fit: cover;
}

.uploadImgArea .img-edit {
    margin: 0px auto 0;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.uploadImgArea #uploaded_file {
    margin-right: 8px;
}
.uploadImgArea .editUploadImg {
    bottom: 0;
    cursor: pointer;
    right: 0;
    position: relative;
    margin: 0;
    width: auto;
    height: auto;
}
.uploadImgArea #uploaded_file .remove-file-link {
    margin: 0px 0 0 0px;
    background-size: 95%;
}
.uploadImgArea .img-edit img,
.uploadImgArea .img-edit a,
.uploadImgArea .editphoto .editUploadImg {
    transition: 0.5s;
}
.uploadImgArea .img-edit img:hover,
.uploadImgArea .img-edit a:hover,
.uploadImgArea .editphoto .editUploadImg:hover {
    transform: translateY(-1px);
}

.sectionInfoArea {
    justify-content: space-between;
}
.sectionInfoArea .tableDetailWrapper {
    margin: 0px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #d2d2d2 transparent;
    max-height: calc(100vh - 70px);
    height: auto;
}
.sectionInfoArea .sectionInfoRightArea,
.sectionInfoArea .tableDetailWrapper {
    /*width: calc(50% - 10px);*/
    width: 100%;
}

.sectionInfoModal {
    max-width: 100%;
    width: 767px; /*width: 1080px*/
}
.sectionInfoModal .modal-header {
    border: transparent;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.sectionInfoRightArea .tdCommentingHeading {
    font-size: 20px;
    font-weight: 500;
}
/* .sectionInfoModal .modal-header .close{position: absolute; top:15px; right: 10px; z-index: 1} */
.sectionInfoModal .modal-body {
    padding-top: 25px;
}
.sectionInfoModal .modal-content {
    padding-bottom: 0px;
}
.sectionInfoRightArea .tdCommentingTopRow {
    margin-top: 50px;
}
.sectionInfoRightArea .tdCommentingRow {
    margin-bottom: 0px;
}
.sectionInfoRightArea .tdCommentingRowContainer {
    margin-bottom: 20px;
}
.sectionInfoRightArea .tdCommentingRowWrapper {
    height: auto;
}
.bg-green,
.callout.callout-success,
.label-success,
.modal-success .modal-body {
    padding: 3px;
    font-weight: 500;
}

.ticket-row.font-bold {
    color: red;
}

.splitFmsStepRow .fmsStepCol {
    width: 25%;
    margin-bottom: 10px;
}
.splitFmsStepRow .fmsStepCol .fieldLabel {
    margin-bottom: 5px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.fieldLabelInfo {
    position: relative;
    z-index: 1;
    margin-left: 10px;
}
.fieldLabelInfo img {
    cursor: pointer;
}
.fieldLabelInfoText {
    position: absolute;
    top: 30px;
    left: -10px;
    background: #000;
    color: #fff;
    padding: 10px 12px;
    border-radius: 5px;
    width: 275px;
    font-weight: normal;
    display: none;
}

.fieldLabelInfoText:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid black;
}
.fieldLabelInfo:hover .fieldLabelInfoText {
    display: block;
}

.fmsAddQusRow.fmsStep {
    position: relative;
    padding-left: 22px;
    padding-right: 20px;
}
.fmsAddQusRow.fmsStep .fmsAddQusCol {
    width: 33.33%;
    padding-right: 10px;
}
.fmsAddQusRow.fmsStep .fmsAddQusDelete {
    position: absolute;
    top: 10px;
    right: 0px;
    cursor: pointer;
}

.fmsPrivateRow {
    position: relative;
    padding-left: 100px;
}
.fmsPrivateLabel {
    position: absolute;
    top: 20px;
    left: 0px;
    font-weight: normal;
}
.fmsPrivateLabel label {
    font-weight: normal;
    margin: 0;
    display: flex;
}
input[type="checkbox"],
input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0 8px 0 0;
}
.fmsAddQusRow.fmsStep .fmsPrivateRow .fmsAddQusCol {
    width: 50%;
}
/* .fmsAddQusRow.fmsStep .pageFilteCol .select2-container--default .select2-selection--multiple .select2-selection__choice{padding-top: 11px;} */
.add-more-checklist-drpdown {
    margin-left: 10px;
}

.addDoersRow .fmsAddQusCol {
    width: 50%;
    padding-right: 10px;
}
.addDoersHeading {
    padding-bottom: 10px;
    font-weight: 600;
    color: #ff0000;
}
.fmsStepCol.fscAction span {
    color: #3c8dbc;
    cursor: pointer;
}
.fmsStepCol.fscAction span:hover {
    text-decoration: underline;
}

.idHeadingWrap {
    margin-bottom: 35px;
}
.htFormWrapper .idHeadingWrap .pageMainHeading {
    margin-bottom: 0px;
}
.idHeadingRight {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.idHeadingRight .fieldLabelInfoText {
    width: 350px;
    white-space: normal;
    padding: 20px;
}

.fieldLabelInfoSection,
.fieldLabelInfoSection ul,
.fieldLabelInfoHeading {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.fieldLabelInfoSection {
    margin-bottom: 25px;
}
.fieldLabelInfoSection:last-child {
    margin-bottom: 10px;
}
.fieldLabelInfoHeading {
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 8px;
}
.fieldLabelInfoSection ul {
    list-style: none;
    padding: 0 0 0 10px;
}
.fieldLabelInfoSection li {
    padding: 0 0 6px 13px;
    position: relative;
}
.fieldLabelInfoSection li:last-child {
    padding-bottom: 0px;
}
.fieldLabelInfoSection li:before {
    position: absolute;
    top: 8px;
    left: 0px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #fff;
    content: "";
}

/*
.lbChatFormArea{width: 100%; margin: 0px; padding: 0px;}
.lbChatFormArea .taskChatInput {width: 100%; height: 100%; font-size: 14px; color: #606060; background: #FFFFFF; border: 1px solid #D9D9D9; padding: 10px 15px; resize: none; outline: none; overflow: hidden;border-radius: 12px;}

*/
.sidebar-mini.sidebar-collapse .main-sidebar li:hover .menuCreateBtn span {
    min-width: inherit !important;
}
.gridSelectArea {
    margin: 0 5px;
}
.gridSelectArea
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding-right: 18px;
}
th.thFmsColSpan {
    border-bottom: 2px solid #ededed !important;
    text-align: center;
}
.headingBtnWrap .gridSelectArea {
    min-width: 200px;
}

body.bodyDemo .main-header {
    background: #1e88e5;
}
body.bodyDemo .main-header .mainToggleBtn svg line {
    stroke: #fff;
}
body.bodyDemo .userNameHeader,
body.bodyDemo .userDesignationHeader {
    color: #fff;
}
body.bodyDemo .userNameHeader {
    font-size: 16px;
}
body.bodyDemo .userDesignationHeader {
    font-size: 13px;
    font-weight: normal;
}
body.bodyDemo
    .navbar-custom-menu
    > .navbar-nav
    > li.user-menu
    a.dropdown-toggle:after {
    background: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #fff;
}
body.bodyDemo .main-sidebar .sidebar-menu > li a.hasChild:after {
    background: none;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #1e88e5;
}
body.bodyDemo .img-responsive,
.img-responsive.demoPageLogo {
    display: none;
}
body.bodyDemo .img-responsive.demoPageLogo {
    display: block !important;
}
body.bodyDemo .btnTaskStatus {
    padding: 5px 15px 5px 20px;
    border-radius: 20px;
}
body.bodyDemo .btnTaskStatus span {
    top: 9px;
    left: 7px;
}
body.bodyDemo .bntNotStarted {
    background: #fff8dc;
    color: #efad32;
}
body.bodyDemo .bntSubmit {
    background: #ceffe9;
    color: #00a854;
}
body.bodyDemo .btnOnHold {
    background: #d0d0d0;
    color: #808080;
}
.bntPendingWork {
    background: #c6e9ff;
    color: #33afff;
}
body.bodyDemo .btn-success {
    background-color: #2ecc71;
    border-color: #2ecc71;
}

/*
.cardDesign td ul{width: 100%; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; list-style: none}
.cardDesign td ul li{width: 100%; padding: 0 0px; display: flex; flex-wrap: wrap; font-size: 14px; margin: 0 0 10px 0px;}
.cardDesign td ul li:last-child{margin-bottom: 0px;}
.cardDesignLabel{font-weight: 500; width: 130px; padding-right: 20px;}
.cardDesignValue{width: calc(100% - 130px)}
*/
.textRunning {
    color: #efad32;
}
.textCompleted {
    color: #00a854;
}
.textPending {
    color: #33afff;
}

.tableNoWrap.table > thead > tr > th {
    white-space: nowrap !important;
}

.headingVoiceNote {
    width: 100%;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 7px;
    display: none;
}
.rowVoiceNote {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    align-items: center;
}

.rowEditVoiceNote {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.rowEditVoiceNote audio,
.rowVoiceNote audio {
    margin-right: 15px;
    height: 40px;
}
.rowVoiceNote audio {
    width: 88%;
}
.addTaskBtn {
    width: 100%;
    text-align: center;
    padding-top: 20px;
}
.voiceNoteBtnWrap {
    display: flex;
    align-items: center;
    width: auto;
    justify-content: center;
    margin-left: auto; /*margin: 20px 0 11px 0;*/
}
.voiceNoteBtnWrap button {
    border-radius: 100%;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    background: #ef4444;
}
/* .voiceNoteBtnWrap .btnStartRecord{background: #00a854} */
.voiceNoteBtnWrap .btnStopRecord {
    background: #ef4444;
    opacity: 1;
}

#wave {
    height: 32px;
    width: 32px;
    fill: #005fb3;
}
.voiceCallActive #Line_1 {
    -webkit-animation: pulse 0.7s infinite;
    animation: pulse 0.7s infinite;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.voiceCallActive #Line_2 {
    -webkit-animation: pulse 0.7s infinite;
    animation: pulse 0.7s infinite;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.voiceCallActive #Line_3 {
    -webkit-animation: pulse 0.7s infinite;
    animation: pulse 0.7s infinite;
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
}

.voiceCallActive #Line_4 {
    -webkit-animation: pulse 0.7s infinite;
    animation: pulse 0.7s infinite;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.voiceCallActive #Line_5 {
    -webkit-animation: pulse 0.7s infinite;
    animation: pulse 0.7s infinite;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}

.voiceCallActive #Line_6 {
    -webkit-animation: pulse 0.7s infinite;
    animation: pulse 0.7s infinite;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.voiceCallActive #Line_7 {
    -webkit-animation: pulse 0.7s infinite;
    animation: pulse 0.7s infinite;
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s;
}

.voiceCallActive #Line_8 {
    -webkit-animation: pulse 0.7s infinite;
    animation: pulse 0.7s infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.voiceCallActive #Line_9 {
    -webkit-animation: pulse 0.7s infinite;
    animation: pulse 0.7s infinite;
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s;
}

@-webkit-keyframes pulse {
    0% {
        transform: scaleY(1);
        transform-origin: 50% 50%;
    }
    50% {
        transform: scaleY(0.7);
        transform-origin: 50% 50%;
    }
    100% {
        transform: scaleY(1);
        transform-origin: 50% 50%;
    }
}

@keyframes pulse {
    0% {
        transform: scaleY(1);
        transform-origin: 50% 50%;
    }
    50% {
        transform: scaleY(0.7);
        transform-origin: 50% 50%;
    }
    100% {
        transform: scaleY(1);
        transform-origin: 50% 50%;
    }
}

.boardTitleRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 20px 0;
    padding: 0px 0px 0px 0px;
}
.boardTitleHeading {
    font-size: 17px;
    font-weight: 600;
}
.tasksFilteRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0 0px 0;
    justify-content: space-between;
}
.tasksFilteRight {
    position: relative;
    margin: 0px;
    padding: 0px 0px 0 0;
    width: 40%;
    display: inline-flex;
}
.tasksFilteRight .search-btn {
    position: absolute;
    top: 0px;
    right: 10px;
    margin: 0px;
}
.tasksFilteLeft {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    width: calc(100% - 410px);
    position: relative;
}
.tasksFilteBtnWrap {
    text-align: right;
}
.tasksFilteForm {
    width: calc(100% - 175px);
}
.tasksFilteLeft .tasksFilteForm {
    width: 180px;
    margin-right: 5px;
}
.boardTitleBtn button {
    margin-left: 15px;
}
.boardTitleBtn button:first-child {
    margin-left: 0px;
}
.delegationAddTaskRow {
    width: 100%;
    margin: 0px 0 15px 0;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.btn.direct-submit-task-done-link,
.btn.direct-hit-submit-ticket-done-link {
    background: #005fb3 !important;
    border-color: #005fb3;
}
.btn.direct-submit-task-done-link:hover,
.btn.direct-hit-submit-ticket-done-link:hover {
    background: #1a7ad0 !important;
    border-color: #1a7ad0;
}
.btn:active {
    outline: none !important;
    box-shadow: none;
    opacity: 9;
}
.delegationArea {
    width: 100%;
    margin: 25px 0 35px 0px;
    padding: 0px 0 20px;
    background-color: white;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border: 2px solid #ededed;
    border-top: 0;
}
.delegationArea .tableDetailHeadingWrapper {
    background: #e3e3e3;
    padding: 10px 20px;
    margin: 0px;
}
.delegationArea .tableDetailHeadingWrapper h1.pageMainHeading {
    margin: 0;
    padding: 0;
}
.delegationTabRow {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background: #f5f5f5;
    white-space: nowrap;
    display: block;
}
.delegationTabCol {
    display: inline-block;
    padding: 0px 10px;
}
.delegationTabRow .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 0px;
}
.delegationTabRow .mCSB_scrollTools .mCSB_draggerRail,
.delegationTabRow .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: transparent !important;
}
.delegationTabRow .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 5px;
}
.delegationTabRow
    .mCSB_scrollTools.mCSB_scrollTools_horizontal
    .mCSB_dragger
    .mCSB_dragger_bar {
    margin: 0 auto;
}
.delegationInnerArea .recurringTopActionRow {
    margin-bottom: 0;
}

.board-item a.tab {
    padding: 10px 20px;
    font-size: 16px;
    margin: 0;
    position: relative;
    color: #373737;
    white-space: nowrap;
}
.board-item a.tab:after {
    content: "";
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 3px;
    background: transparent;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.board-item a.tab.currentTab {
    color: #fff;
    font-weight: 500;
    background: #005fb3;
}
.board-item a.tab.currentTab:after {
    background: #005fb3;
}

.delegationInnerArea {
    width: 100%;
    margin: 0px;
    padding: 0 20px;
}
.delegationInnerArea .myHitTabRow {
    margin-top: 10px;
}
.tasksFilteRow .filterIconBtn {
    width: 40px;
    height: 40px;
}
.delegationArea .table {
    border-width: 1px !important;
}
.delegationAddTaskRow {
    width: 100%;
    margin: 25px 0;
    padding: 0px;
}
.delegationAddTaskRow button {
    width: 100%;
    border: 0;
    border-radius: 3px;
    text-align: left;
    padding: 12px 20px;
    color: #373737;
    font-size: 17px;
    background-color: #b6dff7;
}
.delegationAddTaskRow button:hover {
    background: #9fceea;
}
.cdnnArea {
    width: 275px;
    white-space: normal;
}
.fmsNotStarted {
    width: 23px;
    height: 23px;
    border: 2px solid #ccc;
    border-radius: 100%;
    position: relative;
}
.fmsNotStarted:after {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
    content: "";
}
.cnbCheckRow {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}
.cnbCheckRow label {
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    width: calc(100% - 50px);
}
.cnbCheckRow input {
    width: 20px;
}
.no-cursor {
    cursor: default;
}
.no-cursor:hover {
    cursor: none;
}
.main-sidebar .sidebar-menu > li a i svg path {
    fill: rgb(255 255 255 / 60%);
}
.main-sidebar .sidebar-menu > li a i svg {
    opacity: 9;
}
.fmsLightBoxTd {
    text-align: center;
}
.fmsLightBoxTd span {
    padding: 0 5px;
    display: inline-block;
    cursor: pointer;
}
.fmsLightBoxTd span img,
.fmsLightBoxTd span svg {
    width: 100px;
    border: 1px solid #e5e5e5;
    background: #fff;
}
.fmsLightBoxTd span svg {
    height: 80px;
}
.main-sidebar .sidebar-menu > li a i svg {
    opacity: 9;
    max-width: 20px;
}
.fmsLightBoxTdRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.modalChartLb {
    max-width: 100%;
    width: 1100px;
}

/*.fmsChildRow{background: #fffdf5 !important; border-bottom: 2px solid #ededed;}*/
.table-bordered > tbody > tr > td.fmsChildArrow {
    position: relative;
    padding-left: 30px;
}
.table-bordered > tbody > tr > td.fmsChildArrow svg {
    position: absolute;
    top: 8px;
    left: 8px;
}
.fmsNumber svg {
    display: none;
}

.fmsLegendWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 0;
    margin-bottom: 10px;
    background-color: #f8f9fa;
    padding: 10px 15px;
    border-radius: 6px;
    border: 1px solid #ededed;
}
.fmsLegendCol {
    display: flex;
    align-items: center;
    font-size: 13px;
}
.fmsLegendCol span {
    width: 16px;
    height: 16px;
    margin-right: 7px;
    border-radius: 3px;
    display: block;
}

.fmsLabel {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 5px;
    font-weight: 500;
    display: inline-block;
    text-transform: capitalize;
}
.fmsLabelstraight {
    background-color: #e6f0ff;
    color: #4285f4;
}
.fmsLabelprimary {
    background-color: #ffebee;
    color: #db4437;
}
.fmsLabeldirect {
    background-color: #fff8e1;
    color: #f4b400;
}
.fmsLabelstagger {
    background-color: #e8f5e9;
    color: #0f9d58;
}
.fmsLabelloop {
    background-color: #e6e6e6;
    color: #615f5f;
}
.ptaFilter {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0px 0 20px 0;
    padding: 0px;
}
.ptaFilterInner {
    width: 200px;
}
.fmsTableBtnWrap {
    width: 90px;
    white-space: nowrap;
}
.fmsTableBtnWrap .delete-confirm {
    margin: 0 10px;
}
.zoom-img {
    transition: transform 0.3s ease-in-out;
}
.zoom-img:hover {
    transform: scale(2);
}
/*.htFormCol.pageFilteCol .select2-container--default .select2-search--inline .select2-search__field{width: auto!important}*/
.addBenchmarkForm,
.addBenchmarkheading {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.addBenchmarkheading {
    text-align: center;
    font-size: 18px;
    margin-bottom: 25px;
    padding: 0px 0px 7px;
    border-bottom: 2px solid #e3e3e3;
    font-weight: 500;
    margin-top: 10px;
}
.abfColHead .htFormCol {
    margin-bottom: 15px;
    font-weight: 500;
}
.abfColSubHead {
    width: 100%;
    margin: 10px 0 8px 0;
    padding: 0px;
}
.extchRow .formReChWrap {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.misTableWrap,
.misTableHead {
    width: 100%;
    margin: 0;
    padding: 0px;
    display: inline-block;
}
/* .misTableWrap{margin-bottom: 20px;} */
.misTableHead {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
}
.next-week-planned {
    display: flex;
    align-items: center;
}
.next-week-planned .formControl {
    width: 60px;
    text-align: center;
    padding: 0;
    height: 22px;
}
.next-week-planned i.fa {
    font-size: 25px;
    margin-left: 15px;
    color: #b5b5b5;
    cursor: pointer;
}
.misSearchDateRange {
    width: 220px;
    margin-bottom: 7px;
    display: inline-block;
}
.misSearchDateRange .formControl {
    text-align: center;
    height: 43px;
    padding: 0 10px;
}
.myHitTabRow .misSearchDateRange {
    margin-bottom: 0;
}
.myHitTabRow .misSearchDateRange .formControl {
    height: 40px;
}

.unassignedRow {
    position: relative;
    width: 100%;
    margin: 0px 0 20px 0;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.unassignedRow .htFormCol {
    width: calc(100% - 35px);
    margin: 0;
}

.file-icon,
.preview-close {
    display: flex;
    font-weight: 700;
}
/*#preview-container,#edit-preview-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}*/
.preview-item {
    position: relative;
    width: 100%;
    padding: 0px;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.preview-item .file-icon,
.preview-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.preview-close {
    position: absolute;
    top: 5px;
    right: 5px;
    background: red;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.file-info {
    margin-top: 10px;
    font-size: 0.8em;
}
.file-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
}
.delegationPreviewContainer {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    z-index: 3;
    border-radius: 6px;
    height: 102px;
    background: #fff;
    border: 1px solid #d2d2d2;
}
.delegationPreviewContainer:empty {
    display: none;
}
.delegationPreviewContainer .file-info {
    display: none;
}

.vnIconRow {
    width: 100%;
    display: flex; /*flex-wrap: wrap;*/
    justify-content: flex-start;
    align-items: center;
}
.vnIconBox {
    height: 60px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* background: #f3f4f6; width:60px; */
.vnIconBox svg {
    color: #6b7280;
    width: 35px;
}
.vnIconRingWrap {
    position: absolute;
    display: none;
}
@keyframes ping {
    75%,
    to {
        transform: scale(2);
        opacity: 0;
    }
}
.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.vnIconRing {
    border: 2px solid #f87171;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.voiceCallActive .vnIconRingWrap {
    display: block;
}
/* .voiceCallActive .vnIconBox{background: #fef2f2}
.voiceCallActive .vnIconBox svg{color: #ef4444} */
.vnLabelRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px 0 0 0px;
    padding: 0px;
}
.vnLabelRecording {
    display: none;
}
.voiceCallActive .vnLabelReady {
    display: none;
}
.voiceCallActive .vnLabelRecording {
    display: inline-block;
}
.vnTimerRow {
    width: auto;
    margin-left: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 22px;
    font-weight: 600; /* margin-top: 25px;*/
}
.vnIconRow .vnIconRow {
    width: auto;
}

.loginFormWrap label.error {
    font-size: 12px;
    color: #ff0000a6;
}
.saTableBtn a,
.saTableBtn span {
    margin: 0 5px;
}
.domain-copy-container {
    max-width: 350px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin: 0px;
    padding: 0px;
}
.copy-domain-btn {
    border: 0;
    background: transparent;
    margin: 0px 10px 0 0;
    padding: 0px;
    width: 20px;
}
.domain-copy-container span {
    width: calc(100% - 30px);
}
.saSearchRow {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.saSearchRow .pageFilteCol {
    padding: 0;
}

.modulesListArea {
    width: 100%;
}
.modulesListHeading {
    width: 100%;
    margin: 0px 0 15px 0;
    padding: 0px;
    font-size: 20px;
    font-weight: 500;
}
.checkbox-wrapper {
    margin-bottom: 13px;
    display: flex;
    flex-wrap: wrap;
}
.checkbox-wrapper label {
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: normal;
}
.parent-module .checkbox-wrapper {
    margin-bottom: 0px;
    margin-top: 0px;
}
.parent-module .checkbox-wrapper label {
    font-weight: 500;
}
.checkbox-wrapper input[type="checkbox"] {
    margin: 3px 15px 0 0;
}
.modulesListArea hr {
    border-color: #ededed;
}
.parent-module {
    font-size: 16px;
    padding: 10px 15px;
    background-color: #f6f6f6;
    border-radius: 4px;
}
.child-modules .checkbox-wrapper input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.module-group {
    width: 100%;
    margin-bottom: 10px;
}
.child-modules {
    padding-left: 10px;
    margin-top: 15px;
}
.modules-scrollable {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 0px;
    border: 2px solid #ededed;
    border-radius: 5px;
}
.modules-scrollable::-webkit-scrollbar {
    width: 4px;
}
.modules-scrollable::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.modules-scrollable::-webkit-scrollbar-thumb {
    background: #d2d2d2;
    border-radius: 10px;
}
.modules-scrollable::-webkit-scrollbar-thumb:hover {
    background: #9c9c9d;
}

.assigned-modules {
    width: 100%;
    margin: 0px 0 50px 0;
    padding: 0px;
    border: 2px solid #ededed;
    border-radius: 5px;
}
.assignedModulesSectionHead {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px;
    background-color: #f6f6f6;
    border-radius: 4px;
}
.assignedChildModuleList,
.assignedChildModuleList ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.assignedChildModuleList {
    padding: 15px;
}
.assignedChildModuleList ul {
    flex-wrap: wrap;
    display: flex;
    list-style: none;
}
.assignedChildModuleList li {
    position: relative;
    padding-left: 18px;
    width: 25%;
    margin-bottom: 12px;
}
.assignedChildModuleList li:before {
    position: absolute;
    top: 9px;
    left: 0;
    content: "";
    width: 9px;
    height: 2px;
    background: #858585;
}
.htFormLeft {
    margin: 0;
}
.htFormWrapper .htFormRow.saFileRow .htFormCol label {
    margin: 0px;
}
.htFormRow.saFileRow {
    margin-top: -10px;
}
.htFormRow.saFileRow .imgNote {
    padding-top: 10px;
}
.htFormRow.saFileRow .file-btn-area {
    height: 40px;
}
.mpTableText {
    max-width: 275px;
    white-space: normal;
}

.addMaxUserForm {
    margin: 35px 0 0 0;
    padding: 0;
}
.addMaxCbRow {
    width: 100%;
    margin: 10px 0 0 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
}
.addMaxCbRow label {
    margin: 0 !important;
    padding: 0px;
    width: calc(100% - 20px);
    line-height: 1;
}
.addMaxCbRow input[type="checkbox"] {
    width: 17px;
    height: 17px;
}
.stView {
    position: relative;
    width: auto;
    display: inline-block;
}
.stViewNumber {
    position: absolute;
    top: -2px;
    right: -14px;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    font-size: 80%;
}
tr.viewhighlist {
    background: #e3eeff !important;
}
.stView {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.stView .stViewNumber {
    position: relative;
    border-radius: 0;
    font-size: 14px;
    top: auto;
    right: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

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

.permissionShowList .showlist,
.permissionShowList .showlist ul {
    width: 100% !important;
    margin: 0px;
    padding: 0px;
}
.permissionShowList .showlist .parent-module {
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0;
    box-shadow: none;
    font-size: inherit;
    background: transparent;
}

.permissionShowList .showlist ul {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 0px;
    border: 2px solid #ededed;
    border-radius: 5px;
}
.permissionShowList .showlist ul::-webkit-scrollbar {
    width: 4px;
}
.permissionShowList .showlist ul::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.modules-scrollable::-webkit-scrollbar-thumb {
    background: #d2d2d2;
    border-radius: 10px;
}
.permissionShowList .showlist ul::-webkit-scrollbar-thumb:hover {
    background: #9c9c9d;
}
.permissionShowList .alldashboard {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 15px 0;
    padding: 0;
    justify-content: center;
}
.permissionShowList .alldashboard label {
    margin: 0 25px;
    display: flex;
    font-weight: normal;
    align-items: center;
}
.permissionShowList .alldashboard label input[type="radio"] {
    width: 16px;
    height: 16px;
}

.permissionShowList .showlist .parent-module ul {
    border: 0;
    font-size: inherit;
    box-shadow: none;
    background: transparent;
    margin: 10px 0 0 0;
    padding: 0 15px;
}
.permissionShowList .showlist .child-module {
    margin: 8px 0 !important;
    padding: 0px 15px 0px 0 !important;
    width: 20%;
}

.pslMainHeadWrap {
    width: 100%;
    padding: 10px 15px;
    background-color: #f6f6f6;
    border-radius: 4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 16px;
}
.permissionShowList .showlist .child-module .pslMainHeadWrap {
    background: transparent;
    font-size: inherit;
    font-weight: normal;
    padding: 0px;
}

.adminDashBoardInfoRow,
.adminDashBoardInfoLink {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    font-weight: normal;
}
.adminDashBoardInfoRow {
    justify-content: space-between;
    padding: 25px 15px 0;
    align-items: center;
}
.adminDbInfoName {
    font-size: 16px;
    color: #5e5e5e;
    text-transform: capitalize;
    font-weight: 500;
}
.adminDbInfoNunber {
    font-size: 26px;
}
.adminDashBoardInfoLink {
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #1c8fd9;
    padding: 5px 10px;
    font-size: 90%;
}
.adminDashBoardInfoLink a {
    color: #fff;
}
.adminDbBoxWrap .dashbordInfoBox {
    overflow: hidden;
    flex-direction: inherit;
    align-items: flex-start;
}

.superAdminDB .dashbordInfoBox {
    height: auto;
    background: #e3eeff;
    text-transform: inherit;
    font-weight: normal;
    position: relative;
    padding-bottom: 45px;
}
.superAdminDbHead {
    width: 100%;
    margin: 0px;
    padding: 15px 15px 12px;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}
.superAdminDbInfoWrapper,
.superAdminDbInfoRow {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.superAdminDbInfoWrapper {
    padding: 0 15px;
}
.superAdminDbInfoRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 11px;
    border-bottom: 1px solid #b8d5e7;
}
.superAdminDbInfoRow:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}
.superAdminDbInfoRowLabel {
    font-size: 90%;
}
.superAdminDbInfoRowValue {
    font-size: 110%;
    font-weight: 500;
}

#teamTickets .dashbordInfoBox:hover,
#myHitTickets .dashbordInfoBox:hover,
#myTickets .dashbordInfoBox:hover,
#teamHitTickets .dashbordInfoBox:hover {
    cursor: pointer;
    box-shadow: 0px 7px 15px #00000029;
    transition: all 0.5s ease-in-out;
}
.audioWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0 25px 0;
    padding: 0px;
    align-items: center;
}
.audioWrapper .btn {
    width: 40px;
    height: 40px;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.delegationArea .table audio {
    height: 40px;
    width: 100%;
}

/*7th Aprial jyoti */
body {
    transition: transform 1s;
}
.profile_name {
    border-radius: 50%;
    background: rgba(0, 95, 179, 0.26);
    width: 50px;
    height: 50px;
    color: #33475b;
    display: flex;
    justify-content: center;
    letter-spacing: 2px;
    align-items: center;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
}
.create-date {
    min-width: 95px;
}

.swal2-modal {
    width: 500px;
    padding: 30px 50px 50px;
}
.swal2-modal .select-bx {
    width: 250px;
    margin: 10px 0;
    font-size: 14px;
}
.swal2-modal button {
    min-width: 116px;
    font-size: 12px;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
    background: #e4e0e0 !important;
    border-color: #e4e0e0;
    color: #000 !important;
    text-decoration: none;
}

.choose-option h2 {
    font-size: 20px;
}
.choose-option ul {
    width: 100%;
    padding: 0px 0 0 20px;
    margin: 10px 0 15px;
    list-style: upper-alpha;
}
.choose-option li {
    padding-bottom: 10px;
    padding-left: 10px;
    width: 100%;
}
.choose-option li .option-name {
    width: 420px;
    margin-right: 20px;
}
.choose-option li .option-name,
.choose-option li .action {
    display: inline-block;
}
.choose-option li .formControl {
    height: 36px;
}
.site-logo img {
    max-width: 100px;
    height: auto;
}
header.main-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 30px;
}
.header-lft {
    display: inline-flex;
    align-items: center;
}
.site-logo {
    display: flex;
    align-items: center;
    font-size: 18px;
}
.site-logo .logo-bg {
    padding: 1px 8px;
    background-color: #005fb3;
    font-weight: 600;
    color: #fff;
    border-radius: 6px;
    text-transform: uppercase;
    transition: transform 1s;
}
.site-logo strong {
    font-weight: 800;
    margin-left: 4px;
    color: #000;
    text-transform: uppercase;
    transition: margin-left 2s ease-in-out;
}
.sidebar-collapse .site-logo {
    margin-left: 15px;
}

.navbar-nav > .user-menu > .dropdown-menu {
    width: 350px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: auto !important;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    display: flex;
    padding-top: 16px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cbd6e2;
    align-items: flex-start;
}
.user-info {
    width: calc(100% - 70px);
    text-align: left;
    color: #33475b;
}
.user-info .user-designation {
    font-size: 14px;
}
.user-info .user-name {
    font-weight: 500;
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 600;
}
.user-menu .user-footer {
    flex-direction: column;
    margin-bottom: 10px;
}
.user-menu .text-link {
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #33475b;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.user-menu .text-link:hover {
    background: transparent;
    color: #005eb2;
}
.user-menu .text-link:hover path {
    fill: #005eb2;
}
.user-menu .password-icon {
    margin-left: 15px;
    display: inline-flex;
}
.user-menu .sign-out-icon {
    margin-right: 10px;
    display: inline-flex;
}
.user-menu .text-link::after,
.user-menu .text-link::before {
    display: none;
}

.department-col,
.frm-col-bg,
.pageFilteCol {
    width: 20%;
}
.date-col {
    width: 18%;
    margin-left: 5px;
}
.position-relative {
    position: relative;
}
.doer-col,
.frm-col-sm,
.created-col,
.status-col {
    width: 15%;
}
.w-auto {
    width: auto;
}
.search-col {
    width: 20%;
    position: relative;
}
.pageFilteRow .btn {
    height: 42px;
}
.pageFilterArea .pageFilteRow .filterFormBtn .filterIconBtn {
    display: none;
}

.search-icon {
    position: absolute;
    right: 20px;
    top: 9px;
}
.search-col input.formControl {
    padding-right: 45px;
}
.search-icon path {
    fill: #cdc9c9;
}

.add-read-more.show-less-content .second-section,
.add-read-more.show-less-content .read-less {
    display: none;
}

.add-read-more.show-more-content .read-more {
    display: none;
}
.add-read-more .read-more,
.add-read-more .read-less {
    font-weight: 600;
    margin-left: 2px;
    color: #005fb3;
    cursor: pointer;
    text-transform: capitalize;
    text-decoration: underline;
}

.add-read-more {
    width: 100%;
    margin: 0 auto;
}
table .btn-success,
.light-green {
    background: #00ac84;
    border-color: #00ac84;
    color: #fff;
}
.light-green:hover,
.light-green:active,
.light-green:focus,
table .btn-success:hover,
table .btn-success:active,
table .btn-success:focus {
    background: #27b392;
    border-color: #27b392;
    color: #fff;
}
.light-gray,
.light-gray:active,
.light-gray:focus {
    background: #e4e0e0;
    border-color: #e4e0e0;
    color: #000;
    text-decoration: none;
}
.light-gray:hover {
    background: #d0caca;
    border-color: #e4e0e0;
    color: #000;
}
.add-btn {
    text-decoration: none;
    font-weight: normal;
    display: inline-flex;
    align-items: center;
    line-height: 18px;
    padding: 13px 20px;
}
.add-btn svg {
    margin-right: 10px;
}
.buttonDisabled {
    cursor: default;
    opacity: 0.2;
}
.current-hit {
    background: #005fb3;
    color: #fff;
    pointer-events: none;
}
.current-rec-tab {
    background: #005fb3;
    color: #fff;
    pointer-events: none;
}
.myHitTabRow a span {
    color: #005fb3;
    font-weight: 600;
}
.myHitTabRow a.currentMyHit span {
    color: #fff;
}

.modal-content {
    border-radius: 0;
    padding: 0;
    padding-top: 40px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 10px solid #005fb3;
}
.checklist-modal .modal-title {
    padding: 0 0 18px;
    margin: 0;
    font-size: 32px;
    color: #202124;
}
.checklist-modal .sub-title {
    font-size: 17px;
    color: #202124;
    font-weight: 600;
}
.checklist-modal .fillCheckListRow {
    background: transparent;
    flex-direction: column;
    display: flex;
    padding: 0;
}
.checklist-modal .fillCheckListcol,
.checklist-modal .entryDetailRow .fillCheckListcol:last-child {
    width: 100%;
}
.checklist-modal .entryDetailRow .fillCheckListcol:first-child,
.checklist-modal .fillCheckListcol {
    color: #202124;
    font-size: 14px;
    width: 100%;
    padding: 0 0 12px;
}
.checklist-modal .sectionQuestionRow {
    padding-bottom: 0;
}
.checklist-modal .checklist-ind {
    margin-bottom: 16px;
}
.checklist-modal .indField {
    width: 100% !important;
}
.tab-bx {
    display: flex;
    margin: 15px 0 15px;
    justify-content: space-between;
    background: #f5f5f5;
}
.tab-bx .delegationTabRow {
    width: 91%;
    padding-left: 15px;
    padding-right: 15px;
}
.tab-bx .boardTitleRow {
    width: calc(100% - 91%);
    margin: 0;
    padding: 0;
    padding-right: 38px;
    background: #e3e3e3;
    display: inline-flex;
    justify-content: flex-end;
}
.tab-bx .boardTitleRow .boardTitleBtn {
    padding-right: 5px;
}
.tab-bx .deleteboard path {
    fill: #000;
}
.tab-bx .editBtn path {
    stroke: #000;
}
.tab-bx .delegationTabRow a.tab {
    display: inline-flex;
    padding-left: 0;
    padding-right: 0;
}
.tab-bx .delegationTabRow .carousel {
    display: flex;
}
.tab-bx .delegationTabRow .carousel a.tab.currentTab {
    display: inline-flex;
    order: -1;
}
.swal2-confirm {
    background-color: #005fb3 !important;
}
.addVoiceNote {
    position: relative;
}
.currentTab {
    color: red;
}
.voice-note {
    position: relative;
}
.voice-note .fieldLabelInfo {
    position: relative;
    left: auto;
    right: auto;
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: center;
}
.voice-note .fieldLabelInfo img {
    margin-left: 8px;
}
.voice-note .fieldLabelInfoSection:last-child {
    margin-bottom: 0;
}
.voice-note .fieldLabelInfoText:before {
    left: 50%;
    transform: translateX(-50%);
}
.filter-btns {
    padding: 10px 15px;
    background: #f2f2f2;
    border-radius: 3px;
    display: flex;
    align-items: center;
}
.filter-btns form {
    width: calc(100% - 155px);
}
.filter-btns .add-task {
    width: 155px;
    display: inline-flex;
    justify-content: flex-end;
    margin-left: 7px;
}

/* .carousel {
display: flex;
transition: transform 0.5s ease;
} */

/* .carousel-item {
width: inherit;
margin:0 10px; padding: 0;
cursor: pointer;
user-select: none;
} */
.holiday-calender {
    display: inline-flex;
}
.chat-bx .tdCommentingInformation {
    margin: 0;
    padding: 0 0 10px;
    font-size: 14px;
}
.chat-bx .tdCommentingInformation span {
    border-right: 1px solid #959595;
    padding-right: 5px;
    margin-right: 4px;
    display: inline-block;
    line-height: 12px;
}
.chat-bx #suggestions {
    border-top: 0px;
}
.attactChatImg path {
    fill: #3fccab;
    opacity: 9;
}

.radio-button-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.radio-button-row .form-check {
    margin-right: 10px;
}
.radio-button-row .form-check label {
    margin-bottom: 0px !important;
}
.radio-button-row .form-check .iradio_square-blue,
.radio-button-row .form-check .icheckbox_square-blue {
    margin-right: 6px;
}
.radio-button-row .form-check:last-child {
    margin-right: 0;
}
.radio-button-row .form-check {
    margin-right: 10px;
    display: flex;
    align-items: center;
    font-weight: normal;
}
.checkbox-col {
    display: inline-flex;
    align-items: center;
    margin: 0 14px 0 0;
}
.checkbox-col:last-child {
    margin-right: 0;
}
.checkbox-col .icheckbox_square-blue {
    margin-right: 10px;
}
.checkbox-col label {
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: normal;
}
.d-inline-f {
    display: inline-flex !important;
    align-items: center;
}
.col-wrap {
    flex-wrap: wrap;
}
.pb-50 {
    padding-bottom: 50px;
}

a {
    color: #005fb3;
}
/* section heading */

.section-heading {
    padding: 24px;
    margin: 3.5rem 0 0;
    background: #fff;
    border: 1px solid #dadce0;
    border-top: 10px solid #005fb3;
    font-size: 62.5%;
}
.section-heading .page-title {
    font-size: 3.2rem;
    line-height: 4rem;
    margin: 0 0 15px;
    padding: 0;
    color: #202124;
    font-weight: normal;
}
.section-heading .subtitle {
    margin: 0 0 0px;
    padding: 0;
    font-size: 14px;
    color: #7d7d7d;
}

.white-bx {
    padding: 24px 24px 80px;
    margin-top: 20px;
    border-radius: 8px;
    border: 1px solid #dadce0;
}
.white-bx #fields .htFormRow .btn-remove {
    right: -24px;
}

.btn_primary {
    background: #005fb3;
    color: #fff;
}

.btn_primary:hover,
.btn_primary:active,
.btn_primary:focus {
    color: #fff;
    background: #005097;
}
.textarea-bx {
    width: 100%;
    height: 152px;
    resize: vertical;
    padding: 15px;
    border: 1px solid #dadce0;
    border-radius: 4px;
    font-size: 14px;
    color: #606060;
}

.radio-button {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
    margin-bottom: 18px;
}
.checklist-title {
    font-size: 14px;
    color: #000;
}
.htFormWrapper .radio-button label.radio-checklist {
    margin-left: 20px;
    color: #202124;
}
.radio-button.wrap {
    flex-direction: column;
    align-items: flex-start;
}
.htFormWrapper .radio-button.wrap label.radio-checklist {
    margin: 0;
    margin-top: 15px;
}
.radio-button .iradio_square-blue {
    margin-right: 10px;
}

.checklist-bx {
    padding: 25px;
    margin-bottom: 18px;
    margin-top: 12px;
    border-radius: 8px;
    border: 1px solid #dadce0;
    box-shadow: 0px 1px 3px 0px #0000001f;
}

.addCBRequiredLine {
    width: 100%;
    border-top: 1px solid #dadce0;
    margin: 0px;
    padding: 15px 0 0 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.addCBRequired {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    font-size: 13px;
    padding: 0;
    align-items: center;
}
.otherInfoChEllipse {
    display: flex;
    margin-top: 2px;
    cursor: pointer;
}
.otherInfoChArea {
    position: relative;
    z-index: 1;
}
.otherInfoChWrap {
    position: absolute;
    top: 35px;
    right: 0;
    width: 210px;
    border: 1px solid #d2d6de;
    background: #fff;
    padding: 0 0px;
    border-top: 0;
    display: none;
}
.otherInfoChWrap .entryChecklistCol {
    margin: 0 0 0px 0;
    width: 100%;
    padding: 5px 6px;
    font-size: 13px;
}
.otherInfoChWrap .entryChecklistCol:hover {
    background: #dddddd;
}
.checklistAddMore .add-more-checklist {
    background: #333333;
    color: #fff;
    text-decoration: none;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0px 20px;
    border-radius: 10px;
    font-weight: 300;
}
.addCheckListWrapper {
    border: 0;
    box-shadow: none;
    margin: 0px;
    padding: 0px;
}
.addCheckListWrapper .addcheckListRow {
    padding: 25px;
    margin-bottom: 18px;
    margin-top: 12px;
    border-radius: 8px;
    border: 1px solid #dadce0;
    box-shadow: 0px 1px 3px 0px #0000001f;
}
.addCBRequiredLine .fmsAddQusCol {
    position: inherit;
    margin: 2px 10px 0 0;
}
.addCBRequiredLine .fmsAddQusCol .remove-checklist {
    margin: 0px;
}
.addCheckListWrapper .fmsAddQusRow.fmsStep {
    padding: 0px;
}

.addCheckListWrapper .formControl,
.addCheckListWrapper .select2-container--default .select2-selection--single,
.addCheckListWrapper .select2-selection .select2-selection--single,
.addCheckListWrapper .select2-container--default .select2-selection--multiple,
.splitMainWrapper .formControl,
.splitMainWrapper .select2-container--default .select2-selection--single,
.splitMainWrapper .select2-selection .select2-selection--single,
.splitMainWrapper .select2-container--default .select2-selection--multiple {
    height: 40px;
}
.addCBRequiredLine span.title {
    display: inline-flex;
    align-items: center;
    align-self: baseline;
    line-height: 27px;
}

.addFmsFormRow {
    position: relative;
    margin: 0px;
    padding: 0px 0 0 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
}
.fmsAddQusRow.fmsStep .fmsAddQusCol {
    padding: 0 0 0 10px;
}

.transparentBlueBtn {
    border: 1px solid #005fb3;
    background: #fff;
    color: #005fb3 !important;
    padding: 0 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.transparentBlueBtn:hover {
    background: #f1f1f1;
}
.transparentBlueBtn img {
    margin-right: 10px;
}
.addFmsBottomBtnRow {
    justify-content: flex-start;
}
.addFmsBottomBtnRow .transparentBlueBtn,
.addFmsBottomBtnRow .btn {
    height: 46px;
    border-radius: 6px;
}
.addFmsBottomBtnRow .transparentBlueBtn {
    margin-left: 10px;
}
.newLbFms .modal-header {
    padding: 0px 15px 10px;
    border: 0px;
}
.newLbFms .modal-body {
    padding: 15px;
}
.newLbFms .modal-content {
    padding-top: 20px;
}
.newLbFms .modal-header .close {
    top: 0px;
}
.fmsFormLB .modal-dialog {
    max-width: 500px;
    width: 100%;
}
/* .fmsFormLB .pageFilteCol .select2-container--default .select2-selection--multiple .select2-selection__choice{padding-top: 10px;} */
.splitTypeRow {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.splitTypeCol {
    width: calc(33% - 10px);
    border-radius: 10px;
    padding: 20px;
    background: #f8f8f8;
    border: 1px solid #e3e3e3;
}
.splitTypeTop,
.splitTypeBottom {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.splitTypeTop {
    font-weight: 600;
    font-size: 16px;
}
.splitTypeIcon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 100%;
    background: #eaeaea;
    align-items: center;
    display: flex;
    justify-content: center;
}
.splitTypeBottom {
    color: rgba(0, 0, 0, 0.75);
    font-size: 12px;
    padding-top: 10px;
}
.splitMainWrapper {
    border: 1px solid #dadce0;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
}
.splitTypeHeading {
    width: 100%;
    margin: 0px 0 10px 0;
    padding: 0px;
    font-weight: 600;
}
.splitFmsSectionArea {
    background: #f8f8f8;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 30px;
}
.fmsCol3 {
    width: 33% !important;
}
.fmsAddConditionSection {
    width: 100%;
    margin: 0px;
    padding: 20px 0 0px 0;
    border-top: 1px solid #d9d9d9;
}
.splitTypeCol.currentFms {
    background: #005fb326 !important;
    border-color: #005fb3;
}
.splitTypeCol.currentFms .splitTypeIcon {
    background: #005fb3;
}
.splitTypeCol.currentFms .splitTypeIcon svg path {
    fill: #fff;
    stroke: #fff;
}
.fmsAddConditionSection .splitFmsSectionArea {
    margin-bottom: 0px;
}

.btnBlue {
    background: #005fb3;
    color: #fff !important;
}
.btnBlue:hover {
    background: #1591ff;
}

.modalFormRow .pageFilteCol {
    margin-bottom: 15px;
    margin-bottom: 5px;
}
.fmsFormLB .modal-title {
    padding-right: 30px;
}

/* Basic reset for the checkbox */
.fmsPrivateLabel .custom-checkbox input[type="checkbox"] {
    display: none;
}
.fmsPrivateLabel .custom-checkbox {
    position: relative;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    padding-left: 25px;
    line-height: 24px;
}
.fmsPrivateLabel .custom-checkbox .checkbox {
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-radius: 100%;
    background-color: #fff;
    transition: background-color 0.3s, border-color 0.3s;
    margin: 0px;
}
.fmsPrivateLabel input[type="checkbox"]:checked + .checkbox {
    background-color: #00a65a;
    border-color: #00a65a;
}
.fmsPrivateLabel input[type="checkbox"]:checked + .checkbox::after {
    content: "✔";
    position: absolute;
    top: 2px;
    left: 2px;
    color: white;
    font-size: 14px;
    line-height: 14px;
}
.greenLabel {
    color: #00a65a;
}
.dasLabel span {
    background: #dadce0;
    height: 22px;
    font-size: 12px;
    padding: 4px;
    border-radius: 4px;
    margin-right: 4px;
}
.dasLabel span.dasLabelNumber {
    border-radius: 100%;
    cursor: pointer;
}
.dasPrivateLabelArea {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#membersDepartment ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
#membersDepartment ul li {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0px 0 0 15px;
    list-style: none;
    position: relative;
}
#membersDepartment ul li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #005fb3;
    border-radius: 100%;
}

/* Start for switch btn */
.addCBRequired .switch-btn {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 10px;
}
.addCBRequired .switch-btn .switch {
    position: relative;
    display: inline-block;
    width: 47px;
    height: 27px;
    margin: 0px;
}
.addCBRequired .switch-btn .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.addCBRequired .switch-btn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #b9b9b9;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.addCBRequired .switch-btn .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 5px;
    bottom: 5px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.addCBRequired .switch-btn input:checked + .slider {
    background-color: #005fb3;
}
.addCBRequired .switch-btn input:focus + .slider {
    box-shadow: 0 0 0px #2196f3;
}
.addCBRequired .switch-btn input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}
.addCBRequired .switch-btn .slider.round {
    border-radius: 17px;
}
.addCBRequired .switch-btn .slider.round:before {
    border-radius: 100%;
}
/* End for switch btn */

.progress-work {
    background: #38bdf8;
}
.hold-work {
    background: #fbbf24;
}
.submit-work {
    background: #10b981;
}
.delay-work {
    background: #f87171;
}
.not-started-work {
    background: #94a3b8;
}
.closed-work {
    background: #64748b;
}
.pending-work {
    background: #6366f1;
}
.reject-work {
    background: #ff0000;
}

/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) { */

/* table style */

.tableScrollWrapper th {
    min-width: 120px;
}
.attendanceWrapper th {
    min-width: 100px;
}
.management-table th,
.management-table td {
    min-width: 120px;
}
/* .pageTableWrapper{position: relative;} */
table .description,
table .descriptioncol {
    min-width: 360px;
}
table .description.sm {
    min-width: 200px;
}
table .ticket-id {
    min-width: 120px;
    width: 120px;
}
table .check-col {
    min-width: 50px;
    max-width: 50px;
    width: 50px;
}
table .rank {
    min-width: 60px;
    max-width: 60px;
    width: 60px;
}
table .check-col input[type="checkbox"],
input[type="radio"] {
    margin: 0;
}
table .message-col,
table .sm_col {
    max-width: 135px;
    width: 135px;
    min-width: 135px;
}
table th.message-col {
    text-align: center;
}
table td.message-col {
    text-align: center;
    vertical-align: middle;
}
table .message-col.action-btn {
    max-width: 140px;
    width: 140px;
    min-width: 140px;
}
table .issue-type {
    min-width: 130px;
    width: 130px;
    white-space: normal;
}
table .entry-title {
    min-width: 150px;
    width: 150px;
    white-space: normal;
}
table .voice-note {
    width: 180px;
    min-width: 180px;
    vertical-align: middle !important;
}
/* table .ticket-id{min-width:130px} */
table .status-col {
    width: 100px;
    min-width: 100px;
}
table .entry-title-col {
    width: 90px;
    min-width: 90px;
}
table .date-col {
    width: 125px;
    min-width: 125px;
}
table .task-day {
    width: 100px;
    min-width: 100px;
}
table td.editDelete {
    width: 125px;
}
table .message-col.single {
    width: 84px;
    min-width: 84px;
    max-width: 84px;
}
.attendanceWrapper table .message-col.single {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
table .current-step {
    width: 170px;
    min-width: 170px;
}
table td .cdnnArea {
    width: 100%;
}
table .date-col-bg {
    width: 178px;
    min-width: 178px;
}
table .doer-name {
    width: 134px;
    min-width: 134px;
}
table .recruiter-name {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}
table .doer-designation {
    width: 170px;
    min-width: 170px;
    max-width: 170px;
}
table .task-id {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
table .category-name {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
table .category-name2 {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
}
table .Upcoming-col {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}
table .frequency-col {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}
table .department-col {
    width: 140px;
    min-width: 140px;
}
table .sask-status {
    width: 130px;
    min-width: 130px;
}
table .split-type {
    width: 130px;
    min-width: 130px;
}
table .department-name {
    width: 160px;
    min-width: 160px;
}
table .fms-type {
    width: 38%;
    min-width: 38%;
    white-space: normal;
}
table .col_bg {
    width: 45%;
    min-width: 45%;
    white-space: normal;
}
table .recurring-edit-id {
    width: 60%;
    min-width: 60%;
    white-space: normal;
}
table .entry-uid {
    width: 130px;
    width: 130px;
}
table .task-action {
    width: 115px;
    min-width: 115px;
}
table .process-name {
    width: 250px;
    min-width: 115px;
}
table .project-name {
    width: 250px;
    min-width: 250px;
}
table .attendence-col {
    width: 100px;
    min-width: 100px;
}
table .milestone-col {
    width: 100px;
    min-width: 100px;
}
table .fully-kitted-col {
    width: 80px;
    min-width: 80px;
}
table .assign-hr-col {
    width: 50px;
    min-width: 50px;
}
table .development-type {
    width: 220px;
    min-width: 220px;
}
table .sr-no {
    width: 65px;
    min-width: 65px;
}
table .action-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}
table .emp-code {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}
table .emailid {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
}
table .emp-img {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
table .emp-img img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

table td .fmsTableBtnWrap {
    display: flex;
    align-items: center;
}
table td .fmsTableBtnWrap label,
table td .fmsTableBtnWrap input {
    margin: 0;
    padding: 0;
}
table td .fmsTableBtnWrap label {
    display: flex;
}
table td .fmsTableBtnWrap span {
    margin: 0 5px 0 0;
}
table td .fmsTableBtnWrap span.tablebtn {
    margin: 0;
}
table td .fmsTableBtnWrap span.tablebtn .btn {
    padding: 4px 5px !important;
    font-size: 11px;
    margin: 0;
}

.meeting-location {
    width: 400px;
}

table .task-wrap {
    display: flex;
    align-items: center;
}
table .task-wrap a {
    display: inline-flex;
    order: -1;
    margin-right: 13px;
}
table td .fmsTableBtnWrap {
    width: 100%;
    justify-content: center;
}
table td a {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

/* .table > tbody > tr > td a{color:#005fb3; text-decoration:none}
.table > tbody > tr > td a{color:#005fb3; text-decoration:underline} */
table th a {
    display: flex;
    cursor: pointer;
    margin-right: -8px;
    position: relative;
    z-index: 5;
}

.word-wrap {
    white-space: normal;
    word-break: break-word;
}
.word-nowrap {
    white-space: nowrap !important;
}

/* .delegationInnerArea .message-col {width: 70px;min-width: 70px;}
.delegationInnerArea .status-col {min-width: 50px;width: 50px;}
.delegationInnerArea table .check-col{min-width: 30px;max-width: 30px;width: 30px;} */

.delegationInnerArea table .tablebtn {
    vertical-align: middle !important;
}

table .v-middle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.functional_manager_id + span ul li.select2-selection__choice {
    margin-top: 8.5px !important;
}

.delegationInnerArea table .message-col {
    vertical-align: middle;
}
.message-col .task-actions form {
    margin: 0 16px;
    width: auto;
    display: inline-flex;
}

.functional-name
    .select2-container
    .select2-selection--multiple
    .select2-selection__rendered {
    height: 50px;
    display: inline-flex;
    align-items: center;
}

.mt-20 {
    margin-top: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}
button.search-btn.filterIconBtn {
    border: 0;
    background: transparent;
    margin-top: 2px;
}
button.search-btn.filterIconBtn:hover path {
    fill: #a9a2a2;
}

.tabs-nav {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 0 50px;
    padding: 0;
}
.tabs-nav li {
    margin: 0 3px;
}
.tabs-nav a {
    background: #f8f8f8;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    color: #000000;
    display: block;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    min-width: 90px;
    margin: 0;
    display: flex;
    justify-content: center;
}
.tabs-nav a:hover {
    text-decoration: none;
}
.tab-active a {
    color: #fff;
    background: #005fb3;
    border: 1px solid #004b8d;
}
.tabs-stage {
    border-top: 0;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
/* .chat-bx{min-width: 122px; max-width: 122px;} */
.table > thead > tr > th.thFmsColSpan {
    background: #c8e2fd !important;
}
.htFormFileCol .file-btn-area #uploaded_file {
    width: calc(100% - 125px);
}
.file-btn-area #uploaded_file .remove-file-link {
    right: 15px;
    position: absolute;
}
.more {
    margin: 0;
    color: #000;
    display: block;
    word-break: break-word;
    white-space: normal;
}
.morecontent span {
    display: none;
}
.morelink {
    display: inline-block;
    margin-left: 0px;
    color: #005fb3;
}
.morelink:hover,
.morelink.less,
.morelink.less {
    color: #005fb3;
}
.morelink a.less:hover {
    color: #005fb3;
}
.table > tbody > tr > td .more a {
    color: #005fb3;
    text-decoration: underline !important;
    font-weight: 600;
}
.gridSelectArea .select2-container--default .select2-selection--single {
    background: #005fb3;
    border: 1px solid #005fb3;
}
.gridSelectArea
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    color: #fff;
}
.gridSelectArea
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #fff transparent transparent transparent;
}
.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: transparent transparent #fff transparent;
    border-width: 0 4px 5px 4px;
}
.filter-btns form {
    width: calc(100% - 30%);
    margin-left: auto;
}
.tasksFilteLeft {
    margin-left: auto;
    width: auto;
}
.delegationInnerArea .myHitTabRow {
    margin-top: 0;
    width: 35%;
    margin-bottom: 0;
    flex-wrap: inherit;
}
th .fa-sort,
th .fa-sort-asc,
th i.fa {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.panel-heading h4.rgt-arrow {
    position: relative;
}
.panel-heading h4.rgt-arrow:before {
    border: solid #343434;
    width: 0;
    height: 0;
    border-width: 0 2px 2px 0;
    top: 4px;
    right: 10px;
    position: absolute;
    content: "";
    padding: 3px;
    z-index: 1;
    transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    transition: 0.5s ease-in-out;
}
.panel-heading.collapsed h4.rgt-arrow:before {
    transform: rotate(-136deg);
    -webkit-transform: rotate(-136deg);
    top: 6px;
}
/* .fav-star path {fill: #f4b400;stroke: #f4b400;} */

.htFormCol
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: #005fb3;
    border-color: #005fb3;
    color: #fff;
}
.cursor-default {
    cursor: default;
}
.escalated:hover {
    background: #e4e0e0;
    border-color: #e4e0e0;
}
.escalated {
    font-size: 12px;
}
table a.hyperlink {
    word-wrap: break-word;
    white-space: normal;
}
.text-muted {
    font-size: 12px;
}

/* autofill color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    /* border: 1px solid green;
-webkit-text-fill-color: green; */
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.carousel-wrapper {
    display: flex;
    align-items: center;
    width: 88%;
    overflow: hidden;
    margin: 0px auto;
}
.carousel-wrapper .carousel {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    width: 100%;
}
.carousel-wrapper .carousel::-webkit-scrollbar {
    display: none;
}
.carousel-wrapper .item {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.carousel-wrapper .scroll-btn {
    padding: 10px;
    font-size: 18px;
    border: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
}
.carousel-wrapper .scroll-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.carousel-wrapper .scroll-btn:before {
    border: solid #005fb3;
    border-width: 0 2px 2px 0;
    top: 5px;
    left: 8px;
    position: absolute;
    content: "";
    padding: 4px;
    z-index: 1;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transition: 0.5s ease-in-out;
}

.carousel-wrapper .scroll-btn.right:before {
    left: auto;
    right: 4px;
    transform: rotate(-52deg);
    -webkit-transform: rotate(-52deg);
}
.welcome-page {
    max-width: 60%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 55px);
    flex-direction: column;
}
.welcome-page h1 {
    margin-bottom: 20px;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    color: #1d1d1b;
    text-align: center;
}
.welcome-page h1 span {
    text-transform: uppercase;
}
.welcome-page p {
    color: rgb(95, 95, 95);
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
    text-align: center;
}
.table-scroll-btn {
    margin-bottom: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 18px;
    width: 50px;
}
.table-scroll-btn button {
    border: 0;
    background: transparent;
}
.table-scroll-btn button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
/* .p-relative{position: relative; top: auto; right: auto;} */
/* .recurringTopActionRow + .table-scroll-btn {
margin-top: -28px;
position: absolute;
right: 0;
z-index: 3;
margin-bottom: 0;
} */
.fillCheckListcol.col_wrap {
    flex-direction: column;
}
.col_wrap .formLabelBox {
    margin: 0 0 8px;
    width: 100%;
    align-items: flex-start;
    line-height: 19px;
}
.col_wrap .formLabelBox label {
    width: calc(100% - 35px);
    text-align: left;
}
.col_wrap.formLabelBox input {
    margin-top: 5px;
}
.stepsContainer
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    width: calc(100% - 20px);
}
/* 404 */
.content-wrapper .error-page > .error-content {
    margin: 0;
}
.content-wrapper .error-page {
    max-width: 800px;
    margin: 0px auto;
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.error-page .headline {
    font-size: 100px;
    line-height: 100px;
    font-weight: 600;
}
.task-filter {
    display: inline-flex;
    width: calc(100% - 34px);
    align-items: center;
}
.task-filter .add-task {
    display: inline-flex;
}
.task-filter .recurringStatusTaskRow {
    margin: -8px 0 0;
    padding: 0;
    width: auto;
}
.task-filter .ticketBtn {
    margin-right: 8px;
    padding: 4px 8px;
}
.task-filter .ticketBtnTeam {
    margin-right: 8px;
    padding: 4px 8px;
}
.margin-top {
    margin-top: -20px;
}
.table-scroll-btn.margin-top + .tableScrollWrapper {
    margin-top: 20px;
}
.openlock,
.closelock {
    display: block !important;
}
.noDisplay {
    display: none;
}
.buttonDisabled {
    pointer-events: none;
}
.download_csv {
    display: inline-flex;
}
.btn-view {
    padding: 3px 5px;
    font-size: 11px;
    margin-left: -12px;
}
/* for manage form */
.taskChatInput {
    width: 100%;
    height: 90px !important; /* approx. 4 lines */
    background: transparent;
    font-size: 14px;
    color: #606060;
    border: 0;
    padding: 10px 0;
    resize: none;
    overflow-y: auto; /* enable vertical scroll */
    overflow-x: hidden; /* disable horizontal scroll */
    white-space: normal; /* allow line wrapping */
    box-sizing: border-box;
}
/* end */
/* 5 date */
.resp-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.custom-data-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse;
    font-size: 14px;
}
.custom-data-table th,
.custom-data-table td {
    padding: 8px;
    vertical-align: middle;
    border: 1px solid #d1d5db;
    text-align: left;
    white-space: nowrap;
}
.custom-data-table thead th {
    background-color: #f3f4f6;
    font-weight: bold;
}
.custom-table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9fafb;
}
.link-blue {
    color: #2563eb;
    cursor: pointer;
}
.link-blue:hover {
    text-decoration: underline;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .custom-data-table {
        font-size: 12px;
    }
    .custom-data-table th,
    .custom-data-table td {
        padding: 6px;
    }
    /* Hide Raised By column on small screens */
    .custom-data-table th:nth-child(4),
    .custom-data-table td:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .custom-data-table {
        font-size: 10px;
    }
    .custom-data-table th,
    .custom-data-table td {
        padding: 4px;
    }
    /* Stack table for very small screens */
    .custom-data-table thead {
        display: none;
    }
    .custom-data-table tbody tr {
        display: block;
        margin-bottom: 10px;
        border-bottom: 2px solid #d1d5db;
    }
    .custom-data-table tbody td {
        display: block;
        text-align: left;
        position: relative;
        padding-left: 50%;
        border: none;
        border-bottom: 1px solid #d1d5db;
    }
    .custom-data-table tbody td:before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 45%;
        font-weight: bold;
    }
    .custom-data-table tbody td:last-child {
        border-bottom: none;
    }
}
.custom-heading {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #202124;
}
.grey-paragraph {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #7d7d7d; /* standard grey; you can change it if needed */
}
.upload-box {
    border: 2px dashed #ccc;
    padding: 30px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
    color: #555;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.parent-upload-box {
    border-radius: 8px;
    background-color: #f8f8f8;
    padding: 3rem;
    border: 1px solid #e2e2e2;
}
.upload-box:hover {
    background-color: #f9f9f9;
}
.upload-instruction {
    font-size: 16px;
    font-weight: 500;
    margin-top: 8px;
}
.file-format {
    font-size: 12px;
    color: #888;
    margin-top: 4px;
}
.file-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.remove-file {
    background-color: transparent;
    color: black;
    border: none;
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
}
.remove-file:hover {
    background-color: transparent;
}
.list-group-item {
    border: 1px solid #ccc;
    padding: 1rem;
    list-style: none;
    border-radius: 4px;
}
.sbt-btn {
    border-radius: 18px;
    background-color: #efefef;
    color: #d2d2d2;
    padding: 10px 20px;
    border: none;
    outline: none;
}
.set-view-doc {
    background-color: #f8f8f8 !important;
    border-radius: #e2e2e2 !important;
    border-radius: 12px !important;
    padding: 10px !important;
    width: 100% !important;
    margin-top: 3rem !important;
}
.a-set {
    color: #111827 !important;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
}
.view-set {
    color: #005fb3 !important;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
    margin-top: 3rem !important;
}
.sbt-btn {
    background-color: #ccc; /* Default grey */
    border-color: #ccc;
    color: white !important;
}
.sbt-btn.active {
    background-color: #007bff !important; /* Bootstrap primary blue */
    border-color: #007bff !important;
    color: white;
}
#multi_department {
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: none !important;
    white-space: nowrap !important;
    display: block;
}
.select2-selection__rendered::-webkit-scrollbar {
    height: 3px;
    cursor: pointer;
}
.select2-selection__rendered::-webkit-scrollbar-track {
    background: transparent;
    cursor: pointer;
}
.select2-selection__rendered::-webkit-scrollbar-thumb {
    background-color: #ccc;
    cursor: pointer;
    opacity: 0.5;
    border-radius: 20px;
    background: transparent;
}
/*  */
.select2-selection__rendered .select2-search__field {
    width: auto !important;
}
#manager_department .select2-selection__rendered .select2-search__field {
    min-width: 240px;
}
.htFormCol .select2-selection--multiple .select2-selection__rendered {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-color: transparent transparent;
    width: 100%;
    display: flex;
    scrollbar-width: thin;
}
.htFormCol .select2-selection--multiple .select2-selection__rendered:hover {
    scrollbar-color: #ccc transparent;
}
.file-item img {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 3px;
}
.remove-file {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: normal;
    background: #ccc;
    color: #000;
    margin-left: 8px;
}
.show-files .remove-file {
    background: #ec1515;
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    font-size: 11px;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 4px;
    top: 5px;
    font-size: 10px;
    z-index: 99;
}
.show-files {
    margin: 0 !important;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
}
/* .show-files .file-item{width: 100%;background-color: #fff;align-items: center; border: 0;justify-content: center; display: flex;z-index: 99;} */
.show-files .file-item {
    background-color: #fff;
    align-items: center;
    border: 0;
    justify-content: center;
    display: inline-flex;
    z-index: 99;
    margin: 7px 1% 0;
    min-height: 20px;
    padding: 0;
    position: relative;
    border: 1px solid #ccc;
    height: 27px;
    flex: 1;
    white-space: nowrap;
    padding: 0 8px;
    border-radius: 5px;
    z-index: 999;
}
.show-files .file-item span {
    width: auto;
    padding-right: 23px;
}

.radioDelegation .mute,
.radioDelegation .toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}
.radioDelegation .mute:focus,
.radioDelegation .toggle:focus,
.radioDelegation .mute:hover,
.radioDelegation .toggle:hover {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.radioDelegation {
    align-items: center;
    display: flex;
    margin-left: 0;
    background: #005fb3;
    border-radius: 20px;
    padding: 0 8px;
}
.radioDelegation.active {
    width: 100%;
}
.radioDelegation audio {
    background-color: transparent;
}
.radioDelegation audio::-webkit-media-controls-panel {
    background-color: transparent;
}
.radioDelegation audio.inactive {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.radioDelegation .toggle {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22357%22%20height%3D%22357%22%20viewBox%3D%220%200%20357%20357%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M38.25%200v357l280.5-178.5%22%2F%3E%3C%2Fsvg%3E");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    width: 16px;
}
.radioDelegation .toggle.playing {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22357%22%20height%3D%22357%22%20viewBox%3D%220%200%20357%20357%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M25.5%20357h102V0h-102v357zm204-357v357h102V0h-102z%22%2F%3E%3C%2Fsvg%3E");
}
.radioDelegation .time {
    color: #fff;
    font-size: 9px;
    margin: 0 3px;
}
.radioDelegation .mute {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22459%22%20height%3D%22459%22%20viewBox%3D%220%200%20459%20459%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20153v153h102l127.5%20127.5v-408L102%20153H0zm344.25%2076.5c0-45.9-25.5-84.15-63.75-102v204c38.25-17.85%2063.75-56.1%2063.75-102zM280.5%205.1v53.55C354.45%2081.6%20408%20147.9%20408%20229.5s-53.55%20147.9-127.5%20170.85v53.55C382.5%20430.95%20459%20339.15%20459%20229.5S382.5%2028.05%20280.5%205.1z%22%2F%3E%3C%2Fsvg%3E%0A");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    margin: 0 3px;
    transition: all 0.3s ease-in;
    width: 16px;
}
.radioDelegation .mute.muted {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22461.55%22%20height%3D%22461.55%22%20viewBox%3D%220%200%20461.55%20461.55%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M345.525%20229.5c0-45.9-25.5-84.15-63.75-102v56.1l63.75%2063.75V229.5zm63.75%200c0%2022.95-5.1%2045.9-12.75%2066.3l38.25%2038.25c17.85-30.6%2025.5-68.85%2025.5-107.1%200-109.65-76.5-201.45-178.5-224.4V56.1c73.95%2025.5%20127.5%2091.8%20127.5%20173.4zM34.425%200L1.275%2033.15%20121.125%20153H1.275v153h102l127.5%20127.5V262.65l109.65%20109.65c-17.85%2012.75-35.7%2022.95-58.65%2030.6v53.55c35.7-7.65%2066.3-22.95%2094.35-45.9l51%2051%2033.15-33.148-229.5-229.5L34.425%200zm196.35%2025.5l-53.55%2053.55%2053.55%2053.55V25.5z%22%2F%3E%3C%2Fsvg%3E%0A");
}
.radioDelegation .mute.hidden {
    opacity: 0;
    visibility: hidden;
}
.radioDelegation input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 16px;
    margin: 0;
    width: 100px;
    background: transparent;
    transition: all 0.3s ease-in;
}
.radioDelegation input[type="range"][disabled] {
    cursor: default;
}
.radioDelegation input[type="range"].hidden {
    opacity: 0;
    visibility: hidden;
}
.radioDelegation input[type="range"].volume {
    width: 35px;
}
.radioDelegation input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
}
.radioDelegation input[type="range"]:focus {
    border: none;
    box-shadow: none;
    outline: 0;
}
.radioDelegation input[type="range"]::-webkit-slider-thumb {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    background-color: white;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 14px;
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(0);
    width: 14px;
}
.radioDelegation input[type="range"]::-moz-range-thumb {
    -webkit-tap-highlight-color: transparent;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 14px;
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(0);
    width: 14px;
}
.radioDelegation input[type="range"]::-ms-thumb {
    -webkit-tap-highlight-color: transparent;
    appearance: none;
    background-color: white;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 14px;
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(0);
    width: 14px;
}
.radioDelegation input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    height: 1px;
    border: none;
    box-shadow: none;
    outline: 0;
}
.radioDelegation input[type="range"]:focus::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    height: 1px;
    border: none;
    box-shadow: none;
    outline: 0;
}
.radioDelegation input[type="range"]::-moz-range-track {
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    height: 1px;
    border: none;
    box-shadow: none;
    outline: 0;
}
.radioDelegation input[type="range"]::-ms-track {
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    height: 1px;
    border: none;
    box-shadow: none;
    outline: 0;
}
.radioDelegation input[type="range"]::-ms-fill-lower {
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    background: white;
    box-shadow: none;
    height: 1px;
    border: none;
    box-shadow: none;
    outline: 0;
}
.radioDelegation input[type="range"]:focus::-ms-fill-lower {
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    background: white;
    box-shadow: none;
    height: 1px;
    border: none;
    box-shadow: none;
    outline: 0;
}
.radioDelegation input[type="range"]::-ms-fill-upper {
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    background: white;
    box-shadow: none;
    height: 1px;
    border: none;
    box-shadow: none;
    outline: 0;
}
.radioDelegation input[type="range"]:focus::-ms-fill-upper {
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    background: white;
    box-shadow: none;
    height: 1px;
    border: none;
    box-shadow: none;
    outline: 0;
}
.radioDelegation input.progress {
    margin: 0 !important;
}

.add-task-btn {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.add-task-btn .addNewTaskLink,
.add-task-btn .addTaskBtnRow {
    width: inherit;
    display: inline-flex;
    margin: 0 20px 0 0;
    padding: 0;
}
.add-task-btn .addNewTaskLink a {
    color: #fff;
}
.add-task-btn .addNewTaskLink a:hover {
    text-decoration: none;
}

/*graph*/
iframe {
    border: 0;
}
.graph-thumbnail-placeholder {
    display: inline-block;
    min-width: 80px;
    min-height: 80px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

.graph-thumbnail-placeholder:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

.thumbnail-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: #f8f9fa;
    border-radius: 8px;
}

.graph-thumbnail-placeholder.loaded .thumbnail-loader {
    display: none;
}

.graph-thumbnail-placeholder.error .thumbnail-loader {
    background: #fff5f5;
    color: #dc3545;
}

.graph-thumbnail-placeholder svg {
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
}

/* Animation for loaded content */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.graph-thumbnail-placeholder.loaded {
    animation: fadeIn 0.3s ease-out;
}
.speedometer-bx {
    height: 450px;
}
/* .emp-table {
    position: relative;
} */
.tableScrollWrapper {
    position: relative;
    display: flex;
    white-space: nowrap;
    /* scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    overflow-y: scroll;
    scroll-behavior: smooth; overflow-x: hidden; max-height: calc(100vh - 300px); */
    overflow-x: auto;
    flex-direction: column;
    padding: 0;
    display: flex;
    border-bottom: 0;
    padding-bottom: 0;
    border-radius: 0;
    margin-bottom: 0;

    margin-bottom: 20px;
}
.table-striped {
    max-height: calc(100vh - 300px);
    overflow: auto;
}
/* .tableScrollWrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
    background-color: #f1f1f1;
}

.tableScrollWrapper::-webkit-scrollbar {
    width: 6px;
    background-color: #f1f1f1;
}

.tableScrollWrapper::-webkit-scrollbar-thumb {
    background-color: #000000;
} */

.tableScrollWrapper .table {
    margin-bottom: 0;
    border-top: 0 !important;
}
.tableScrollWrapper table thead::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #b3b0b080;
    z-index: 8;
}
.emp-table {
    width: 100%;
    max-height: calc(100vh - 300px);
    position: relative;
    margin: 0 0 20px;
    padding: 0;
    display: flex;
    border-bottom: 0;
    padding-bottom: 0;
    border-radius: 0;
    margin-bottom: 0;
    border: 0px;
    border-top: 1px solid #b3b0b0;
    border-right: 1px solid #b3b0b0;
    border-bottom: 1px solid #b3b0b0;
    overflow-y: scroll;
    overflow-x: hidden;
    /* scrollbar-color: #f6f6f6 transparent; */
    /* scrollbar-width: thin;overflow-y: scroll; scrollbar-color: #898787 transparent;*/
}
.emp-table .table {
    border-top: 0px !important;
    margin-bottom: 0;
    border-top: 1px solid #b3b0b0;
    border-bottom: 0px !important;
}
.tableScrollWrapper table thead,
.emp-table table thead {
    position: sticky !important;
    top: 0;
    z-index: 2;
    background: #e3edf7 !important;
    white-space: nowrap;
}
/* .emp-table table thead::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #b3b0b0;
    z-index: 8;
} */
.emp-table table .doer-designation {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}
/* tbody {
    height: 150px;
    overflow: hidden;
}
.emp-table .table {
    table-layout: fixed;
    border-collapse: collapse;
    display: block;
    width: 100%;
}

.emp-table .table tbody {
    display: block;
    width: 100%;
}

.emp-table .table tbody {
    height: 500px;
}

.emp-table .table th,
.emp-table .table td {
    border-left: 1px solid #b3b0b0 !important;
    padding: 10px;
}

td:nth-of-type(1) {
    position: -webkit-sticky;
    position: sticky;
    left: 140px;
    z-index: 2;
    background: #aaa;
} */

.table-container {
    width: 100%;
    max-height: calc(100vh - 300px);
    overflow: auto;
    border: 1px solid #b3b0b080;
    position: relative;
    display: block;
}
.table-container > tbody > tr:last-child td {
    border-bottom: 0 !important;
}
.table-container .table {
    border: 0 !important;
}
.sticky-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #f8f9fa;
    margin-bottom: 0;
    border-bottom: 0;
}
/* Header row styling */
.table.sticky-table > thead > tr > th {
    position: sticky;
    top: 0;
    background: #e3edf7 !important;
    z-index: 20;
    white-space: nowrap;
}
.table.sticky-table thead::before {
    display: none;
}
.table.sticky-table .freeze {
    position: sticky;
    left: 0;
    z-index: 10;
}
.table.sticky-table .freeze.check-col,
.table.sticky-table .freeze.userid {
    left: 0px;
    font-weight: normal !important;
    width: 50px;
    min-width: 50px;
}
.table.sticky-table .freeze.username {
    left: 50px;
    font-weight: normal !important;
    width: 320px;
    max-width: 320px;
    min-width: 320px;
}
.table.sticky-table > thead > tr > th:first-child,
.table.sticky-table > thead > tr > th.freeze,
.table.sticky-table > thead > tr > th.username,
.table.sticky-table > thead > tr > th.userid {
    z-index: 30;
    background: #f8f9fa;
}
.table-striped > tbody > tr .freeze {
    background: #fff;
}
.table-striped > tbody > tr:nth-of-type(2n) .freeze {
    background: #f6f6f6;
}
.sticky-table tbody tr {
    position: relative;
}
.table.sticky-table .ticket-id.col-1.freeze {
    left: 0;
}
.table.sticky-table .descriptioncol.freeze {
    left: 50px;
    width: 250px;
    min-width: 250px;
}
.table.sticky-table .help-decs.freeze {
    left: 120px;
}
.table.sticky-table .descriptioncol.freeze.freezecol-3 {
    left: 170px;
}
.table-striped > tbody > tr.holidayRedCls .freeze {
    background: #c8b3f7 !important;
}
.table.sticky-table .freeze.col_1 {
    width: 50px;
    min-width: 50px;
}
.table.sticky-table .freeze.col_2 {
    left: 50px;
}
.table.sticky-table .freeze.col_3 {
    width: 120px;
    left: 200px;
    min-width: 120px;
}
.management-table .table.sticky-table .freeze.col_3 {
    left: 170px;
}
.table.sticky-table .freeze.ticket-id {
    width: 120px;
    left: 50px;
    min-width: 120px;
}
.table.sticky-table .descriptioncol.recurring {
    left: 120px;
}

.freeze.ticket-id.col-1 {
    left: 0px;
}
.sticky-table th.username,
.sticky-table td.username {
    left: 40px;
}
.sticky-table th.username {
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}
.sticky-table .doer-designation {
    width: 200px;
    min-width: 200px;
}
.management-table .table > thead > tr > th {
    border-bottom: 0px !important;
}
.sticky-table > thead > tr > th.thFmsColSpan {
    background: #c8e2fd !important;
}

.important-message {
    margin-bottom: 20px;
    background-color: #f9f9f9;
    padding: 8px;
    padding-left: 12px;
    border-left: 4px solid #005fb3;
    font-weight: 500;
    margin-top: 10px;
}
.important-message:empty {
    display: none;
}
table td.fmsNumber,
table td.fmsNumber a {
    white-space: normal;
    word-break: break-word;
}
.revision-date {
    display: inline-flex;
    align-items: center;
    position: relative;
}
.revision-date .fieldLabelInfo:hover + .fieldLabelInfoText {
    display: block;
    width: auto;
    min-width: 126px;
    z-index: 5;
}
.revision-date .fieldLabelInfoText:before {
    left: auto;
    right: 20px;
}
.revision-date .fieldLabelInfoSection:last-child {
    margin-bottom: 0;
}
a.mnAddNotesClick {
    color: #005fb3;
}
/* 
.important-message {
    position: relative;
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
}
.important-message:after {
    offset-path: rect(0 auto 100% auto);
    transform-origin: 50%;
    background: radial-gradient(#0061ff, #000 100%, transparent 50%);
    content: "";
    width: 10px;
    height: 10px;
    animation: animateGradient 4s ease-in-out infinite;
    position: absolute;
    transform: rotate(45deg);
    -webkit-mask-image: linear-gradient(90deg, #0000, #000 20% 80%, #0000);
    mask-image: linear-gradient(90deg, #0000, #000 20% 80%, #0000);
    transition-property: all;
} */

@keyframes animateGradient {
    0% {
        offset-distance: 0;
        opacity: 1;
    }

    10% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    to {
        opacity: 1;
        offset-distance: 100%;
    }
}

.htFormWrapper .htFormRow .htFormCol label.fildtitle,
label.fildtitle {
    margin-bottom: 8px;
    font-weight: normal;
}

.htFormCol .floating-label,
label.floating-label {
    display: flex;
    width: 100%;
    /* order: -1; */
    margin-bottom: 8px;
    font-size: 14px;
    margin-top: 7px;
    font-weight: normal;
}
.ucbHeading.labelHeading {
    color: #000;
    font-weight: normal;
}
.custom-check {
    position: relative;
}
.custom-check input {
    position: absolute;
    opacity: 0;
    width: 24px;
    height: 24px;
    z-index: 0;
}
.custom-check span.checked-bx {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-right: 0px;
    padding: 0;
    width: 24px;
    height: 24px;
    background: url(../images/blue.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    border: none;
}
.custom-check input:hover span.checked-bx {
    background-position-x: 11%;
    background-position-y: 0%;
}
.custom-check input:checked + span.checked-bx {
    background-position-x: 22%;
    background-position-y: 0%;
}
.custom-check span.check-label,
.custom-check span.checked-bx + label {
    margin-left: 5px;
}
.custom-check input:disabled + span.checked-bx {
    opacity: 0.3;
    cursor: no-drop;
}
.eye-icon {
    position: absolute;
    right: 15px;
    top: 12px;
    /* top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%); */
}
.select2input + .select2 li.select2-selection__choice {
    padding: 2px 5px !important;
}

/* .white-bx ::-webkit-input-placeholder {
    color: transparent !important;
}
.white-bx :-moz-placeholder {
    color: transparent !important;
}
.white-bx ::-moz-placeholder {
    color: transparent !important;
}
.white-bx :-ms-input-placeholder {
    color: transparent !important;
} */

.recruiter-page,
.recruiter-detail {
    padding: 0 0 100px;
}
.recruiter-detail .pageMainHeading {
    display: inline-flex;
    align-items: center;
}
.recruiter-detail .pageMainHeading i {
    display: inline-flex;
    margin-right: 8px;
}

.recruiter-detail .pageFilteRow {
    width: 80%;
    flex-wrap: nowrap;
}
.recruiter-detail .stats-card {
    display: inline-flex;
    margin-left: auto;
    width: calc(100% - 84%);
    text-align: center;
    margin-bottom: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.recruiter-detail .category-section {
    margin-top: 30px;
}
.recruiter-detail .important-message {
    margin-top: 4rem;
}

.recruiter-detail .record-mob {
    display: none;
}
.recruiter-detail .filterFormBtn {
    display: inline-flex;
    flex-wrap: nowrap;
}
.important-message i {
    margin-right: 8px;
    display: inline-flex;
}
.important-message i::before {
    color: #005fb3;
}
.hide-eye svg,
.show-eye svg {
    width: 20px;
}
.hide-eye svg path,
.show-eye svg path {
    fill: #bbb2b2;
}
.show-eye,
.hide-eye {
    width: 20px;
    height: 15px;
    /* background: url(../images/eye-icon.svg) no-repeat; */
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 9px;
    top: 14px;
    cursor: pointer;
}
.hide-eye:before {
    width: 2px;
    height: 23px;
    background: #bbb2b2;
    top: -4px;
    left: 10px;
    position: absolute;
    content: "";
    transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
}
.show-eye:before {
    display: none;
}
.big-modal {
    width: 60%;
}
.big-modal .sectionInfoModal {
    width: 100%;
}
.big-modal .tableDetailWrapper,
.big-modal .sectionInfoRightArea {
    width: calc(50% - 10px);
    /* width: 100%; */
}
td.checklist-action-align a,
td.checklist-action-align span {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}
td.checklist-action-align .tablebtn {
    margin-bottom: 0;
}
.management-table .stepHeadTTWrap {
    width: 100%;
    right: auto;
    left: 0;
}
.itemLightBox .fmsLightBoxFormBtnRow button {
    margin-left: 10px;
}
label.floating-label span,
.fildtitle span {
    color: red;
}
.checklist-action-align .fmsTableBtnWrap span {
    margin: 0 0 5px;
}
.checklist-action-align .fmsTableBtnWrap {
    flex-direction: column;
}
.help_ticket_message_board,
.openMessageBoard {
    position: relative;
}
.help_ticket_message_board span.unreadmsg,
.openMessageBoard span.unseenrecmsg {
    top: -7px;
    right: -13px;
    position: absolute;
    background: #005fb3;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 10px;
    display: inline-flex;
    justify-content: center;
    align-content: center;
    line-height: 16px;
    padding: 1px;
}
.chatFormBtnArea .voiceRecorder, .chatFormBtnArea .voiceRecorder:hover {background: #3fccab;}

.badge-active {
    background-color: #28a745 !important;
    /* Custom green */
    color: #fff !important;
    border-radius: 12px;
    font-weight: 600;
    padding: 0.35em 0.6em;
    font-size: 0.93em;
}

.badge-inactive {
    background-color: #dc3545 !important;
    /* Custom gray */
    color: #fff !important;
    border-radius: 12px;
    font-weight: 600;
    padding: 0.35em 0.6em;
    font-size: 0.93em;
}

.badge-scheduled {
    background-color: #0d6efd;
    /* Bootstrap Primary Blue */
    color: white;
}

.badge-reassigned {
    background-color: #6c757d;
    /* Bootstrap Secondary Gray */
    color: white;
}

.badge-completed {
    background-color: #198754;
    /* Bootstrap Success Green */
    color: white;
}

.badge-cancelled {
    background-color: #dc3545;
    /* Bootstrap Danger Red */
    color: white;
}

.badge-rejected {
    background-color: #ffc107;
    /* Bootstrap Warning Yellow */
    color: white;
    /* Dark text for contrast */
}

.badge-cold {
    background-color: #6c757d;
    /* Gray - neutral/low interest */
    color: white;
}

.badge-hot {
    background-color: #dc3545;
    /* Red - high urgency/priority */
    color: white;
}

.badge-converted {
    background-color: #198754;
    /* Green - success/converted */
    color: white;
}

.badge-qualified {
    background-color: #0d6efd;
    /* Blue - qualified/potential */
    color: white;
}

.saSearchRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    /* optional spacing */
}

.searchBoxWrapper {
    flex: 1;
    /* take remaining space */
    min-width: 0;
    /* prevent flexbox from squishing inner content */
}

.exportWrapper {
    flex-shrink: 0;
    /* prevent shrinking */
}

.toggle-password.active svg path {
    fill: #007bff;
}

/* --- Dashboard Styles --- */
.panel-hover {
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.panel-hover:hover {
    background-color: #f9fafb;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.pageMainHeading {
    font-weight: 600;
    color: #333;
}

.metric-icon {
    font-size: 2.8em;
    margin-right: 15px;
    line-height: 1;
}

.metric-tile {
    display: flex;
    align-items: center;
}

.metric-text {
    flex-grow: 1;
}

.metric-value {
    font-weight: 600;
    font-size: 1.6em;
    color: #222;
    margin: 0;
}

.metric-label {
    font-size: 0.9em;
    color: #777;
}

.table th {
    background-color: #f7f7f7;
    font-weight: 600;
}

.table td {
    vertical-align: middle !important;
}

.alert-info {
    background-color: #eaf5ff;
    border-color: #b6e0fe;
    color: #0056b3;
}

.ticket-thread {
    border: 1px solid #ccc;
    /* light gray border */
    padding: 15px;
    /* spacing inside the box */
    border-radius: 8px;
    /* rounded corners */
    background-color: #f9f9f9;
    /* optional light background */
}

.message-block {
    display: flex;
    margin-bottom: 10px;
}

.admin-message {
    justify-content: flex-end;
}

.client-message {
    justify-content: flex-start;
}

.message-bubble {
    max-width: 60%;
    padding: 10px 15px;
    border-radius: 15px;
    word-wrap: break-word;
}

.admin-message .message-bubble {
    background-color: #e1f0ff;
    text-align: right;
}

.client-message .message-bubble {
    background-color: #f1f1f1;
    text-align: left;
}

.file-row {
    margin-top: 2rem;
}

.senderClass {
    color: black;
}

.select2-selection--multiple {
    overflow: auto !important;
}

/* Increase height of multiple select2 box */
.select2-container--default .select2-selection--multiple {

    /* Adjust height as needed */
    height: auto !important;
    overflow-y: auto !important;
    /* Enables scrolling */
    padding-bottom: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    max-height: 110px !important;
    /* Fit inside the box */
    overflow-y: auto !important;
}

.domain-input-group {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.domain-input-group .help-block {
    width: 100%;
}

.domain-input-group .input-group-prepend,
.domain-input-group .input-group-append {
    display: flex;
    align-items: center;
}

.domain-input-group .input-group-text {
    background-color: #f5f5f5;
    border: 1px solid #ced4da;
    padding: 8px 12px;
    color: #495057;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
    height: 42px;
}

.domain-input-group .input-group-prepend .input-group-text {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.domain-input-group .input-group-append .input-group-text {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.domain-input-group .formControl {
    border-radius: 0;
    flex: 1;
}

/* Position the domain wrapper to handle validation messages */
.domain-wrapper {
    position: relative;
}

/* Style adjustment for error messages */
.domain-wrapper .error {
    display: block;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.cms-detail-wrapper {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
}

.detail-row {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
}

.detail-label {
    font-weight: 600;
    color: #333;
    min-width: 150px;
    margin-right: 15px;
    margin-bottom: 0;
}

.detail-value {
    flex: 1;
    color: #555;
    word-wrap: break-word;
}

.content-display {
    background: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    max-height: 400px;
    overflow-y: auto;
}

.badge-active {
    background-color: #28a745 !important;
    color: #fff !important;
    border-radius: 12px;
    font-weight: 600;
    padding: 0.35em 0.6em;
    font-size: 0.93em;
}

.badge-inactive {
    background-color: #dc3545 !important;
    color: #fff !important;
    border-radius: 12px;
    font-weight: 600;
    padding: 0.35em 0.6em;
    font-size: 0.93em;
}