@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
}

/* Slow down the transition to 0.5 seconds */
::view-transition-group(root) {
    animation-duration: 0.5s !important;
}

/* Custom fade-in for the new page */
::view-transition-new(root) {
    animation: 500ms ease-in both custom-fade-in;
}

@keyframes custom-fade-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

html {
    scroll-behavior: smooth;
}

.cursor-auto {
    cursor: auto !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-wait {
    cursor: wait !important;
}

.cursor-text {
    cursor: text !important;
}

.cursor-move {
    cursor: move !important;
}

.cursor-help {
    cursor: help !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.cursor-grab {
    cursor: grab !important;
}

body {
    background: #f3f3f3;
}

.project_Data_Div {
    margin-top: 100px;
}

label.dropdown-item {
    margin-bottom: 0;
}

div#OtherDropdowns-container .dropdown-menu.show {
    padding-top: 0;
}

.btn i {
    font-size: 1.1rem;
    line-height: 1.5;
}

.remov-pl {
    padding: 1rem 0.8rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0rem;
    padding-left: 0.1rem;
    color: #000000;
}

ol.breadcrumb.breadcrumb-style2 p.documents-hierarchy-p {
    margin-left: 0px;
    color: #2a8fca;
}

.modal-content.modal-content-demo span.close {
    font-size: 24px;
    display: flex;
    height: 24px;
}

.folder-tree li i {
    margin-right: 0 !important;
}

.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before {
    content: "\e92f";
    position: absolute;
    left: -22px;
}

.breadcrumb-style2 li.breadcrumb-item:first-child {
    margin-left: 0;
}

li.breadcrumb-item {
    margin-left: 15px;
    position: relative;
}

.documents-hierarchy-p-p {
    margin-left: 0px;
}

.btn.docFilebtn {
    padding: 10px 2px;
}

.loginFrm-section a.header-brand.new_logo {
    max-width: 150px !important;
    margin-bottom: 2rem;
}

.loginFrm-section .logintitle h4 {
    font-size: 22px;
}

.loginFrm-section .login_form input {
    min-height: 50px;
}

.loginFrm-section .login_form a.input-group-text {
    width: 50px;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #ffffff;
    background: #8d9199;
}

.loginFrm-section form#loginForm label.form-label {
    font-size: 16px;
}

.loginFrm-section form#loginForm button#loginButton {
    min-height: 50px;
    font-size: 22px;
}

.loginFrm-section {
    padding-top: 0em !important;
}

.font-15 {
    font-size: 15px;
}

.loginFrm-section form#loginForm .user_name, .loginFrm-section form#loginForm .pass_word {
    margin-left: 0 !important;
}


input:-webkit-autofill,
input:-webkit-autofill:focus {
    background: #fff !important;
    transition: background-color 600000s 0s, color 600000s 0s;
}

table.ff_fileupload_uploads .ff_fileupload_filename input[type="text"] {
    padding: 8px 0px !important;
}

.ff_fileupload_buttoninfo {
    color: #ff0000;
}

.select2-container--default .select2-results__option .select2-results__option {
    cursor: pointer;
}

div#ProgressDropDownList h6.dropdown-header {
    padding-left: 10px
}

.mobile-logos {
    display: none;
}

.login_form {
    background: #fff;
    border-radius: 5px;
    padding: 2rem !important;
    box-shadow: rgba(100, 100, 111, 0.15) 0px 7px 15px 0px;
}

.header.sticky.petty-header {
    background: #fff;
    border-bottom: 3px solid #2a8fca;
    box-shadow: rgba(100, 100, 111, 0.15) 0px 7px 15px 0px;
    z-index: 99;
}

    .header.sticky.petty-header .nav_center ul {
        gap: 10px;
        color: #000000;
    }

    .header.sticky.petty-header .avatar {
        background: #fff no-repeat center / cover;
        color: #2a8fca;
        border: 1px solid #2a8fca;
        border-radius: 3rem;
    }

        .header.sticky.petty-header .avatar:hover {
            background: #2a8fca no-repeat center / cover;
            color: #fff;
        }


    .header.sticky.petty-header .nav_center ul li:hover {
        color: #2a8fca;
    }


.hor-content .page-title {
    color: #000;
}

.hor-content .card {
    /* box-shadow: rgba(100, 100, 111, 0.15) 0px 7px 15px 0px;*/
    border: 1px solid #e9ebfa !important;
    border-radius: 10px;
}


.hor-content .btn-primary {
    color: #2a8fca !important;
    background-color: #ffffff;
    border-color: #2a8fca;
    font-size: 16px;
}

    .hor-content .btn-primary:hover {
        color: #fff !important;
        background-color: #2a8fca !important;
        border-color: #2a8fca !important;
    }

.tabs-menu1 ul li a {
    color: #4b4b4b;
    padding: 8px 25px 8px 25px;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.tabs-menu1 ul li .active {
    border-bottom: 0px solid #2a8fca;
    background: #2a8fca;
    color: #fff;
}

ul.nav.panel-tabs.edit-tab._directory {
    padding-top: 0rem !important;
    background: #ffffff;
}



#customNavMenus li {
    list-style: none;
    display: inline-block;
    letter-spacing: 1px;
}

#customNavMenus li {
    cursor: pointer;
}

    #customNavMenus li.active a {
        background-color: #2a8fca;
        color: #fff;
        padding: 8px 15px;
        border-radius: 5px;
    }


/*========css for table bedage===========*/
.bg-danger-transparent {
    background: #F7E9E9;
    color: #9D1B1C;
    padding: 5px 10px;
    font-size: 13px !important;
    border-radius: 4px;
}


/*=====light color form table header======*/


/*=====gray color form table header======*/
.main-content .card .table thead th:not(.second-header-unique-first,.second-header-unique-last, .second-header-unique) {
    background: #2a8fca !important;
    color: #fff;
    white-space: nowrap;
    border: none; /**/
    letter-spacing: 1px;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-left-width: 0px;
    border-right-width: 1px;
}

/*table.table-bordered.dataTable td:first-child {
        border-left-width: 1px !important;
    }*/

.search_bar-header .select2-container--default .select2-selection--single {
    background-color: #e4e4e4 !important;
    border-color: #f0f8ff;
}

.directory_table thead {
    background-color: #e3e3e3 !important;
}

.form-group.search-bar-inner:hover {
    box-shadow: rgba(100, 100, 111, 0.15) 0px 7px 15px 0px;
}
/*=====gray color form table header======*/

ol.breadcrumb.breadcrumb-style2 .documents-hierarchy-p,
ol.breadcrumb.breadcrumb-style2 .documents-hierarchy-p-p {
    font-size: 15px;
    margin-bottom: 0;
}

ol.breadcrumb.breadcrumb-style2 li:not(:last-child) { /*previoously a instead of a*/
    font-size: 15px;
    cursor: pointer;
}

ol.breadcrumb.breadcrumb-style2:last-child { /*previoously a instead of a*/
    font-size: 15px;
    cursor: default !important;
}

.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before, .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item::before {
    width: 28px;
    line-height: 23px;
}

nav ol.breadcrumb {
    margin-top: 1.5rem;
}

.main-contact-action a:hover {
    background: #2a8fca;
    color: #fff !important;
}

.main-contact-action a {
    border-color: #2a8fca;
    color: #2a8fca !important;
    font-size: 15px;
    padding: 3px 10px;
}

    .main-contact-action a span {
        font-size: 16px;
    }

.myedit-btn {
    background: #fff !important;
    border-color: #2a8fca;
    color: #2a8fca;
}

    .myedit-btn:hover {
        background: #299ae7 !important;
        border-color: #299ae7 !important;
        color: #fff;
    }

.mydelete-btn {
    background: #fff;
    border-color: #9D1B1C;
    color: #9D1B1C !important;
    box-shadow: none;
}

    .mydelete-btn:hover {
        background: #f91a3f;
        border-color: #f91a3f;
        color: #fff !important;
    }

.margin-upper {
    margin-top: 1.5rem;
}

.kinnect_logo img {
    width: 80px !important;
    padding: 11px;
}

.hor-content .table td {
    white-space: nowrap;
}

.col-padding {
    padding-left: 0;
}

    .col-padding input.form-control {
        margin-left: 0 !important;
    }

    .col-padding #changelog_list_filter input.form-control {
        margin-left: 15px !important;
    }

    .col-padding #changelog_list_filter div.dropdown {
        margin-left: 25px !important;
    }

.drawing-icons .btn-secondary {
    background: #fff;
    border: 1px solid #fe7f00 !important;
    color: #fe7f00 !important;
    box-shadow: none;
    margin-right: 3px;
}

.drawing-icons .mydelete-btn {
    box-shadow: none;
}

.drawing-icons .btn-secondary:hover {
    color: #fff !important;
    background-color: #FE7F04;
    border-color: #ed7802 !important;
}

.drawing-icons .folder-footer {
    background-color: #ffffff;
    border-radius: 0 0 5px 5px;
}

.drawing-icons .text-custom-folder {
    /* margin-top: 8px;*/
    font-weight: 400;
    font-size: smaller;
}

.drawing-icons .img-folder img {
    width: 120px;
    height: 100px;
    margin-left: 10px;
}

.icons-list_item {
    border: 1px solid #f0f8ff;
    background: #e4e4e4 !important;
}

/*** project list search area */
.search_bar-header .select2-container--default .select2-selection--single {
    background-color: #e4e4e4 !important;
    border-color: #f0f8ff;
}

.drawing-icons .custom-btn-share-drawings {
    margin: 5px 3px;
}

.download-btn {
    background: #ffffff !important;
    box-shadow: none !important;
    border-color: #00af4f !important;
    color: #00af4f;
}

    .download-btn:hover {
        background: #00af4f !important;
        border-color: #00af4f;
        color: #fff;
    }

.pagination-custom li a {
    line-height: 40px;
}

div#documnetInternaldetails nav ol.breadcrumb {
    margin-top: 0rem;
    font-size: 1.2rem;
    color: #000 !important;
    align-items: center;
}

.product-image input.photo-check, input.photoRecycle-check {
    position: absolute;
    top: 5px;
    width: 20px;
    height: 20px;
    left: 5px;
    z-index: 10;
}

input.photo-checkAll, input#photoRecycle-checkAll {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

#photo-count {
    font-style: italic;
    font-size: 14px;
}

.counts-photos {
    font-size: 17px;
}

.folder-structure.drawing-icons .card-title {
    font-size: 16px;
    color: #000;
}

.log-image1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-image-btn .product-image img {
    transition: 0.5s all;
    overflow: hidden;
}

.file-image-btn.file-image-lg:hover img {
    transform: scale(1.2);
    transition: 0.5s all;
}

.InviteReinvite {
    padding: 5px 10px;
    font-size: 14px !important;
    border-radius: 4px;
    font-weight: normal;
}

.modal-content.modal-content-demo .modal-header h4.card-title {
    margin-bottom: 0rem;
    color: #000 !important;
}

table#fav-project-list thead th:nth-child(1) {
    width: 25px !important;
}

.form-label {
    color: #000;
}

.photo-timline, .uppld-mnth {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.btn-light {
    background-color: #e4e4e4;
}

.btn-default {
    background-color: #e4e4e4;
    box-shadow: none;
}

.breadcrum-btnlist a.btn {
    border-color: #2a8fca;
    color: #2a8fca;
    background: #fff;
    margin-bottom: 0;
}

    .breadcrum-btnlist a.btn:hover {
        color: #fff;
        background: #2a8fca;
    }

.grid-view table tbody tr {
    box-shadow: rgba(100, 100, 111, 0.15) 0px 7px 15px 0px !important;
    border: 0 !important;
}

#customNavMenus li a:hover {
    background-color: #2a8fca;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
}

#customNavMenus li a {
    padding: 8px 15px;
    white-space: nowrap;
}

.page-rightheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gm-style-iw-chr {
    display: none !important;
}

.file-image-btn.file-image-lg {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.photos-box {
    object-fit: cover;
    text-transform: none;
    cursor: pointer;
    height: 200px;
}

/* Company Addmin Permission Add/Edit page*/
.custom-lbl {
    font-weight: bold;
}

.drawing-icons .btn {
    margin-right: 5px !important;
    margin-bottom: 0px;
}

/*=========================== 25/03/2025 ===============================*/
.select2-container .select2-selection--single .select2-selection__rendered:focus {
    border: 1px solid #2a8fca !important;
}

.form-control:focus {
    box-shadow: 0px 0px 3px 0px #2a8fca inset;
}

.input-group-btn > .btn {
    border: 1px solid #cbcbcb;
}

.btn-default:focus {
    border: 1px solid #2a8fca;
    box-shadow: 0px 1px 3px 0px #2a8fca;
}

.icons-list_item:hover {
    border: 1px solid #2a8fca;
    box-shadow: 0px 1px 3px 0px #2a8fca;
}

.hor-header.header {
    position: fixed !important;
    top: 0;
    width: 100%;
}

div#searchBar-input input#searchInput {
    border: 1px solid #cbcbcb;
    border-right: 0px;
}

div#searchBar-input button#searchButton {
    background: #fff;
    color: #cbcbcb;
}

    div#searchBar-input button#searchButton:hover, .petty-header a.icons-list_item:hover {
        background: #2a8fca !important;
        color: #fff;
    }

.petty-header a.icons-list_item {
    background: #fff !important;
    border: 1px solid #2a8fca;
    color: #2a8fca;
    padding: 6px;
    line-height: 23px;
    min-height: 34px;
    margin-left: 15px;
}

    .petty-header a.icons-list_item.active {
        background: #2a8fca !important;
        border: 1px solid #2a8fca;
        color: #fff;
        padding: 6px;
        line-height: 23px;
        min-height: 34px;
    }

.search_bar-header .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #2a8fca !important;
}

span#select2-searchByProjectNameAndNo-container {
    background: #fff;
    border: 0px solid #2a8fca !important;
    border-radius: 4px;
}

.search_bar-header .select2-container--default .select2-selection--single {
    border: 1px solid #2a8fca !important;
    background: #fff !important;
}

span#select2-searchByProjectNameAndNo-container:hover {
    background: #fff;
    border: 0px solid #fff !important;
}

.table thead tr th:first-child:not(.second-header-child), .table thead tr:not(.second-header) {
    border-top-left-radius: 10px;
}

.table thead tr th:last-child:not(.second-header-child), .table thead tr:not(.second-header) {
    border-top-right-radius: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #2a8fca transparent transparent transparent;
}

span.home-typcns {
    line-height: 1px;
}

    span.home-typcns img {
        width: 25px;
    }

.petty-header a.icons-list_item:hover .home-cutm {
    display: none;
}

.home-cutm-white {
    display: none;
}

.petty-header a.icons-list_item:hover .home-cutm-white {
    display: block;
}

table.table-bordered.dataTable thead tr:first-child th,
table.table-bordered.dataTable thead tr:first-child td {
    border-top-width: 1px !important;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-bottom-width: 0px;
}

.tab-menu-heading {
    border-radius: 10px;
    margin: 0px 1px;
    background: #fff !important;
}

.edit-tab {
    border-radius: 10px 10px 0px 0px;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-bottom-width: 0px;
}

table.table-bordered {
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 0;
}

    table.table-bordered.dataTable th, table.table-bordered.dataTable td {
        border-bottom-width: 0px !important;
    }

/*table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th, table.dataTable thead td {
    padding: 8px 10px !important;
}*/

table.dataTable tbody td, table.dataTable thead td {
    padding: 6px 10px !important;
}

.table td .myedit-btn {
    margin-right: 4px;
}

.select2-container--default .select2-selection--single {
    border: 0px solid #d3dfea !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 21px !important;
    }

.folder-structure .card {
    border: 1px solid #2a8fca !important;
}

.tabs-menu1 {
    border-radius: 0 0;
    flex-wrap: wrap;
    border-bottom: 1px solid #e9ebfa;
    padding: 10px;
}

.tabs-menu-body {
    border: 0px solid #e9ebfa;
}

table#example1 {
    margin-bottom: 0px;
    border-radius: 10px 10px 0px 0px;
    border-collapse: separate;
    border-spacing: 0;
}
/*
div#list-view-project .dt-buttons {
    position: revert;
    z-index: 0;
}*/

.table-responsive.shadow-sm.rounded {
    box-shadow: none !important;
}

.page-leftheader {
    margin-left: 0px !important;
}

/*table#project-list thead {
    opacity: 0;
    height: 5px;
}*/

.clo_se {
    background: #fff !important;
    color: #9D1B1C !important;
    border: 1px solid #9D1B1C !important;
    border-radius: 5px !important;
    padding: 5px 10px !important;
    width: 42px;
    height: 42px;
}

    .clo_se:hover {
        background: #9D1B1C !important;
        color: #fff !important;
    }

.down_load_icon i {
    margin-right: 0px;
}

.down_load_icon {
    display: flex;
    align-items: center;
}

.photos-info-close {
    margin: 0;
    position: absolute;
    left: 10px;
}

.photodetail_section {
    background-color: #f0f8ff !important;
    width: 85%;
    margin: auto;
    position: relative;
}

.filter-section .card.custom-card {
    border-radius: 10px !important;
    margin-bottom: 0;
    border-color: #e9ebfa;
}

.view_color {
    border-bottom: 1px solid #299ae7;
    box-shadow: none !important;
    background: #e4e4e4;
}

.filter-section table.table-bordered {
    border-collapse: collapse;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #ffffff;
    border: 1px solid #2a8fca;
    border-radius: 5px;
    width: 45px;
    height: 55px;
}

.tabs-menu1 ul li {
    margin-right: 5px;
    height: fit-content;
}

    .tabs-menu1 ul li:last-child {
        margin-right: 0px;
    }

    .tabs-menu1 ul li a:hover {
        background: #2a8fca;
        color: #fff;
        text-align: center;
        border-radius: 8px;
    }

    .tabs-menu1 ul li:hover a {
        color: #fff;
    }

.photoinfo-box {
    align-items: flex-start;
    justify-content: space-between;
}

.custom-p-nav-btn {
    background: #fff;
    border: 1px solid #2a8fca !important;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .custom-p-nav-btn:hover {
        background: #2a8fca;
    }

        .custom-p-nav-btn:hover svg {
            fill: #fff;
        }

        .custom-p-nav-btn:hover path {
            fill: #fff;
            stroke: #ffffff;
        }

.filter-section .card-body {
    padding: 0.5rem;
}

.openseadragon-container canvas:focus-visible {
    outline: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #d3dfea;
    border-radius: 5px;
    padding: 0.375rem 0.75rem;
}

.tab-title {
    color: #000 !important;
}

/*table#fav-project-list {
    border: 1px solid #ddd;
}*/

table#example1 thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

.dt-button img {
    width: 30px !important;
    height: 30px !important;
    margin-right: 1px !important;
}

.photoDescription {
    border: 1px solid #e4e4e4;
    outline: none;
    border-radius: 4px;
    resize: none;
}

.des {
    height: 400px;
}

.editproject table.table-bordered {
    border-bottom: 1px solid #e9ebfa;
}

.editproject .card .table thead th:first-child {
    border-left: 1px solid #2a8fca !important;
}

.custom-p-nav-btn svg {
    width: 25px;
}

table#drawingListTable thead th:first-child, table#drawingListTable tbody td:first-child {
    text-align: center;
}

.discipline-header {
    background-color: #ebebeb;
}

tr.discipline-header td:not(.force-end) {
    text-align: left !important;
    padding-left: 12px;
}

.cust-col-set .col-lg-3 {
    max-width: 350px;
}

.main-content .card .table th, .main-content .card .table td {
    font-size: 16px;
}

.main-content .card .table th, .main-content .card #wipTable td {
    font-size: 14px;
}

.card-title {
    color: #000 !important;
}

.folder-structure .drawing-icons {
    display: flex;
    align-items: center;
}

.move-folder {
    background: #fff;
    border: 1px solid #2a8fca;
}

    .move-folder:hover {
        background: #2a8fca;
    }

        .move-folder:hover svg, .move-folder:hover path {
            stroke: #fff;
            fill: #fff
        }

.panel.panel-primary .tabs-menu-body {
    padding-top: 0px;
}

.zoom-btn-section .card {
    background: #f3f3f3;
    border: 0;
    box-shadow: none;
    margin: 0;
}

.zoom-btn-section .card-body {
    padding: 0;
}

table tr {
    border-style: none;
}

.page-item.active .page-link {
    background-color: #2a8fca;
    border-color: #2a8fca;
}

.card .card-header .card-title:before {
    background: #2a8fca;
}

.custom-width-filter button#dropdownMenuButton {
    background: #fff;
    color: #2a8fca;
    font-size: 15px;
    border-color: #2a8fca;
}

    .custom-width-filter button#dropdownMenuButton:hover {
        background: #2a8fca;
        color: #fff;
    }

.search-area {
    border: 1px solid #e9ebfa;
    border-radius: 4px;
    display: none;
}

.multidrop-custm {
    display: flex;
    align-items: center;
}

    .multidrop-custm .tags {
        margin-left: 5px;
        position: relative;
    }

    .multidrop-custm .tag {
        display: inline-block;
        background-color: #2a8fca;
        color: #fff;
        padding: 3px 20px;
        margin-right: 5px;
    }

    .multidrop-custm .dropdown {
        position: relative;
    }

    .multidrop-custm .dropdownBtn {
        width: 200px;
        border-color: #e5e5e5;
    }

    .multidrop-custm .dropdown-content {
        display: none;
        position: fixed;
        background-color: #f9f9f9;
        max-width: 200px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        padding: 12px;
        z-index: 5;
    }

        .multidrop-custm .dropdown-content label {
            display: block;
        }

.custom-text-overflow {
    max-width: 600px;
    text-overflow: ellipsis;
    overflow: hidden;
}

svg:focus, path:focus {
    outline: none;
}


th.flie-bx {
    border-bottom: 1px solid #fff;
    padding-bottom: 0;
}

.openseadragon-canvas {
    outline: 0;
}

.photo-info-area {
    position: absolute;
    background: #fff;
    color: #2a8fca;
    right: 15px;
    border: 1px solid #2a8fca;
    padding: 2px 10px;
    z-index: 10;
}

    .photo-info-area i {
        font-size: 1.5rem;
    }

table#photoDetailsId tbody tr:last-child {
    border: 1px solid #e9ebfa;
}

.filter-section {
    border-radius: 10px !important;
}

/*======Admin table section searchbar style here=======*/

div#roleTable_filter {
    position: absolute;
    top: -50px;
    right: 127px;
    font-size: 16px;
}

div#permissionTable_wrapper div#permissionTable_filter {
    position: absolute;
    top: -50px;
    right: 164px;
    font-size: 16px;
}

div#milestoneTbl_wrapper div#milestoneTbl_filter {
    position: absolute;
    top: -50px;
    right: 177px;
    font-size: 16px;
}

div#typeTable_wrapper div#typeTable_filter {
    position: absolute;
    top: -50px;
    right: 189px;
    font-size: 16px;
}

div#stageTable_wrapper div#stageTable_filter {
    position: absolute;
    top: -50px;
    right: 138px;
    font-size: 16px;
}

div#flagTable_wrapper div#flagTable_filter {
    position: absolute;
    top: -50px;
    right: 127px;
}

div#disciplinesTable_wrapper div#disciplinesTable_filter {
    position: absolute;
    top: -50px;
    right: 168px;
}

/*.panel-body.tabs-menu-body .tab-content .table-responsive {
    overflow: visible;
}*/

/*======Admin table section searchbar style End here=======*/

.tableScroll {
    overflow-y: visible !important;
}

.page-link:hover {
    color: #ffffff;
    background-color: rgb(42 143 202);
}

.dataTables_length .select2 {
    border-radius: 3px;
}

.site-mobile-info {
    display: none;
}

.addFilterMenu .dropdown .btn, a.clear-btn {
    background: #ffffff;
    color: #2a8fca;
    border-color: #2a8fca;
}

    .addFilterMenu .dropdown .btn:hover, a.clear-btn:hover {
        background: #2a8fca;
        color: #fff;
    }

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button {
    background-color: #f7284a;
    color: #fff;
}

span.mobiledate {
    display: none;
}

.avatar-upload .avatar-edit {
    position: absolute;
    left: 199px;
    z-index: 1;
    bottom: 94px;
}

    .avatar-upload .avatar-edit input {
        display: none;
    }

        .avatar-upload .avatar-edit input + label {
            display: inline-block;
            width: 34px;
            height: 34px;
            margin-bottom: 5px;
            border-radius: 100%;
            background: #FFFFFF;
            border: 1px solid #2a8fca;
            color: #2a8fca;
            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
            cursor: pointer;
            font-weight: normal;
            text-align: center;
            line-height: 34px;
            font-size: 18px;
        }

            .avatar-upload .avatar-edit input + label:hover,
            .avatar-upload .avatar-edit input + label + label:hover {
                background: #2a8fca;
                color: #fff;
            }

            .avatar-upload .avatar-edit input + label + label {
                display: inline-block;
                width: 34px;
                height: 34px;
                margin-bottom: 0;
                border-radius: 100%;
                background: #FFFFFF;
                border: 1px solid #2a8fca;
                color: #2a8fca;
                box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
                cursor: pointer;
                font-weight: normal;
                text-align: center;
                line-height: 34px;
                font-size: 20px;
            }

.avatar-upload .avatar-preview {
    width: 13rem;
    height: 13rem;
    position: relative;
}

    .avatar-upload .avatar-preview > img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }

.nav-link.icon.vertical-icon {
    display: none;
}

.show-more-tag .btn {
    padding: 0;
    line-height: 0;
}

.tage-area {
    width: 80%;
    overflow: hidden;
}

td.ff_fileupload_actions button.ff_fileupload_remove_file {
    background: #fff !important;
    border-color: #ff0000 !important;
    color: #ff0000 !important;
}

    td.ff_fileupload_actions button.ff_fileupload_remove_file:hover {
        background: #ff0000 !important;
        color: #fff !important;
    }

td.firstproject {
    width: 150px !important;
}

.projectover .mobile-title {
    display: none;
}

.open-items .mobile-title {
    display: none;
}

.card.margin-upper .table-responsive {
    overflow: inherit;
}

.btn_graey {
    font-size: 16px;
}

.drawing-set {
    text-align: left;
}

.tableScroll {
    min-height: 200px;
}

.select2-dropdown {
    z-index: 100 !important;
}

td.disbut-numbeer {
    max-width: 100px;
}

td.disbut-name {
    max-width: 300px;
}

td.disbut-people {
    max-width: 600px;
}

td.disbut-action {
    max-width: 200px;
}

div#ProgressDropDownList a {
    cursor: pointer;
}

.viewr-single-pdf {
    height: 75vh;
}

.DocumentContainer {
    overflow: unset !important;
}

/*table#reportViewTable thead {
    display: none;
}*/
.changeLogSearch {
    width: 30%;
}

    .changeLogSearch label {
        width: 100%;
    }

        .changeLogSearch label input.form-control.form-control {
            width: 100%;
        }

    .changeLogSearch .dropdown button#dropdownMenuButton {
        color: #2a8fca;
        background: #fff;
        border-color: #2a8fca;
    }

        .changeLogSearch .dropdown button#dropdownMenuButton:hover {
            color: #fff;
            background: #2a8fca;
        }


.project-tag {
    padding: 3px 10px;
    border-radius: 0.8rem;
    min-width: 80px;
    display: inline-block;
    text-align: center;
    /*cursor: pointer;*/
    font-size: 14px;
    margin-right: 5px;
    text-transform: uppercase;
}

.go-tag {
    background: #0d4e89;
    color: #fff;
}

.form-tag {
    background: #1978d0;
    color: #fff;
}

.evolve-tag {
    background: #228286;
    color: #fff;
}

.geng-tag {
    background: #4f811d;
    color: #fff;
}

.custom-text-overflow {
    max-width: 100%;
    white-space: normal !important;
    display: -webkit-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: 4.5em;
}

td.logsdescription {
    max-width: 550px;
}

.view-grid-table .table tr {
    position: relative;
}

td.grid-viewtd {
    width: 155px;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.documentbtn-group {
    display: flex;
    align-items: center;
}

.projecttble, hide-status {
    width: 150px;
}

.client-list, .list-site, .productlinetble, .stage-line {
    width: 200px;
}

/*.list-address {
    width: 300px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}*/

td.grid-discrption {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

td.grid-viewtd .project-tag {
    margin-bottom: 4px;
}

.tree_wrapper span {
    font-size: 16px !important;
}

#createFolderModel label {
    font-size: 16px !important;
    margin-bottom: 0;
}

.btn-warning {
    background: #fff;
    color: #e3b113 !important;
}

div#rightPanel {
    z-index: 99;
}

/*.uniqueViewer {
    width: 100% !important;
    height: 100% !important;
}*/

table#reports-table .btn.btn-sm {
    background: no-repeat;
}

.view-grid-table .table tr {
    position: relative;
}

.documentbtn-group {
    display: flex;
    align-items: center;
}

.grid-viewtd {
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
}

    .grid-viewtd .project-tag, .productline-tags .project-tag {
        margin-right: 5px;
    }

.productline-tags {
    display: flex;
    flex-wrap: wrap;
}

table#distributionTable thead th:nth-child(2) {
    width: 200px;
}

table#distributionTable thead th:nth-child(1) {
    width: 100px;
}

table#distributionTable thead th:nth-child(4) {
    width: 150px;
}

div#ProgressDropDownList a {
    cursor: pointer;
    white-space: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.show-limited-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}

span.btn.btn-danger.btn-icon.btn-sm.mydelete-btn.delete-pendings {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

div#ProgressDropDownList a {
    cursor: pointer;
    white-space: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div#target-container .tag {
    background: #2a8fca;
    color: #fff;
    padding: 5px 20px;
    text-align: center;
    justify-content: center;
    position: relative;
    font-size: 14px;
}

div#target-container .tage-area {
    width: 100%;
}

.report-dropdown-area .dropdown {
    width: 300px
}

.report-dropdown-area .dropdown-content {
    max-width: 300px;
}

.report-dropdown-area .dropdown button {
    width: 220px;
}


.folder-structure .folder-footer {
    cursor: pointer;
}

.idthead {
    min-width: 50px;
    max-width: 50px;
}

.tble-title {
    min-width: 100px;
}

.discrip-sec {
    min-width: 450px;
    max-width: 450px;
}

td.right-tble-action {
    text-align: center;
}

.changelog-action {
    min-width: 100px;
    max-width: 100px;
}

.custom_viewer_height {
    height: auto; /* Remove fixed height */
}

.pdf-height {
    height: auto; /* Let it grow naturally */
    max-height: 80vh; /* Optional: limit on large screens */
    margin-bottom: 0;
}

.inner_image-preview {
    width: 100%;
    height: 100%;
}

.uniqueViewer {
    width: 100%;
    height: 64vh; /* Adjustable based on preference */
    max-height: 70vh;
}

.genreal-section {
    height: 100%;
}

.drwaing-pdfnum:after {
    position: absolute;
    content: "*";
    color: red;
    right: 3px;
    top: 0;
}

.callibrate {
    color: #0dcd94 !important;
    border-color: #0dcd94;
    background: #fff;
}

    .callibrate:hover {
        color: #fff !important;
        background: #0dcd94;
    }

.border_right {
    border-top-right-radius: 10px;
}

table#reports-table thead th:first-child,
table#reports-table thead th:last-child {
    max-width: 150px;
    min-width: 150px;
}

table#reports-table thead th:nth-child(3) {
    max-width: 200px;
    min-width: 200px;
}

table td, table th {
    padding: 6px 10px !important;
}

.changelog-card-info {
    min-width: 130px;
    max-width: 130px;
}

.mileids {
    min-width: 50px;
    max-width: 50px;
}

div#documnetInternaldetails .card {
    margin-bottom: 0;
}

table#fav-project-list thead th:nth-child(2) {
    min-width: 150px;
}

#list-view-project .dt-buttons {
    position: relative !important;
    top: -25px;
    z-index: 9;
}

.grid-view table tbody tr:last-child {
    margin-right: auto;
    margin-left: 23px;
}

/*table#reportViewTable thead:first-child th {
    min-width: 160px;
}*/

table#reportViewTable thead th:last-child:not(.first-header-child) {
    min-width: 265px;
}

.user-pro-list2 .tableScroll {
    min-height: 450px;
}

.reportCard {
    height: 70vh;
}

    .reportCard .table-responsive {
        min-height: 450px;
    }

.inline-editor {
    border-radius: 5px;
    box-shadow: rgba(100, 100, 111, 0.15) 0px 7px 15px 0px;
}

    .inline-editor .field label {
        min-width: 100px;
    }

    .inline-editor .field select.frequency, .inline-editor .field select.weekday,
    .inline-editor .field input.monthDay {
        border: 1px solid #d4d4d4;
        padding: 3px;
        border-radius: 0.25rem;
        min-width: 110px;
    }

.applyBtn {
    padding: 5px 10px;
    width: 100%;
}

.set-logbtn {
    display: flex;
    align-items: center;
}

.report-dropdown-area .tage-area {
    width: 95%;
    margin-right: 10px;
}

.uploadFolfer-name {
    display: flex;
    align-items: center;
    /*padding: 5px 11px;*/
    margin: 15px 11px;
}

.folder-area h3.card-title {
    text-align: left;
    margin-left: 6px;
    color: #263871 !important;
    font-size: 16px;
}

.header-modal {
    display: flex;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #e6e6e6;
}

    .header-modal span.close {
        justify-content: end;
        align-items: center;
    }

.folder-area {
    border-left: 3px solid #2a8fca;
}

.backto-folder {
    padding: 7px 5px;
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 1px solid #2a8fca;
    margin-right: 5px;
}

    .backto-folder:hover path {
        stroke: #fff;
    }

    .backto-folder:hover {
        background: #2a8fca;
    }

.tree_wrapper.active span {
    border-left: 3px solid #2a8fca;
    color: #2a8fca;
}

    .tree_wrapper.active span.spanvalue svg {
        margin-left: 5px;
    }

.folder-tree .arrow {
    top: 22px !important;
    left: -30px !important;
}

.folder-tree li ul li {
    margin-left: 5px;
}

.folder-tree .arrow i {
    color: #44494c;
    font-size: 30px;
}

.multidrop-custm .tag {
    font-size: 14px;
    position: relative;
}

.mobile-section {
    display: none;
}

.uploadfolfer-name {
    display: flex;
    align-items: center;
    padding-left: 0;
}

    .uploadfolfer-name h3#currentfoldername {
        margin-left: 5px;
        text-transform: capitalize;
    }

span.root-folder.droppable-area {
    display: flex;
    align-items: center;
}

    span.root-folder.droppable-area svg {
        margin-right: 5px;
    }

.InviteReinvite {
    white-space: nowrap;
}

table#changelog_list thead th {
    white-space: nowrap !important;
}

.directortaction {
    display: flex;
    align-items: center;
    justify-content: center;
}

table#contact_company-list tbody td:nth-child(3), table#contact_company-list tbody td:nth-child(4), table#contact_company-list tbody td:nth-child(5), table#contact_company-list tbody td:nth-child(7),
table#contact_company-list thead th:nth-child(7) {
    white-space: nowrap !important;
}

.file-load-section {
    border: 1px solid #2a8fca;
    border-radius: 15px;
    margin: 15px;
    max-height: 500px;
    overflow-y: auto;
}

.uploadFolfer-name:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 25px;
    background: #2a8fca;
    left: -4px;
}

div#modaldemo3 .modal-content.modal-content-demo span.close {
    line-height: 20px;
}

button.ff_fileupload_dropzone {
    background-color: #edf0f8 !important;
}

.docufile-bar {
    flex-direction: column;
}

.fileprogress-bar {
    width: 100%;
    display: flex;
    align-items: center;
}

.docufile-bar .custom-progress-doc {
    margin: 0px 0px 10px 0px;
    height: 10px;
    width: 100%;
}

#contact_company-list > thead .sorting:last-child:before, #contact_company-list > thead .sorting:last-child:after,
#company_changelist > thead .sorting:last-child:before, #company_changelist > thead .sorting:last-child:after,
#company_changelist > thead .sorting:first-child:before, #company_changelist > thead .sorting:first-child:after,
#roleTable > thead .sorting:last-child:before, #roleTable > thead .sorting:last-child:after,
#permissionTable > thead .sorting:last-child:before, #permissionTable > thead .sorting:last-child:after,
#milestoneTbl > thead .sorting:last-child:before, #milestoneTbl > thead .sorting:last-child:after,
#typeTable > thead .sorting:last-child:before, #typeTable > thead .sorting:last-child:after,
#stageTable > thead .sorting:last-child:before, #stageTable > thead .sorting:last-child:after,
#flagTable > thead .sorting:last-child:before, #flagTable > thead .sorting:last-child:after,
#disciplinesTable > thead .sorting:last-child:before, #disciplinesTable > thead .sorting:last-child:after,
#changelog_list > thead .sorting:last-child:before, #changelog_list > thead .sorting:last-child:after,
#fav-project-list > thead .sorting:first-child:before, #fav-project-list > thead .sorting:first-child:after {
    display: none;
}

.fileprogress-bar span#totalUploadSize {
    display: flex;
    width: 70px;
    justify-content: end;
}

span.removeTag {
    position: absolute;
    top: -5px;
    right: 3px;
    align-items: center;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.btn.rept-pdf {
    padding: 0;
    margin-right: 0px !important;
}


#company_changelist th:last-child, #company_changelist td:nth-child(4) {
    white-space: nowrap !important;
}

.photoloader .progress-bar {
    bottom: 0;
}


div#documnetInternaldetails .card-header {
    border-bottom: 0;
}

table#project-list tbody td:nth-child(3),
table#project-list tbody td:nth-child(4) {
    white-space: nowrap !important;
}

table#project-list thead tr th:nth-child(2),
table#roleTable thead tr th:nth-child(2),
table#typeTable thead tr th:nth-child(2),
table#flagTable thead tr th:nth-child(2),
table#milestoneTbl thead tr th:nth-child(2),
table#disciplinesTable thead tr th:nth-child(2),
.table thead tr {
    border-top-left-radius: 10px;
}

table#project-list tbody td:nth-child(5) {
    white-space: normal;
}

table#teams-table tbody td:nth-child(2) {
    white-space: normal;
}

.picload-dropdwon {
    margin: 10px 0px !important;
}

.btn-primary, .btn-light {
    font-size: 16px;
}

.productline-tags .project-tag {
    margin-bottom: 5px;
}

#folderName1 {
    max-width: 100%;
    white-space: normal !important;
    display: -webkit-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.excelSheet, .pdfSheet {
    padding: 5px 0px;
}

.foldername {
    width: 100%;
    white-space: normal !important;
    display: -webkit-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

#wipTable tbody tr[data-editing-allowed="False"] td,
#wipTable tbody tr[data-editing-allowed="False"] td span,
#wipTable tbody tr[data-editing-allowed="False"] td div {
    cursor: default !important;
}

table td, table {
    cursor: auto;
}

    table td .btn, table td a, .clickable-name, .editable-cell {
        cursor: pointer;
    }

    table#reportViewTable .project-tag {
        cursor: auto;
    }

label.search-p {
    overflow: hidden;
    max-width: 191px;
    text-overflow: ellipsis;
}

p.documents-hierarchy-p-p:last-child {
    cursor: auto;
}

div#project-list-thumb_info {
    padding: 0;
}

.card-body.gridbody {
    padding: 1rem 1.5rem;
}

.folder-structure .folder-footer {
    align-items: center;
}

#drawingListTable tbody td {
    touch-action: auto !important;
}

.product-type-2go-tag {
    border-radius: 10px;
    font-weight: 400;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0d4e89;
    color: #fff !important;
}

.product-type-form-tag {
    border-radius: 10px;
    font-weight: 400;
    width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1978d0;
    color: #fff !important;
}

.product-type-gen-tag {
    border-radius: 10px;
    font-weight: 400;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #4f811d;
    color: #fff !important;
}

.product-type-evolve-tag {
    border-radius: 10px;
    font-weight: 400;
    width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #228286;
    color: #fff !important;
}

.stage-header {
    font-weight: bold;
    background-color: #f0f0f0; /* Light gray background */
    cursor: pointer;
}

    .stage-header td {
        cursor: pointer;
    }

/******************* drawing tooltip for imformation css ***********/
.info-icon-icon i {
    color: #007BFF;
    cursor: pointer;
    position: relative;
}

.tooltips {
    display: none;
    position: absolute;
    left: 53%;
    transform: translateX(-50%);
    top: 40px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
    max-height: 500px;
    overflow-y: scroll;
}

.info-icon-icon:hover + .tooltips {
    display: block;
}

.steps {
    margin-top: 20px;
}

.step {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fafafa;
}

    .step img {
        max-width: 100%;
        height: auto;
        border-radius: 5px;
        display: block;
        margin: 10px 0;
    }

    .step p {
        color: #555;
    }

/* Modal Styles */
#infoModal .modal-content {
    border-radius: 5px;
}

#infoModal .modal-body {
    max-height: 70vh;
    overflow-y: scroll;
}

.display-contents-custom {
    display: contents;
}

/** CSS for the active project dropdown **/
.select2-results__group {
    margin: 0 10px !important;
}

.coll-exp {
    border: 1px solid;
    cursor: pointer;
}

/*** 26-aug-2025 **/

.accordian-plus-icon button:hover {
    background-color: #2a8fca;
}

.accordian-plus-icon .fa-plus, .accordian-plus-icon .fa-minus {
    color: #2a8fca;
}

.accordian-plus-icon button:hover .fa-minus, .accordian-plus-icon button:hover .fa-plus {
    color: #fff !important;
}

td:hover .accordian-table-action {
    background-color: #fff;
}

.accordian-table-action {
    background-color: #fff;
}

    .accordian-table-action:hover {
        background-color: #2a8fca !important;
    }

    .accordian-table-action .fa-plus, .accordian-table-action .fa-minus {
        color: #2a8fca;
    }

button.accordian-table-action:hover .fa-plus, button.accordian-table-action:hover .fa-minus {
    color: #fff !important;
}

.force-end {
    text-align: end !important;
}

table#reportViewTable thead th:last-child {
    min-width: 0px !important;
}

.second-header-unique-first {
    background-color: #8d9199 !important;
    border-top-left-radius: 10px;
    color: #fff !important;
    white-space: nowrap;
    border: none !important;
    letter-spacing: 1px;
}

.second-header-unique-last {
    background-color: #8d9199 !important;
    border-top-right-radius: 10px;
    color: #fff !important;
    white-space: nowrap;
    border: none !important;
    letter-spacing: 1px;
    padding: 6px 0px !important;
}

.second-header-unique {
    background-color: #8d9199 !important;
    color: #fff !important;
    white-space: nowrap;
    border: none !important;
    letter-spacing: 1px;
}

.planned-date {
    color: orangered;
}

.scheduled-date {
    color: forestgreen;
}

#reportViewTable {
    border-collapse: separate !important;
    border-spacing: 0;
    width: 100%;
    background-color: #2a8fca;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

tbody {
    background-color: #fff !important;
}

td.drawinginfo p {
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    white-space: normal !important;
    display: -webkit-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ============19-11-2025 new css here================= */

.greenBadges-fld {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    min-width: 18px;
}

.green .greenBadges-fld {
    color: #fff;
    background: #769F66;
}

.completion-line .green .greenBadges-fld {
    color: #fff;
    background: #474444b8;
}

.planned-date .greenBadges-fld {
    color: #fff;
    background: #ff7b4b;
}

.progress.custmProgrss {
    gap: 2px;
    height: auto;
    margin: 0;
    padding: 2px 14px 2px 8px;
    font-size: 14px;
    white-space: nowrap;
    align-items: center;
    width: 100px;
}

.delivery-line .progress.custmProgrss, .production-line .progress.custmProgrss {
    width: 110px;
}

.completion-line .progress {
    align-items: center;
}

.delivery-line div.d-flex.gap-2.align-items-center.cursor-pointer:nth-child(3) {
    margin-top: 3px !important;
}

.production-line div.d-flex.gap-2.align-items-center:nth-child(3) {
    margin-top: 3px !important;
}

.min-w-24 {
    min-width: 24px;
}

.box-fSateg {
    width: 100%;
    padding: 6px;
    padding-left: 36px;
    border: 1px solid #2a8ec9;
    border-radius: 4px;
    position: relative;
    color: #2a8ec9;
    text-align: center;
}

.num-thumb {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #2a8ec9;
    position: absolute;
    left: 6px;
    font-size: 14px;
    top: 4px;
}

.subs-comlet .custmProgrss {
    color: #333;
}

.w-fit-content {
    width: fit-content;
}

.nameThumb-ltr {
    width: 30px;
    height: 30px;
    display: flex;
    min-width: 30px;
    border-radius: 50%;
    background: #2a8ec9;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.text-theme {
    color: #2a8ec9;
    font-weight: 500;
}

.font14 {
    font-size: 14px;
}

.cursor-pointer {
    cursor: pointer;
}

.custmNoteModal .modal-header {
    background: #2a8ec9;
    color: #fff;
}

    .custmNoteModal .modal-header .card-title2 {
        color: #fff;
        font-size: 18px;
        margin-bottom: 0;
        font-weight: 500;
    }

.custm-noteLog .nav-pills {
    gap: 16px;
}

    .custm-noteLog .nav-pills > li {
        flex-grow: 1;
    }

    .custm-noteLog .nav-pills button.nav-link {
        padding: 7px 12px;
        width: 100%;
        background: #fff;
        border: 1px solid #2a8ec9;
        color: #2a8ec9;
        justify-content: center;
    }

        .custm-noteLog .nav-pills button.nav-link.active {
            background: #2a8ec9;
            color: #fff;
        }

.flagBox:has(input:checked) .flagIcn {
    color: red;
}

/*27-11-2025 new css ====*/
.bg-Custm-colr {
    background: #1F82BF;
    background: linear-gradient(90deg,rgba(31, 130, 191, 1) 50%, rgba(126, 206, 255, 1) 100%);
    bottom: 0px !important;
    height: 14px !important;
}

/****************** Modal pop up field tool *************/
:root {
    --primary-blue: #2A98E5;
    --primary-white: #fff;
    --primary-white-10: #F5F5F5;
}

.fieldWP-modal .modal-content, .FPM-modal .modal-content {
    border-radius: 10px;
    border: 0;
}

.fieldWP-modal .modal-header, .FPM-modal .modal-header {
    background-color: var(--primary-blue);
    color: var(--primary-white);
    padding: 11px 15px;
    border-radius: 8px 8px 0 0;
    font-size: 20px;
}

    .fieldWP-modal .modal-header .btn-close, .FPM-modal .modal-header .btn-close {
        filter: invert(100);
        color: #000;
    }

.fieldWP-modal .field-Nav-tab .nav {
    gap: 10px;
}

.delivery-box {
    height: 24px;
}

.fieldWP-modal .field-Nav-tab .nav > button {
    flex-grow: 1;
    border-radius: 6px;
    border: 1px solid var(--primary-blue);
    color: var(--primary-blue);
    background: var(--primary-white-10);
    padding: 7px 20px;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
}

    .fieldWP-modal .field-Nav-tab .nav > button#v-pills-Substantial-tab {
        flex-grow: 0;
    }

    .fieldWP-modal .field-Nav-tab .nav > button.active {
        background-color: var(--primary-blue);
        color: var(--primary-white);
    }

    .fieldWP-modal .field-Nav-tab .nav > button.disables {
        background-color: var(--primary-white-10);
        border-color: #999;
        color: #949494;
    }

        .fieldWP-modal .field-Nav-tab .nav > button.disables.active {
            background-color: #80808052;
            color: #5d5959d1;
        }

.btn.theme-primary {
    background-color: var(--primary-blue);
    color: var(--primary-white);
    padding: 6px 20px;
}

.btn.theme-secondary {
    background-color: var(--primary-white-10);
    color: var(--primary-blue);
    border-color: var(--primary-blue);
    padding: 6px 20px;
}

.list-comment-box, .list-comment-box-ar {
    max-height: 400px;
    overflow: auto;
}

    .list-comment-box.empty, .list-comment-box-ar.empty {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .list-comment-box ul, .list-comment-box-ar ul {
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: 0;
    }

.name-thumb {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--primary-blue);
    color: var(--primary-white);
    font-size: 14px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}

.name-full-msg {
    color: var(--primary-blue);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

#milestoneModal .name-full-msg {
    width: fit-content;
}

.msg-date {
    color: #A4A2A2;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.msg-content {
    padding: 6px 0 0;
}

    .msg-content p {
        color: #585858;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin: 0;
    }

.messg-item {
    padding-bottom: 10px;
    border-bottom: 1px solid #EDEDED;
}

    .messg-item .custm-width-660 {
        width: 650px;
    }

    ul .messg-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

.messageBox {
    border-top: 1px solid #EDEDED;
    padding: 10px 15px;
}

    .messageBox textarea {
        border-radius: 30px;
        border: 1px solid #D0D0D0;
        background: #FFF;
        resize: none;
    }

textarea.messageBox {
    border-radius: 30px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    resize: none;
}

.flag-box input {
    display: none;
}

.flag-box .flagIcon {
    color: #DDDDDD;
}

.flag-box label {
    cursor: pointer;
}

    .flag-box label:has(input:checked) .flagIcon {
        color: #FA5353;
    }

#v-pills-arFlag .flag-box label:has(input:checked) .flagIcon {
    color: #8901bf;
}

.delivery-box input {
    display: none;
}

.delivery-box .checkIcon {
    color: #DDDDDD;
}

.delivery-box label {
    cursor: pointer;
}

    .delivery-box label:has(input:checked) .checkIcon {
        color: #32A743;
    }

.badges-box {
    gap: 6px;
    display: flex;
    border-radius: 25px;
    background: #DEE2F4;
    align-items: center;
    justify-content: center;
    padding: 2px 5px 2px 5px;
}

.completion-line .badges-box {
    width: 100%;
    height: 100%;
}

.thumb-badges {
    border-radius: 20px;
    display: flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 14px;
}

.badges-date {
    color: #444444;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.thumb-badges.orange {
    background: #FF9A52;
    color: #fff;
}

.thumb-badges.green {
    background: #64CA5E;
    color: #fff;
}

.subst-badges-group .thumb-badges.green {
    background: #474444b8;
    color: #fff;
}

.badges_grp-sum:nth-child(2):not(.badges-date), .badges_grp-sum:nth-child(4):not(.badges-date) {
    margin-top: 3px;
}

/* stepper section css  */
.item-stepper {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.progress-h {
    height: 3px;
}

.progress-bar.theme-blue {
    background-color: var(--primary-blue);
    bottom: 0;
}

.steper-thumb {
    display: flex;
    width: 28px;
    height: 28px;
    padding: 2.57px;
    justify-content: center;
    align-items: center;
    border-radius: 82.245px;
    border: 1.285px solid #D9D9D9;
    background: #FFF;
    color: #D9D9D9;
    font-size: 9px;
    text-align: center;
    font-weight: 500;
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

.stperTxt {
    color: #6C757D;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.progress-stpr {
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    z-index: 1;
}

.stepper-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 6px;
}

.item-stepper.checked .steper-thumb {
    background-color: var(--primary-blue);
    color: var(--primary-white);
    border-color: var(--primary-blue);
}

.item-stepper.active .steper-thumb,
.steper-thumb.active {
    background-color: var(--primary-white);
    color: var(--primary-blue);
    border-color: var(--primary-blue);
}

.item-stepper.checked .stperTxt,
.item-stepper.active .stperTxt,
.stperTxt.active {
    color: #000;
}

.circle-group {
    display: flex;
    gap: 10px;
    align-items: center;
}

.vps-circle-o {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid;
    cursor: pointer;
}

    .vps-circle-o input[type='radio'] {
        display: none;
    }

    .vps-circle-o.green {
        border-color: #029307;
    }

        .vps-circle-o.green:has(input:checked) {
            background: #0DBA13;
        }

    .vps-circle-o.orange {
        border-color: #d95f09;
    }

        .vps-circle-o.orange:has(input:checked) {
            background: #E97523;
        }

    .vps-circle-o.red {
        border-color: #bd1010;
    }

        .vps-circle-o.red:has(input:checked) {
            background: #E42A2A;
        }

.subst-badges-group {
    display: flex;
    gap: 10px;
}

.badges_grp-sum {
    display: flex;
    gap: 16px;
    justify-content: center;
    width: 100%;
}

.badges-box.green-fill {
    background: #E9FFE8;
    padding-left: 10px;
}

    .badges-box.green-fill .badges-date {
        color: #64CA5E;
    }

.badges-box.red-fill {
    background: #fbbebe3b;
    padding-left: 10px;
}

    .badges-box.orange-fill:has(.no-data-icon),
    .badges-box.red-fill:has(.no-data-icon) {
        padding-left: 5px;
    }

    .badges-box.red-fill .badges-date {
        color: #f72727;
    }

.badges-box.orange-fill {
    background: #ffdbc2a1;
    padding-left: 10px;
}

    .badges-box.orange-fill .badges-date {
        color: #ff7e22;
    }

.stpr-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 8px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 6px;
    width: 170px;
    z-index: 1000;
    display: none;
}

    .stpr-dropdown.active {
        display: block;
        animation: slideDown 0.2s ease;
    }

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.stpr-dropdown::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
}

.action-log-font {
    color: #2a98e5;
    font-weight: 400;
    margin-left: 2rem;
}

/* Smaller Modal Font */
.small-swal-title {
    font-size: 1.2rem !important;
}

.small-swal-title-info {
    color: #7d7d7d !important;
    font-size: 1rem !important;
}

.small-swal-text {
    font-size: 0.9rem !important;
}

/* Smaller Warning Icon */
.small-swal-icon {
    width: 40px !important;
    height: 40px !important;
    margin: 10px auto !important; /* Adjust margins to center it */
}

    /* Adjust the icon's internal content (the "!" mark) */
    .small-swal-icon .swal2-icon-content {
        font-size: 1.5rem !important; /* Size of the warning exclamation mark */
    }

/* Smaller Popup (Alternative to width param) */
.small-swal-popup {
    padding: 1rem !important;
}

/* Tooltip for planned date info icon */
.planned-tooltip {
    position: absolute;
    left: 63%;
    top: 54%;
    transform: translateY(-50%);
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    z-index: 10;
    min-width: 220px;
}

.help-tip:hover .help-msg {
    display: block;
}

.help-msg {
    display: none;
}

.no-data-icon {
    display: flex;
    color: #b0b0b0;
    align-items: center;
    justify-content: center;
}

#milestoneRefresh .no-data-icon {
    display: flex;
    color: #b0b0b0;
    align-items: center;
    justify-content: normal;
}

.production-line {
    width: fit-content;
}

#badge-clicked-planned:hover, #badge-clicked-Q:hover {
    background-color: #2a8fca;
}

    #badge-clicked-planned:hover em, #badge-clicked-Q:hover i {
        color: #fff;
    }

#badge-clicked-flag:hover, #badge-clicked-flagR:hover {
    background-color: #2a8fca;
}

    #badge-clicked-flag:hover em, #badge-clicked-flagR:hover i {
        color: #fff;
    }

/* Hide the actual radio input */
.swal2-html-container input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

/* Style the label to look like the circles */
.color-circle-label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 5px;
    cursor: pointer;
    border: 2px solid transparent; /* Default state */
    transition: border-color 0.3s;
}

    .color-circle-label.red-filled {
        position: relative;
        top: -18px;
        width: 30px;
        height: 30px;
        background-color: #f79494;
        color: #ff0000;
        font-size: large;
        font-weight: bold;
    }

.radio-red {
    background-color: #F44336;
}

/* Style the label when its associated radio input is checked */
.swal2-html-container input[type="radio"]:checked + .color-circle-label {
    border-color: #333; /* Highlight the border when selected */
    transform: scale(1.1); /* Optional: make it pop slightly */
}

/*table new css form small desktop device 22-12-2025*/
.custm-fieldList table thead th {
    padding-right: 20px !important;
    padding-left: 4px !important;
}

.custm-fieldList table.dataTable th, .custm-fieldList table.dataTable td {
    word-break: keep-all !important;
}

.custm-fieldList table.dataTable tbody td {
    padding: 6px !important;
}

    .custm-fieldList table.dataTable tbody td.hashNum {
        white-space: nowrap !important;
    }

#wipTable .mobile-title {
    display: none !important;
}

.fpm-line div span.d-block {
    font-size: 14px;
}

.completion-line .subs-comlet .progress.custmProgrss:nth-child(2) {
    margin-top: 2px !important;
}

.completion-line .subs-comlet .mb-2 {
    margin: 0 !important;
}

.status-log-col p {
    font-size: 12px;
}

/***** sticky header ************/
.view-grid-table {
    width: 100%;
    max-height: 70vh; /* or any height you want */
    overflow-y: auto !important;
}

    .view-grid-table table {
        border-collapse: separate !important;
        border-spacing: 0 !important;
        width: 100% !important;
    }

        .view-grid-table table thead {
            top: 0 !important;
            z-index: 2 !important;
            position: sticky !important;
            box-shadow: 0 2px 2px -1px rgba(0,0,0,0.04);
        }

        .view-grid-table table tbody tr.stage-header td {
            top: 33px;
            z-index: 1;
            position: sticky;
        }

        .view-grid-table table tbody tr.stage-header-mile td {
            top: 66px !important;
            z-index: 1;
            position: sticky;
        }

.dropdown-menu {
    z-index: 10; /* Ensure dropdowns appear above other content */
}

/**** message content from backend ****/
.msg-content em {
    color: #87898b;
}

/******** Exited options italic css *********/
.select2-results__option.select2-results__option--disabled {
    font-style: italic;
}

#WIPdata-tab .fa {
    font-size: 18px;
    width: 16px;
}

.mobile-view-container-box {
    display: none;
}

.custm-fieldList.field-list.view-grid-table {
    display: block;
}

.schedule-info-date {
    display: grid;
    gap: 2px;
}

.warehouse-information:has(.no-data-icon) {
    gap: 0;
}

.user-name:has(.no-data-icon) {
    gap: 0;
    padding: 2px 4px;
    border-radius: 25px;
    background: #DEE2F4;
    align-items: center;
    justify-content: center;
}

.name-full-msg .info-notes {
    display: none;
}

/*02/03/2026 new css*/
.show-date .question-svg,
.badges-date .question-svg,
.reminder-info .question-svg,
.planned-date .question-svg {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-size: 14px;
}

.red-fill .reminder-info .question-svg,
.red-fill .badges-date .question-svg,
.text-danger.planned-date .question-svg,
.text-danger.badges-date .question-svg,
.text-danger.show-date .question-svg {
    background-color: #ff0000;
    color: #fff;
}

.orange-fill .reminder-info .question-svg,
.orange-fill .badges-date .question-svg {
    background-color: #ff7e22;
    color: #fff;
}

.space-2 {
    gap: 0.6rem;
}

/*09-02-2026 new css */
.table-mob-user {
    position: relative;
    padding: 10px;
    background: #e2f4ff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.icontbleUer {
    color: #2a98e5;
    width: 24px;
    height: 24px;
}

.tbl-user-num {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #2a98e5;
    color: #fff;
    font-size: 12px;
    display: inline-flex;
    position: absolute;
    right: -10px;
    top: -3px;
    justify-content: center;
    align-items: center;
}

#OtherDropdowns-container .d-flex.flex-wrap {
    row-gap: 5px;
    column-gap: 3px;
}

.apexcharts-grid-borders, .apexcharts-gridlines-vertical {
    display: none;
}

#stageDistributionChart {
    width: 100%;
    min-height: 135px;
    background: rgb(248, 249, 249);
    border-radius: 8px;
    box-shadow: rgba(44, 62, 80, 0.08) 0px 2px 12px;
    margin-bottom: 15px;
}

#stageDistributionChart-legend {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    background: transparent;
    padding: 0px;
}

.change-log-table-div {
    min-height: 300px;
}

/* Target the select container */
#assignedTo + .select2-container .select2-selection__rendered {
    font-size: 15px;
}

/* Target the dropdown results */
#assignedTo + .select2-container .select2-results {
    font-size: 15px;
}

.revisionNote {
    resize: none;
    background: #FFF;
    border-radius: 15px;
    border: 1px solid #2a8fca;
}

.revisionNoteOriginal {
    resize: none;
    background: #FFF;
    font-style: italic;
    border-radius: 15px;
    border: 1px solid #2a8fca;
}

.a_risk {
    padding: 2px;
}

/***** AR Stage Tags *****/
/* Stage tag styles (added) */
.ar-stage-tags {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px 0;
}

.stage-tag {
    padding: 3px 10px;
    border-radius: 0.8rem;
    min-width: 80px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    margin-right: 5px;
    text-transform: uppercase;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.ar-stage-tag {
    border-radius: 16px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    border: none;
    cursor: pointer;
    transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    position: relative;
    /*letter-spacing:1.5px;*/
}

    /* Colors per requested mapping */
    .ar-stage-tag.not-started-tag {
        background: #8a9198;
        color: #ffffff;
    }

    .ar-stage-tag.progress-billing-tag {
        background: #ebb300;
        color: #FFF;
    }

    .ar-stage-tag.retention-tag {
        background: #2a8fca;
        color: #fff;
    }

    .ar-stage-tag.collected-tag {
        background: #2ac121;
        color: #ffffff;
    }

    .ar-stage-tag.hold-tag {
        background: #E42A2A;
        color: #ffffff;
    }

    .ar-stage-tag:hover {
        transform: translateY(-2px);
        opacity: 0.9;
    }

#arModal .ar-stage-tag.active {
    /*box-shadow: 0 6px 18px rgba(0,0,0,0.2);*/
    transform: scale(1.05) translateY(-2px);
    opacity: 1;
    /*text-shadow: 1px 0px BLACK;*/
    /*font-weight: 700;*/
}

.ar-stage-tag.checked:not(.active) {
    opacity: 0.7;
    filter: brightness(0.95);
}

    .ar-stage-tag.checked:not(.active) .checkmark {
        opacity: 0.8;
    }

.ar-stage-tag:not(.checked) {
    opacity: 0.45;
}

    .ar-stage-tag:not(.checked) .checkmark {
        display: none;
    }

/* Checkmark styling */
.ar-stage-tag .checkmark {
    display: none;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

    .ar-stage-tag .checkmark svg {
        width: 100%;
        height: 100%;
    }

.ar-stage-tag.checked .checkmark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Base for extra columns – start hidden via opacity */
#arTable.dataTable th.extra-col,
#arTable.dataTable td.extra-col {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    /* Optional: subtle grow effect – helps curtain illusion */
    transform: scaleX(0.85);
    transform-origin: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

    /* Visible / faded-in state */
    #arTable.dataTable th.extra-col.fade-in,
    #arTable.dataTable td.extra-col.fade-in {
        opacity: 1;
        transform: scaleX(1);
    }

    /* Optional: make collapse feel like shrinking toward center */
    #arTable.dataTable th.extra-col.fade-out,
    #arTable.dataTable td.extra-col.fade-out {
        opacity: 0;
        transform: scaleX(0.85);
    }

#revisionsList {
    gap: 5px;
}

    #revisionsList .list-group-item {
        border-radius: 15px;
        border: 2px solid #2a8fca;
    }

/* ====================17-02-2026 new css ================== */
#arTable th.custmField-head {
    position: relative;
}

    #arTable th.custmField-head i {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        font-size: .8em;
        cursor: pointer;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        align-content: center;
        text-align: center;
        background: #2a8fca;
        line-height: 108%;
    }

    #arTable th.custmField-head:has(.fa-plus) i {
        background: #2a8fca;
    }

input[type="checkbox"]:disabled, input[type="checkbox"]:disabled + span svg {
    cursor: default;
}

#rightPanel .overflow-auto {
    max-height: calc(100vh - 430px);
}

/*20-02-2026 new css*/
.sdrTogleBtn {
    padding: 6px 12px;
    border: 1px solid #2a8fca;
    border-radius: 5px;
    width: fit-content;
    color: #2a8fca !important;
}

.card-title.sdrTogleBtn.active,
.card-title.sdrTogleBtn:hover {
    background-color: #2a8fca;
    color: #fff !important;
}

.changeDateT-num {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px;
}

    .changeDateT-num span {
        color: dimgray;
        font-size: 13px;
        font-style: italic;
    }

.custmMin-w100 {
    min-width: 90px;
}

.main-sect-div {
    box-shadow: inset 0 -1px 6px 0 #00000029;
    padding: 10px;
    border-radius: 8px;
    background: #fafafa;
}

.scrollbar-logSect {
    max-height: 500px;
    overflow-y: auto;
    min-height: 500px;
    height: 100%;
}

.notes-display {
    display: flex;
    gap: 5px;
}

.fileDownloadSection .tableScroll {
    max-height: 600px;
    overflow-y: auto;
    box-shadow: inset 0 -1px 6px 0 #00000029;
    padding: 10px;
    border-radius: 8px;
    background: #fafafa;
    min-height: 600px;
    height: 100%;
}

.empty-box {
    align-content: center;
}

.fileDownloadSection .empty-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custm-Ud {
    width: 25%;
    margin: 0 auto;
    text-align: center;
}

    .custm-Ud h6 {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

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

    .custm-Ud .custm-Ud-d {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

.custm-gap-4 {
    gap: 24px;
}

.text-hide-overflow.custmTxt-w {
    max-width: 99%;
}

.min-w-36 {
    min-width: 36px;
}

.stage-thumb-home {
    width: 28px;
    min-width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #2a8ec9;
    font-size: 14px;
    margin-right: 4px;
}

.card-title.sdrTogleBtn.active .stage-thumb-home,
.card-title.sdrTogleBtn:hover .stage-thumb-home {
    border-color: #fff;
}

.custm-w-100 {
    width: 50%;
}

.mailNotifyBtn {
    cursor: pointer;
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    border: 1px solid #2a8ec9;
    color: #2a8ec9;
}

    .mailNotifyBtn input {
        width: 0;
        height: 0;
        padding: 0;
        visibility: hidden;
    }

    .mailNotifyBtn .bi-envelope-open {
        display: none;
    }

    .mailNotifyBtn:has(input:checked) .bi-envelope {
        display: none;
    }

    .mailNotifyBtn:has(input:checked) .bi-envelope-open {
        display: block;
    }

    .mailNotifyBtn:has(input:checked) {
        border-color: #2a8ec9;
        background-color: #2a8ec9;
        color: #fff;
    }

.custmIcon-btn-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.drawing-icons.custmIcon-btn-group .btn {
    margin-right: 0 !important;
    min-width: 36px;
}

#Project-Links .truncate-box {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1.4;
    word-break: break-all;
    white-space: normal;
    max-width: none;
    -ms-text-overflow: inherit;
    -o-text-overflow: inherit;
    text-overflow: inherit;
}

.multiple-flags {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination_sm .counts-sets {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

#v-pills-milestone-tab {
    cursor: default;
}