.search-board {
    width: 40%;
    float: right;
}
.horiZ_line {
    height: 0.5px !important;
}
.form-focus .form-control {
    height: 50px;
    padding: 6px 12px 6px;
}
.form-focus.focused .form-control {
    height: 50px;
    padding: 24px 12px 6px;
}
.form-focus.focused
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding-top: 14px;
}
.page-header {
    margin-bottom: 20px;
}
.divider {
    height: 1px;
    background-color: #e3e3e3;
    width: 100%;
}
.form-focus .form-control::-webkit-input-placeholder {
    color: #ccc;
}
.filter_stat a {
    color: rgb(68, 71, 78);
    cursor: pointer;
}

.filter_stat a.active svg {
    color: rgb(0, 0, 0);
}
.filter_stat .view-project-btn a span {
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
}
.filter_stat .dropdown-toggle i {
    color: #b9babd;
}
.filter_stat .dropdown-toggle span {
    font-weight: bold;
    font-size: 12px;
}
.ticket_stati {
    color: rgb(68, 71, 78);
    font-size: 12px;
}
.ticket_stati svg,
.filter_stat svg {
    fill: currentcolor;
    color: rgb(185, 186, 189);
}
.ticket_stati span {
    border-right: 1.5px solid rgb(232, 232, 233);
    padding-right: 15px;
    padding-left: 15px;
}
.ticket_stati p {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
}
.ticket_stati span b {
    color: rgb(55, 59, 66);
}
.ticket_stati .items-end {
    align-items: flex-end;
}
.custom-board.kanban-board .drag-column {
    min-width: 300px;
}
.custom-board.kanban-board .drag-list {
    padding-left: 0;
    cursor: grab;
}
.custom-board.kanban-board .drag-inner-list {
    padding-top: 40px;
    padding-left: 0;
}
.custom-board.kanban-board {
    overflow: auto;
}
.c-icon {
    width: 25px;
    height: 25px;
    fill: currentColor;
    transition: 0.2s;
}
.ticket-icon {
    width: 22px;
    height: 22px;
    fill: currentColor;
    transition: 0.2s;
}
.task-board-body {
    padding: 10px 15px 5px !important;
    position: relative;
}
.task-board-body .eye-view-icon-wrapper {
    position: absolute;
    top: 2.5px;
    right: 10px;
}
.eye-view-icon,
.eye-view-icon-head {
    cursor: pointer;
}
.task-board-header {
    padding: 10px 15px 5px;
    color: #1f1f1f;
    line-height: 16px;
}
.dataTables_wrapper .row:first-child {
    padding: 10px 10px 0;
}
.dataTables_wrapper .row:last-child {
    padding: 10px;
}
.card .dataTables_length,
.card .dataTables_info {
    text-align: left;
}
.custom-board .kanban-footer {
    margin-top: 0;
    padding: 5px 15px 5px;
    font-size: 13px;
    border-top: 1px solid #ccc;
}
.sfilter-option .select2.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--multiple {
    border: 1px solid #e3e3e3;
    border-radius: 0.25rem;
    height: auto;
    min-height: 42px;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__arrow {
    height: 42px;
    right: 7px;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__arrow
    b {
    border-color: #ccc transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container--default.select2-container--open
    .select2-selection--multiple
    .select2-selection__arrow
    b {
    border-color: transparent transparent #ccc;
    border-width: 0 6px 6px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-right: 30px;
    padding-left: 15px;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered {
    color: #676767;
    font-size: 15px;
    font-weight: normal;
    line-height: 28px;
}
.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: #ff9b44;
}
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    margin-top: 7px;
}

@media only screen and (max-width: 576px) {
    .page-header {
        margin-bottom: 15px !important;
    }
    .page-header .page-title {
        margin-top: 10px;
    }
    .search-board {
        width: 60%;
    }
    .ticket_stati {
        margin: 10px 0;
    }
    .ticket_stati span {
        padding-bottom: 5px;
    }
    .filter_stat div:nth-child(1) {
        flex-wrap: wrap;
        justify-content: space-around;
        margin-bottom: 5px;
    }
    .filter_stat div:nth-child(2) {
        margin-top: 5px;
    }
}

/* custom css for New Ticket Page */
.custom-modal .modal-body {
    word-break: break-word;
}
#view_task .view-ticket .ticket-wrapper .info-cards span {
    font-size: 12px;
}

.view-ticket .ticket-wrapper .highlight,
.view-ticket .ticket-wrapper .project-details .details-box a {
    font-weight: 600;
    color: #38a5ee;
    word-wrap: break-word;
}
.view-ticket .ticket-wrapper .project-details .details-box img {
    width: 100%;
}

.view-ticket .ticket-wrapper .highlight:hover,
.view-ticket .ticket-wrapper .project-details .details-box a:hover {
    color: #1258a0;
}

.view-ticket .ticket-wrapper .project-details .details-box table {
    width: 100%;
}

.view-ticket .ticket-wrapper .project-details .details-box blockquote {
    border-left: 5px solid #d3d3d3;
    padding: 5px 10px;
}

.view-ticket .ticket-wrapper .project-details .details-box blockquote p {
    font-style: italic;
}

.view-ticket .ticket-wrapper .project-details .details-box table td {
    padding: 5px 10px;
    border: 1px solid #dee2e6;
}

.view-ticket .ticket-wrapper .info-box {
    background: #f9f8fe;
    border: 1px solid #e5e5eb;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.03);
    border-radius: 5px;
}

.view-ticket .ticket-wrapper .info-box .info-box-element {
    color: #676767;
    font-size: 15px;
    font-weight: normal;
    line-height: 42px;
    border: 1px solid #e3e3e3;
    border-radius: 0.25rem;
    height: 44px;
    padding-right: 30px;
    padding-left: 15px;
    background-color: white;
    user-select: none;
    cursor: auto;
}

.view-ticket .ticket-wrapper a {
    cursor: pointer;
}

.view-ticket .ticket-wrapper .info-box .ticketStatusDropdown {
    border: 0.5px solid;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 5px 10px;
}

.view-ticket .ticket-wrapper .project-details .sub-heading {
    font-size: 16px;
    font-weight: 600;
}

.view-ticket .ticket-wrapper .project-details .sub-heading .sep {
    display: inline-block;
    width: 3px;
    height: 25px;
    font-weight: 900;
    background-color: #1258a0;
    margin-right: 5px;
    border-radius: 12px;
}

.view-ticket .ticket-wrapper .project-details .details-box {
    background: #f9f8fe;
    border: 1px solid #e5e5eb;
    border-radius: 5px;
}

.view-ticket .ticket-wrapper .project-details .details-box p {
    margin: 0px 0px 10px 0px;
}

.view-ticket .ticket-wrapper .project-details .details-box ol li {
    margin-bottom: 10px;
}

.view-ticket .ticket-wrapper .list {
    background: #f9f8fe;
    border-radius: 10px;
    width: 50%;
    margin: 0 auto 0 0;
}

.view-ticket .ticket-wrapper .list .attach-name h5 {
    font-weight: 600;
    overflow: hidden;
    max-width: 300px;
}

.view-ticket .ticket-wrapper .toggle-sec {
    background: #f9f8fe;
    border: 1px solid #e5e5eb;
    box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.view-ticket .ticket-wrapper .toggle-sec .nav {
    background: #ff9a6c;
    border-radius: 10px;
}

.view-ticket .ticket-wrapper .toggle-sec .nav .nav-link {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    flex: auto;
}

.view-ticket .ticket-wrapper .toggle-sec .nav .nav-link.active {
    background: #ffffff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    color: #252525;
}

.view-ticket .ticket-wrapper .toggle-sec .attachment-wrapper .upload-wrapper,
.view-ticket .ticket-wrapper .attachment-wrapper .upload-wrapper {
    border: 1px dashed rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.view-ticket
    .ticket-wrapper
    .toggle-sec
    .attachment-wrapper
    .upload-wrapper
    .up-placeholder,
.view-ticket
    .ticket-wrapper
    .attachment-wrapper
    .upload-wrapper
    .up-placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #252525;
    opacity: 0.2;
}

.view-ticket .ticket-wrapper #commentList_wrapper thead {
    display: none;
}

.view-ticket .ticket-wrapper #commentList_wrapper .row:nth-of-type(1),
.view-ticket .ticket-wrapper #commentList_wrapper .dataTables_info {
    display: none;
}

.view-ticket .ticket-wrapper .comment-list {
    background: #f9f8fe;
    border-radius: 29px 29px 0px 0px;
}

.view-ticket .ticket-wrapper .comment-list-box {
    display: none;
}

.view-ticket .ticket-wrapper .comment-list .comment-search-input form {
    position: relative;
    width: 100%;
}

.view-ticket
    .ticket-wrapper
    .comment-list
    .comment-search-input
    form
    .form-control {
    height: 35px;
}

.view-ticket .ticket-wrapper .comment-list .comment-search-input form .btn {
    position: absolute;
    right: 0;
    top: 0;
    min-height: 10px;
    color: #999;
}

.view-ticket .ticket-wrapper .comment-list .comment-search-input {
    display: none;
    transition: all 2s ease-in-out;
    animation: 1s slide-Left;
}

@keyframes slide-Left {
    0% {
        margin-left: 70%;
    }
    100% {
        margin-left: 0%;
    }
}

.view-ticket .ticket-wrapper .comment-list input[type="text"] {
    border-radius: 4px;
    border-color: #1258a0;
}

.view-ticket .ticket-wrapper .comment-list #comment-search-close {
    font-size: 26px;
    color: #ff0000;
    cursor: pointer;
    transition: all 2s ease-in-out;
    animation: 3s opace;
}

.view-ticket .ticket-wrapper .comment-list #comment-search-icon {
    animation: 1s opace;
}

@keyframes opace {
    0% {
        opacity: 0%;
    }
    100% {
        opacity: 100%;
    }
}

.view-ticket .ticket-wrapper #commentList_wrapper .comment-detail h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #252525;
}

.view-ticket .ticket-wrapper #commentList_wrapper .comment-detail .profile-icon,
.view-ticket .ticket-wrapper #activityLogs_wrapper .logs .profile-icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    border-radius: 100%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    font-size: 20px;
}

.view-ticket .ticket-wrapper #commentList_wrapper .comment-detail p {
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #455a64;
}

.view-ticket .ticket-wrapper #commentList_wrapper .comment-box {
    background: #ffffff;
    box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.view-ticket .ticket-wrapper #commentList_wrapper .comment-box .attach-name h5 {
    font-weight: 600;
}

.view-ticket .ticket-wrapper #commentList_wrapper .comment-func {
    list-style: disc outside;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #455a64;
    cursor: pointer;
}

.view-ticket .ticket-wrapper #commentList_wrapper .comment-func li a {
    color: #455a64;
}

.view-ticket .ticket-wrapper #commentList_wrapper .comment-func .delete {
    color: #e13e3e;
}

.view-ticket .ticket-wrapper #commentList_wrapper .comment-func .delete:hover {
    color: #e13e3e;
}

.view-ticket .ticket-wrapper #commentList_wrapper .comment-func li:hover {
    color: #1258a0;
}

#activityLogs_wrapper thead,
#activityLogs_wrapper .dataTables_scrollHead {
    display: none;
}

.view-ticket .ticket-wrapper #activityLogs_wrapper .logs {
    font-size: 16px;
}

.view-ticket .ticket-wrapper #activityLogs_wrapper .logs .comment {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
    padding-left: 5px;
}

.view-ticket .ticket-wrapper #activityLogs_wrapper .logs .user-title {
    font-size: 16px;
    font-weight: 600;
    padding-right: 5px;
}

#activityLogs_length,
#availability_table_main_filter {
    display: none;
}

@media only screen and (max-width: 576px) {
    .view-ticket .ticket-wrapper #commentList_wrapper .comment-detail p {
        /* width: 100%; */
        /* justify-content: end; */
    }
}

@media only screen and (max-width: 576px) {
    .view-ticket .ticket-wrapper .list {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .view-ticket .ticket-wrapper .list .attach-name h5 {
        font-size: 12px;
    }
    .view-ticket
        .ticket-wrapper
        #commentList_wrapper
        .comment-box
        .attach-name
        h5 {
        font-size: 12px;
    }
}
/* custom css for New Ticket Page */

.project-name #view_project_list {
    /* overflow: hidden; */
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* max-width: 300px; */
    /* display: inline-block; */
    word-break: break-all;
    white-space: normal;
}

@media only screen and (max-width: 992px) {
    .project-name #view_project_list {
        max-width: 250px;
    }
}

@media only screen and (max-width: 576px) {
    .project-name #view_project_list {
        width: 200px;
    }
}

/* custom css for New Ticket Page */

/* Table column sticky */
@media only screen and (max-width: 767px) {
    .table-list-fixed th:first-child,
    .table-list-fixed td:first-child {
        position: relative !important;
        /* left: 0; */
        left: auto;
        /* background-color: #ffffff; */
        opacity: 1;
        z-index: 999;
    }
    .table-list-fixed-1 th:first-child,
    .table-list-fixed-1 td:first-child {
        position: sticky !important;
        left: 0;
        background-color: #ffffff;
        opacity: 1;
        z-index: 999;
    }
    .table-list-fixed th:nth-child(2),
    .table-list-fixed td:nth-child(2) {
        position: relative !important;
        /* left: 30px; */
        left: auto;
        /* background-color: #ffffff; */
        opacity: 1;
        z-index: 999;
    }
    .dataTables_length,
    .dataTables_filter {
        min-height: 40px;
        text-align: left;
    }
    .dataTables_wrapper .dataTables_length label {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        width: 130px;
    }
    .dataTables_wrapper .dataTables_filter label {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        width: 235px;
    }
    .dataTables_wrapper .row:last-child {
        min-height: 100px;
    }
    .dataTables_wrapper .dataTables_info {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        width: auto;
    }
    .dataTables_wrapper .dataTables_paginate {
        position: absolute;
        margin: auto !important;
        left: 0;
        right: 0;
        width: 170px;
        z-index: 999;
    }
}
@media only screen and (max-width: 576px) {
    #task_table_wrapper #task_table_info {
        bottom: 70px;
    }
    #task_table_wrapper #task_table_paginate {
        bottom: 25px;
    }
}

/* Table column sticky */

/* Project Page css */

#project_table_filter {
    display: none;
}

.custom-form-grp-container {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 20px;
}

@media only screen and (max-width: 576px) {
    .custom-form-grp-container {
        flex-direction: column;
        align-items: start;
        justify-content: space-evenly;
    }
    .custom-form-grp-container .form-group {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .table-list-fixed .bg-danger td {
        background-color: #f62d51 !important;
    }
}

/* Project Page css */

/* New Select Design css */

.custom-select-new {
    width: 250px;
}
.custom-select-new .select2-container .select2-selection--single {
    background-color: transparent;
    border: 0;
}
/* New Select Design css */

/* New Availability Page Design css */

@media only screen and (max-width: 767px) {
    .table-list-fixed-1 th:first-child,
    .table-list-fixed-1 td:first-child {
        width: 150px;
    }
}
@media only screen and (max-width: 567px) {
    .table-list-fixed-1 th:first-child,
    .table-list-fixed-1 td:first-child {
        width: 120px;
    }
}

/* New Availability Page Design css */

/* New Date Range Design */

.date-range .form-focus .form-control {
    height: 32px !important;
    font-weight: bold;
    font-size: 12px;
    background-color: transparent;
    padding: 6px 12px;
}

.date-range .form-focus {
    height: auto;
}
/* New Date Range Design */

/* New Select Design css */

.custom-select .custom-select-new {
    width: auto;
}

.custom-select .select2-container .select2-selection--single {
    background-color: transparent;
    border: 0;
    height: 22px;
}

.custom-select
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding: 0;
    color: #1f1f1f;
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    display: flex;
    align-items: center;
}

.custom-select
    .select2-container
    .select2-selection--single
    .select2-selection__rendered::after {
    content: "";
    margin-left: 5px;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.custom-select
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 22px;
    right: 0px;
}

.custom-select
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-width: 4.5px 4.5px 0;
    border-color: #000 transparent transparent;
}

.custom-select .select2-selection__arrow {
    display: none;
}
/* New Select Design css */

/* New Notification Design css */
.user-menu .nav-item .notification-wrapper:hover,
.user-menu .nav-item .notification-wrapper:focus {
    background-color: transparent;
    font-family: "Roboto, sans-serif";
}

.user-menu .nav-item .notification-wrapper .notification-stat {
    top: -15%;
    right: -15%;
    font-size: 10px;
    padding: 3px 6px;
}
.user-menu .nav-item .notification-list-wrapper {
    width: 500px;
    margin-top: 15px !important;
    z-index: 99999;
    max-height: 60vh;
    overflow-y: auto;
    padding: 20px 0 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.user-menu .nav-item .notification-list-wrapper li {
    padding: 0 20px;
}
.user-menu .nav-item .notification-list-wrapper p {
    padding: 0 20px;
}
.user-menu .nav-item .notification-list-wrapper .dropdown-item a {
    font-weight: 600;
    cursor: pointer;
    white-space: normal;
    max-width: 96%;
}
.user-menu .nav-item .notification-list-wrapper .dropdown-item .list-close {
    background-color: transparent;
    border: 0;
}

.user-menu .nav-item .notification-list-wrapper::-webkit-scrollbar {
    width: 4px;
}
.user-menu .nav-item .notification-list-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 8px;
}
.user-menu .nav-item .notification-list-wrapper::-webkit-scrollbar-thumb {
    background: #ff9b44;
    border-radius: 8px;
}
.user-menu .nav-item .notification-list-wrapper .notification-footer {
    position: sticky;
    bottom: 0;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}
.user-menu .nav-item .notification-list-wrapper .notification-footer div {
    width: 95%;
}
@media only screen and (max-width: 767px) {
    .user-menu .nav-item .notification-list-wrapper {
        max-height: 80vh;
        right: -50px !important;
    }
}
/* New Notification Design css */

/*New Dashboard CSS*/

.custom-dashboard li {
    list-style-type: none;
}
.custom-dashboard .chart-data .chart-header button {
    font-size: 20px;
}
.custom-dashboard .chart-data .chart-header button hr {
    background-color: #ffffff;
}
.custom-dashboard .chart-data .chart-header button.active hr {
    background-color: #ff9b44;
}
.custom-dashboard .data-card-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}
.custom-dashboard .data-card-row .data-card {
    width: auto;
    min-width: 250px;
    position: relative;
}
.custom-dashboard .data-card-row .card {
    height: 145px;
    min-height: 145px;
}
.custom-dashboard .data-card-row .data-card .data-card-logo {
    width: 45px;
    height: 45px;
    position: absolute;
    top: -10%;
    right: 6%;
}
.custom-dashboard .data-pointers {
    min-height: 125px;
}
.custom-dashboard .data-pointers li {
    display: flex;
    align-items: center;
}
.custom-dashboard .data-pointers li span:first-child {
    min-width: 32px;
}
.custom-dashboard .data-pointers li .text {
    overflow: hidden;
    /* max-width: 275px; */
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width: 458px) {
    .custom-dashboard .perc-data div {
        min-height: 120px;
    }
    .custom-dashboard .chart-data .chart-header button {
        font-size: 18px;
    }
}

@media only screen and (max-width: 567px) {
    .custom-dashboard .data-card-row .data-card {
        width: 100%;
    }
}
/*New Dashboard CSS*/

/* Activity Page CSS */

.activity-table .desc-content {
    width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Activity Page CSS */

/* task popup comment section css */
#commentList_wrapper #comments_table td {
    border-collapse: collapse;
    padding: 0.5rem 0.5rem;
    border-bottom: 1px solid #dee2e6;
    border-left: none;
    border-right: none;
    border-top: none;
}
#commentList_wrapper #comments_table .comment-box .table td {
    border-collapse: collapse;
    padding: 0.5rem 0.5rem;
    border: 1px solid #dee2e6;
}
#commentList_wrapper .table > :not(caption) > * > * {
    border-bottom-width: 1px;
    border-color: #dee2e6;
}
.view-ticket .ticket-wrapper #commentList_wrapper .comment-box p {
    padding: 0 !important;
    margin-bottom: 10px;
}
.view-ticket .ticket-wrapper #commentList_wrapper .comment-box {
    padding: 16px 16px 0 16px;
}
.view-ticket .ticket-wrapper #commentList_wrapper .comment-box p:empty {
    display: none !important;
}
.view-ticket .ticket-wrapper #commentList_wrapper .comment-box .attach-name {
    display: flex;
}
.view-ticket .ticket-wrapper #commentList_wrapper .comment-box h2 {
    font-size: 1.875rem;
    margin-bottom: 0.5rem;
}
.view-ticket
    .ticket-wrapper
    #commentList_wrapper
    .comment-box
    .attach-name
    a
    h5 {
    font-weight: 600;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #212529;
    line-height: 30px;
    padding-right: 10px;
}
/* End */

/* Login/Logout button in usr-menu */
.usr-availability-btn {
    z-index: 99;
}
.usr-availability-btn .tggl-name {
    font-size: 16px;
}
.usr-availability-btn .usr-available-switch input {
    display: none;
}
.usr-availability-btn .usr-available-switch {
    display: inline-block;
    width: 55px;
    height: 25px;
    margin: 8px;
    position: relative;
}

.usr-availability-btn .usr-available-slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #777, 0 0 4px #777;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: 0.4s;
}
.usr-availability-btn .usr-available-slider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #777;
    border-radius: 30px;
    transform: translateX(-30px);
    transition: 0.4s;
}

input:checked + .usr-available-slider:before {
    transform: translateX(30px);
    background: #ff9b44;
}
input:checked + .usr-available-slider {
    box-shadow: 0 0 0 2px #ff9b44, 0 0 2px #ff9b44;
}
@media only screen and (max-width: 575px) {
    .usr-availability-btn {
        margin-right: 35px;
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .usr-availability-btn .tggl-name {
        font-size: 13px;
    }
    .usr-availability-btn .usr-available-switch {
        margin: 2px 8px;
    }
}

/* Table Loader */
.custom-table-loader {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
}
.custom-table-loader .detail_loading {
    position: absolute;
    bottom: -175px;
    left: 45%;
    background-color: #ffffff;
    padding: 30px 50px;
    border-radius: 8px;
    z-index: 99;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
@media only screen and (max-width: 768px) {
    .custom-table-loader .detail_loading {
        position: absolute;
        bottom: -200px;
        left: 40%;
    }
}
@media only screen and (max-width: 767.98px) {
    .board-toast {
        top: 75px;
        z-index: 1;
    }
}
@media only screen and (min-width: 768px) {
    .board-toast {
        top: 50px;
        z-index: 1;
    }
}
/* Table Loader */
/* End */

/* Feedback View CSS */
#feedback_list .pagination {
    justify-content: end;
}
/* End */

/* Feedback View CSS */
#feedback_list .pagination {
    justify-content: end;
}
/* End */
/**new css**/
#feedback_search {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#feedback_search label {
    margin-right: 5px;
}
#feedback_search input {
    height: 40px;
}

#feedback_list .pagination li:first-child .page-link {
    visibility: hidden;
    position: relative;
}
#feedback_list .pagination li:first-child .page-link:after {
    visibility: visible;
    position: absolute;
    content: "Previous";
    margin-top: -7px;
    padding: 6px 16px;
    margin-left: -79px;
    border: 1px solid #dee2e6;
    background-color: white;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#feedback_list .pagination li:last-child .page-link {
    visibility: hidden;
    position: relative;
}
#feedback_list .pagination li:last-child .page-link:after {
    visibility: visible;
    position: absolute;
    top: 20;
    left: 10;
    content: "Next";
    margin-left: -17px;
    padding: 6px 16px;
    border: 1px solid #dee2e6;
    margin-top: -7px;
    background-color: white;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#feedback_table_length label select {
    appearance: auto !important;
    width: auto;
    display: inline;
}
#feedback_table #desc_feedback {
    cursor: pointer;
}
#feedback_table #asc_feedback {
    cursor: pointer;
    margin-left: -5px;
}
/**pagination css**/
/*#feedback_list .pagination {
    position: absolute;
    right: 60px;
    bottom: -75px;
    padding-bottom: 40px;
}*/
@media screen and (max-width: 767.98px) {
    #feedback_list .pagination {
        margin-top: 20px;
        justify-content: center;
    }
}
@media screen and (min-width: 768px) {
    #feedback_list .pagination {
        margin-top: -25px;
        justify-content: flex-end;
    }
}
@media screen and (max-width: 980px) {
    /* #feedback_list .pagination {
         bottom: -131px;
    }*/
    #feedback_list .pagination {
        max-width: 95%;
        /* max-width: 85%;
        flex-wrap: wrap;
        justify-content: center; */
        white-space: nowrap;
    }
}
@media screen and (max-width: 767px) {
    #feedback_list .pagination li:first-child .page-link:after {
        margin-left: -75px;
    }
    #feedback_list .pagination {
        left: 58px;
        right: 0px;
    }
}

/* Modal Form Progress  */
.modal .form-group {
    position: relative;
}

.modal .form-group .btn-floating-right {
    position: absolute;
    top: -8px;
    right: 0;
}

.form-progress .progress {
    height: 4px;
    margin-bottom: 24px;
}
/* Modal Form  */

/* Custom Rating */

.custom-rating-wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
}

.custom-rating {
    font-size: 14px;
    position: relative;
    max-width: 200px;
    align-self: end;
    padding: 4px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-rating .help-text {
    cursor: help;
    position: absolute;
    top: -12px;
    right: -20px;
}

.custom-rating .ticket-rating {
    padding: 5px 10px;
    font-size: 18px;
}

.custom-rating .ticket-rating .fa {
    cursor: help;
}

.custom-rating .ticket-rating .fa.fa-star {
    color: #ff9b44;
}

/* Custom Rating */

/* Project Structure Page */

/* ————————————————————–
  Tree core styles
*/
.tree {
    margin: 0 1em 1em 4.5em;
}

.tree input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.tree input ~ ul {
    display: none;
}

.tree input:checked ~ ul {
    display: block;
}

/* ————————————————————–
  Tree rows
*/
.tree li {
    position: relative;
    padding: 0 0 1em 1em;
    list-style-type: none;
}

.tree ul {
    padding-left: 6rem;
    list-style-type: none;
}

.tree ul li {
    padding: 1em 0 0 1em;
    list-style-type: none;
}

.tree > li:last-child {
    padding-bottom: 0;
}

/* ————————————————————–
  Tree labels
*/
.tree_label {
    position: relative;
    display: inline-block;
    background: transparent;
}

label.tree_label {
    cursor: pointer;
}

label.tree_label:hover {
    color: #666;
}

/* ————————————————————–
  Tree expanded icon
*/
label.tree_label.no_branching:before {
    display: none;
}

label.tree_label:before {
    background: #000;
    color: #fff;
    position: relative;
    z-index: 1;
    float: left;
    margin: 0.8em 1em 0 1em;
    width: 1em;
    height: 1em;
    border-radius: 1em;
    content: "+";
    text-align: center;
    line-height: 0.9em;
    display: flex;
    align-items: center;
    justify-content: center;
}

:checked ~ label.tree_label:before {
    content: "–";
}

/* ————————————————————–
  Tree branches
*/
.tree li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -0.5em;
    display: block;
    width: 0;
    border-left: 1px solid #777;
    content: "";
}

.tree_label:after {
    position: absolute;
    top: 0.8em;
    left: -1.5em;
    display: block;
    height: 0.5em;
    width: 3.5em;
    border-bottom: 1px solid #777;
    border-left: 1px solid #777;
    border-radius: 0 0 0 0;
    content: "";
}

/* label.tree_label:after {
     border-bottom: 0;
} */

:checked ~ label.tree_label:after {
    border-radius: 0 0 0 0;
    border-top: 1px solid #777;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    bottom: 0;
    top: 1.25em;
    height: auto;
    width: 3em;
}

.tree li:last-child:before {
    height: 2.3em;
    bottom: auto;
}

/* .tree > li:last-child:before { display: none; } */

.tree > li:first-child {
    padding-top: 2em;
}

.tree_custom {
    display: block;
    background: transparent;
    padding: 0.5em 1.5em;
    border-radius: 0.3em;
    border: 0.6px solid #000;
    font-size: 12px;
    margin-left: 3em;
    min-width: 9.4em;
    text-align: center;
}

.tree_custom.custom-label {
    margin-left: 2.4em;
}
.tree_custom.custom_stage1 {
    background: #f3fbff;
    max-width: 2em;
    position: relative;
}
.tree_custom.custom_stage2 {
    background: #fff6f0;
}
.tree_custom.custom_stage3 {
    background: #ffedfb;
}
.tree_custom.custom_stage4 {
    background: #effff3;
}

/* Project Structure Page */

/* check-Radio Css */
.checkRadio-btn {
    z-index: 99;
}
.checkRadio-btn .tggl-name {
    font-size: 16px;
}
.checkRadio-btn .usr-available-switch input {
    display: none;
}
.checkRadio-btn .usr-available-switch {
    display: inline-block;
    width: 55px;
    height: 25px;
    margin: 8px;
    position: relative;
}

.checkRadio-btn .checkRadio-slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #777, 0 0 4px #777;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: 0.4s;
}
.checkRadio-btn .checkRadio-slider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #777;
    border-radius: 30px;
    transform: translateX(-30px);
    transition: 0.4s;
}

input:checked + .checkRadio-slider:before {
    transform: translateX(30px);
    background: #ffffff;
}
input:checked + .checkRadio-slider {
    box-shadow: 0 0 0 2px #55ce63, 0 0 2px #55ce63;
    background: #55ce63;
}
@media only screen and (max-width: 575px) {
    .checkRadio-btn {
        margin-right: 35px;
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .checkRadio-btn .tggl-name {
        font-size: 13px;
    }
    .checkRadio-btn .usr-available-switch {
        margin: 2px 8px;
    }
}
#efficiency_table_wrapper {
    overflow: auto !important;
}

/* readonly dropdown class*/
.disable-select {
    pointer-events: none;
    cursor: not-allowed;
    background-color: #e9ecef;
}

/* ck-editor Starts */

.ck.ck-editor .ck-editor__main .ck-read-only {
    background-color: #e9ecef;
    cursor: not-allowed;
}

/* ck-editor Ends */
/* readonly dropdown class*/
.disable-select {
    pointer-events: none;
    cursor: not-allowed;
    background-color: #e9ecef;
}

/* navbar start */
@media only screen and (min-width: 991px) {
    .mini-sidebar .header .header-left {
        width: 100px;
    }
    .header .header-left img {
        margin-top: 8px;
        margin-bottom: 5px;
    }
}

/* navbar end */

.content-para-column {
    max-width: 200px;
    min-width: 200px;
    white-space: normal;
    word-wrap: break-word;
}

/* UI Board Page */
.parent-restricted {
    opacity: 0.4;
}

.drag-column .pin-board {
    position: relative;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.drag-column .drag-column-header:hover .pin-board {
    opacity: 1 !important;
}

/* swipe-board-control */

@keyframes blink {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.8;
    }
}

.swipe-board .highlight {
    font-size: 14px;
    line-height: normal;
    min-height: auto;
    text-transform: capitalize;
    font-weight: 500;
    animation: blink 2.4s ease-in-out infinite;
}

/* swipe-board-control */

/* UI Board Page */

/**thumbrating**/
.customer-thumb-rating {
    width: 130px;
}
.custom-rating .help-text {
    top: 3px;
    right: -10px;
}
.ticket-rate-new {
    cursor: pointer;
}
/**brand page password icon**/
.password-input-container {
    position: relative;
}

.password-input-container .password-input {
    padding-right: 32px;
}

.password-input-container .toggle-password {
    position: absolute;
    top: 49px;
    right: 7px;
    cursor: pointer;
    z-index: 9999;
}
/* UI Board Page */

/* removing arrows input type number */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

/* Toastr Styling */

#toast-container {
    left: 5%;
    bottom: 5%;
}

@media only screen and (max-width: 576px) {
    #toast-container {
        max-width: 320px;
    }
}

#toast-container .toast {
    position: relative;
}

#toast-container.toast-top-right {
    bottom: auto;
    left: auto;
}

#toast-container.toast-top-right > div::after {
    border-radius: 4px 0 0 4px;
}

#toast-container.toast-top-left {
    bottom: auto;
}

#toast-container:last-child {
    margin-bottom: 0;
}

#toast-container > div {
    border-radius: 4px;
    opacity: 1;
    min-width: 400px;
    width: 100%;
    padding: 18px 20px 18px 60px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 0;
}

#toast-container > div:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
        rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

#toast-container > div::before {
    content: "\2714";
    font-family: "Arial", sans-serif;
    font-size: 20px;
    margin-right: 10px;
    color: #fff;
    background: #55ce63;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 100%;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

#toast-container > div::after {
    content: "";
    width: 5px;
    background-color: #55ce63;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.toast .toast-close-button {
    color: #000;
}

.toast .toast-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.toast .toast-message {
    font-size: 14px;
    font-weight: 400;
    color: #455a64;
    white-space: nowrap;
}

/* Toastr Styling */

/**brand page password icon**/
.password-input-container {
    position: relative;
}

/* Dispute Rating Modal */

#disputeratingModal .details-box {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    height: auto;
    max-height: 100px;
    overflow: auto;
}

#disputeratingModal .details-box p {
    margin-bottom: 0;
}

#disputeratingModal .details-box::-webkit-scrollbar {
    width: 4px;
}

#disputeratingModal .details-box::-webkit-scrollbar-track {
    width: 4px;
    background-color: #fff;
    border-radius: 12px;
}

/* Copy Clip */
.copy-clip {
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
#disputeratingModal .details-box::-webkit-scrollbar-thumb {
    padding: 0 3px;
    width: 8px;
    background-color: lightgrey;
    border-radius: 12px;
}

.form-group .ck.ck-editor__main > .ck-editor__editable {
    background-color: transparent;
}

/* Dispute Rating Modal */
/**brand page password icon**/

/* Drag and Drop project-view */

.custom-drop-zone {
    border: 5px dashed #ddd;
    border-radius: 12px;
    min-height: 200px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.custom-drop-zone .drop-highlight {
    color: #ddd;
    font-weight: 500;
    margin-bottom: 0;
}

.custom-drop-zone input {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.custom-uploading-files {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.custom-uploading-files li {
    padding: 8px;
    color: #1258a0;
    font-size: 17px;
    border-bottom: 1px solid #ddd;
}

.custom-uploading-files li .fa {
    cursor: pointer;
}

/* Copy Clip */
.copy-clip {
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

/* Email Template CSS */

.email-container {
    background-color: #fff;

    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.email-wrapper {
    /* height: 100vh; */
    background-color: #fff;
    color: #656565;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 1098px;
    margin: auto;
    width: 100%;

    font-size: 22px;
    line-height: 35px;
}

.email-wrapper .logo {
    max-width: 256px;
    width: 100%;
    margin: 50px 0 0;
}

.email-wrapper .logo img {
    width: 100%;
}

.email-wrapper .content-wrapper {
    width: 100%;
    border-radius: 0px 0px 45px 45px;
    /* border: 1px solid #0000001A; */
    /* min-height: 300px; */
    background-color: white;
    padding: 30px;
    margin: 50px 0;
    background-image: url("../../img/emails/bg.webp");
    background-size: 100% 100%;
    background-position: center center;
}

.email-wrapper .text-bold {
    font-weight: 700;
}

.email-wrapper .text-semi {
    font-weight: 500;
}

.email-wrapper .subject-container {
    padding-bottom: 20px;
    border-bottom: 1px solid #0000000d;
    font-size: 25px;
    color: #000000;
}

.email-wrapper .assignee-detail {
    font-size: 30px;
    font-weight: 700;
    margin: 20px 0 30px;
    color: #49a2a8;
}

.email-wrapper .ticket-status {
    font-weight: 500;
    color: #656565;
}

.email-wrapper .ticket-status .ticket-link {
    font-weight: 700;
    color: #2f80ed;
    text-decoration: none;
    cursor: pointer;
}

.email-wrapper .detail-list {
    padding: 0;
    margin: 30px 0;
    list-style-type: none;
}

.email-wrapper .detail-list li {
    padding: 0;
    margin: 20px 0;
    list-style-type: none;
    display: flex;
    align-items: flex-start;
    justify-content: start;
}

.email-wrapper .detail-list li .detail-key {
    font-weight: 700;
    color: #000;
    min-width: 220px;
    max-width: 220px;
}

.email-wrapper .detail-list li .detail-value {
    font-weight: 500;
}

.email-wrapper .detail-list .detail-value ul {
    padding: 0;
    margin: 0;
}

.email-wrapper .detail-list .detail-value li {
    margin: 0;
}

.email-wrapper .detail-list .detail-value li * {
    word-break: break-all;
}

.email-wrapper .ticket-visit {
    font-weight: 500;
    margin-bottom: 20px;
}

.email-wrapper .ticket-visit .ticket-link {
    color: #2f80ed;
    text-decoration: underline;
    cursor: pointer;
}

.email-wrapper .automated-msg {
    font-weight: 400;
    font-style: italic;
    margin-bottom: 24px;
}

.email-wrapper .tags {
    padding: 0px 13px 0px 13px;
    border-radius: 17px;
    gap: 10px;
    color: #fff;
}

.email-wrapper .tags.closed {
    background-color: #333333;
}

.email-wrapper .tags.backtodev {
    background-color: #6a5acd;
}

.email-wrapper .tags.received {
    background-color: #378cff;
}

.email-wrapper .tags.approved {
    background-color: #07ad07;
}

.email-wrapper .tags.rejected {
    background-color: #ed1c24;
}

.email-wrapper .tags.declined {
    background-color: #ffa500;
}

@media only screen and (max-width: 1536px) {
    .email-wrapper {
        font-size: 18px;
        line-height: 30px;
    }

    .email-wrapper .detail-list li {
        margin: 16px 0;
    }

    .email-wrapper .assignee-detail {
        font-size: 26px;
        font-weight: 700;
        margin: 20px 0;
    }

    .email-wrapper .subject-container {
        font-size: 20px;
    }

    .email-wrapper .detail-list li .detail-key {
        min-width: 200px;
        max-width: 200px;
    }
}

@media only screen and (max-width: 1200px) {
    .email-wrapper {
        max-width: 992px;
    }
}

@media only screen and (max-width: 992px) {
    .email-wrapper {
        max-width: 90%;
    }
}

@media only screen and (max-width: 768px) {
    .email-wrapper {
        font-size: 16px;
        line-height: 24px;
    }

    .email-wrapper .logo {
        max-width: 173px;
        margin: 40px 0 0px;
    }

    .email-wrapper .content-wrapper {
        margin: 20px 0;
    }

    .email-wrapper .subject-container {
        color: #000;
        font-size: 18px;
    }

    .email-wrapper .assignee-detail {
        font-size: 20px;
        margin: 20px 0;
    }

    .email-wrapper .detail-list li {
        margin: 16px 0;
    }

    .email-wrapper .detail-list li .detail-key {
        min-width: 120px;
        max-width: 120px;
    }

    .email-wrapper .detail-list.w-half li .detail-key {
        min-width: 50%;
        max-width: 50%;
    }

    .email-wrapper .automated-msg {
        font-weight: 400;
        font-style: italic;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 576px) {
    .email-wrapper .content-wrapper {
        background-image: url("../../img/emails/mobile-bg.webp");
        padding: 30px 14px;
    }
}

/* Email Template CSS */

/* Modal CSS */

@media only screen and (max-width: 992px) {
    .modal .modal-dialog.modal-lg {
        max-width: 90%;
        margin: auto;
    }
    .modal .modal-dialog.modal-lg .modal-content {
        margin: 40px auto;
    }
}

@media only screen and (max-width: 576px) {
    .modal .modal-dialog.modal-lg {
        max-width: 95%;
        margin: auto;
    }
}

/* Datetime Pickr */

.form-control.flatpickr-input[readonly] {
    background-color: #ffffff;
}

.flatpickr-wrapper .fa {
    position: absolute;
    top: 50%;
    right: 4.5%;
    transform: translateY(-50%);
    color: #676767;
    pointer-events: none;
}

/* Datetime Pickr */

/* day-view CSS */

.day-view-container {
    padding-right: 60px;
}

.legend-bar {
    width: 50px;
    height: auto;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 0;
    gap: 10px 0;
    border-radius: 4px;
}

.legend-bar .indicator {
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    cursor: pointer;
}

/* day-view CSS */

/* dxScheduler CSS */

.dx-scheduler-time-panel-cell {
    height: 60px;
}

.dx-scheduler-date-table-cell {
    height: 60px;
}

.status-item-1 {
    background-color: #fb7d44;
    /* To-do */
}

.status-item-2 {
    background-color: #ff9b44;
    /* In Progress */
}

.status-item-3 {
    background-color: #6c757d;
    /* Ready For Review - Ready to Audit, Ready to AE, Ready to QC, Ready to PR, Ready to GE, Ready to ME, Ready to VE */
}

.status-item-4 {
    background-color: #ffc107;
    color: #000000;
    /* Enhancement */
}

.status-item-5 {
    background-color: #f62d51;
    /* Reopened - Rework, Back to AM, Back to Dev, Back to CW, Back to GD, Back to MM, Back to VM */
}

.status-item-6 {
    background-color: #ffffff;
    color: #000000;
    /* Dev Verified  */
}

.status-item-7 {
    background-color: #009efb;
    /* Pre-live Deployed */
}

.status-item-8 {
    background-color: #337ab7;
    /* Pre-live Verified  */
}

.status-item-9 {
    background-color: #55ce63;
    /* Live-deployed  */
}

.status-item-10 {
    background-color: #279863;
    /* Closed */
}

/* dxScheduler CSS */
/* Modal CSS */

/* ProjectWheel Dispute Bot css */

#bot-accordion .accordion-button:not(.collapsed) {
    background-color: white;
}
#bot-accordion .accordion .accordion-header button {
    font-weight: 600;
    color: black;
}
#bot-accordion .accordion .accordion-header button {
    position: relative;
}
#bot-accordion .accordion .accordion-header button img {
    margin-right: 8px;
    margin-top: -3px;
}
#bot-accordion .accordion .accordion-body {
    background: #f9f8fe;
    border: 1px solid #e5e5eb;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.03);
    border-radius: 5px;
}
#bot-accordion .accordion .accordion-body p span {
    color: black;
    font-weight: 600;
    font-size: 16px;
}
#bot-accordion .accordion .accordion-body textarea {
    width: 100%;
    min-height: 100px;
    border: none;
    background-color: transparent;
    resize: none;
}
/* end of ProjectWheel Dispute Bot css */

/* Select2 dropdown css */

.select2-results__option {
    text-align: left;
}

/* Select2 dropdown css */

/* comment section accordion*/

#comment-accordion .accordion-button:not(.collapsed) {
    background-color: white;
}
#comment-accordion .accordion .accordion-header button {
    font-weight: 600;
    color: black;
}
#comment-accordion .accordion .accordion-header button {
    position: relative;
}
#comment-accordion .accordion .accordion-header button img {
    margin-right: 8px;
    margin-top: -3px;
}
#comment-accordion .accordion .accordion-body textarea {
    width: 100%;
    min-height: 100px;
    border: none;
    background-color: transparent;
    resize: none;
}
#comment-accordion .accordion .accordion-body p span {
    font-weight: 600;
    font-size: 16px;
}