@media(min-width:1024.98px) {
    .mobile-only {
        display: none !important;
    }

    ul#right-nav-mobile {
        display: none;
    }
}

@media(max-width:992.98px) {
    .modal.order_history_modal .modal-dialog {
        width: 100% !important;
    }

    .modal.in .modal-dialog {
        margin: 0;
        width: 100% !important;
    }
}

.card-s {
    margin-right: 15px;
}

.notifcount {
    background: #e1141e;
    color: #fff;
    position: absolute;
    top: -1px;
    right: -5px;
    border-radius: 100%;
    padding: 0;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: .9rem;
    margin: 0;
}

ul.nav.navbar-mobile {
    display: inline-flex;
    align-items: center;
    margin: 0;
    margin-left: auto;
}


@media (min-width: 768px) {

    .asset_list_wrap {
        padding-right: 0;
    }

    .lgbox_pad {
        padding-right: 0;
    }

    button.btn-plain.close_togglenote {
        display: none;
    }
}

.nav-close-btn {
    width: 22px;
    height: 22px;
    padding: 0;
    display: inline-flex;
    margin: 8px;
    position: absolute;
    right: 7px;
    top: 8px;
    z-index: 99;
    display: none;
}

    .nav-close-btn svg {
        width: 22px;
        height: 22px;
    }

.team_project_ui_mobile.groupmember_task_cards {
    display: none;
}

@media(width <= 768px) {
    #upnlPreviewModal a i.icon-remove.text-danger {
        left: auto;
        right: 10px;
        width: auto;
        color: #fff !important;
    }

    button.btn-plain.close_togglenote {
        position: absolute;
        height: 25px;
        top: 10px;
        right: 15px;
        font-size: 2rem;
        display: inline-flex;
    }

    .team_proj_name_wrap .progress-bar__value {
        color: #fff;
    }
    .userflow_section .panel.panel-default .panel-heading .container .row div.pull-right ul li .dropdown {
        position: static !important;
    }
    div#tblOrderHistory_wrapper {
        display: none;
    }

    .userflow_section div#mainContent_upnlGrid {
        overflow-x: auto;
    }

    table#mainContent_grdProjectWorkflow tr td:last-child a {
        display: flex;
        margin: 5px 0;
    }

    .status_inside {
        align-items: flex-start;
    }

    .team_proj_name_wrap .status_inside .btn-xs {
        height: auto;
        font-size: 1.3rem;
        min-height: 25px;
        padding: 4px 8px;
        margin-top: 4px;
        margin-left: 0;
    }

    .progress-bar__wrapper {
        max-width: 80px;
        width: 100%;
    }

    .srv_acts {
        justify-content: flex-end;
        margin-bottom: 10px;
    }

    .chart_container div#divFilters > * {
        padding: 0 15px;
        margin-bottom: 10px;
    }

    .team_project_wrap .pull-left h3 {
        font-size: 17px;
    }

    .team_project_wrap .panel-body {
        margin-right: -10px;
        margin-left: -10px;
    }

    .team_role_button .dropdown, .team_role_button .dropdown .btn {
        width: auto;
        text-align: center;
        position: static;
        margin-left: auto;
    }

    .card-1 .input-group-addon {
        height: 30px;
    }
}

@media(max-width:1024.98px) {
    div.dataTables_wrapper {
        position: relative;
        width: 100%;
        overflow-x: auto;
    }

    .panel-title {
        font-size: 14px;
    }

    #sidebarCommentThread {
        right: -100%;
    }

    .task_head_filter .col-sm-12 .btn-group {
        display: flex;
    }

    .task_card_wrap .team_mod p {
        font-weight: 500;
    }

    .task_head_filter .col-sm-12 {
        width: 100%;
        display: flex !important;
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 12px;
    }

    .rel_comments {
        margin-top: 10px;
    }

    .insider > div {
        flex-direction: column;
    }

    #upnlDLHistory .row {
        display: none;
    }

        #upnlDLHistory .row.AuditItem {
            display: block;
            margin-bottom: 15px;
        }

            #upnlDLHistory .row.AuditItem div {
                display: flex;
                justify-content: space-between;
                margin-bottom: 2px;
            }

    div#upnlDLHistory .AuditItem .col-sm-2:first-child:before {
        content: "Date";
        float: left;
        font-weight: bold;
    }

    div#upnlDLHistory .AuditItem .col-sm-2:nth-of-type(2):before {
        content: "Order No";
        float: left;
        font-weight: bold;
    }

    div#upnlDLHistory .AuditItem .col-sm-3:before {
        content: "User Name";
        float: left;
        font-weight: bold;
    }

    div#upnlDLHistory .AuditItem .col-sm-4:before {
        content: "Main Usage";
        float: left;
        font-weight: bold;
    }

    div#upnlDLHistory .AuditItem .col-sm-1 a.btn-xs {
        height: auto;
        font-size: 1.6rem;
        min-height: 33px;
        padding: 3px 20px;
        margin-top: 4px;
    }

    .out_filters.row.d-flex.align-items-center {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .out_filters.row.d-flex.align-items-center {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start !important;
    }

        .out_filters.row.d-flex.align-items-center .col-lg-10.justify-content-end {
            justify-content: flex-start !important;
            overflow-x: auto;
            overflow-y: hidden;
            padding-bottom: 10px;
            margin-top: 8px;
            width: 100%;
        }

            .out_filters.row.d-flex.align-items-center .col-lg-10.justify-content-end div {
                flex-shrink: 0;
            }

    .other_options a, .other_options button {
        width: auto;
    }

    .chart_container div#divFilters > * {
        padding: 0 15px;
    }

    .team_project_wrap {
        padding-left: 0;
        padding-right: 0;
    }

        .team_project_wrap .page_title {
            padding-bottom: 0;
        }

    .comb_desc i {
        font-size: 1.3rem;
    }

    .dwnArrow a {
        width: 40px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

        .dwnArrow a i {
            position: static;
            font-size: 16px;
        }

    .task_btns {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .userflow_section .panel.panel-default .panel-heading .container .row div.pull-left h3 {
        font-size: 16px;
        margin-top: 0;
    }

    .userflow_section .panel.panel-default .panel-heading .container .row .pull-right {
        justify-content: flex-start;
        /* overflow-x: auto; */
        width: 100%;
        gap: 8px;
        padding-bottom: 6px;
        flex-wrap: wrap;
    }

    .form-group.edit_project_sect .row {
        flex-direction: column;
    }

    .edit_project_sect_one {
        width: 100%;
        margin-bottom: 10px;
    }

    .edit_project_sect_two {
        width: 100%;
    }

    .edit_project_sect_one span, .stg_in span {
        margin-right: 8px;
        width: auto;
        flex-shrink: 0;
    }

    .edit_project_sect_one select, .stg_in select {
        max-width: 160px;
        width: 100%;
        margin-right: 10px;
    }

    .user_profile {
        max-width: 100%;
        width: 100%;
    }

    .flt_in {
        margin-bottom: 12px;
    }

    .card_body {
        height: 20vh;
    }

    .status_inside span {
        font-size: 12px;
        padding: 0 3px;
        min-width: 84px;
    }

    table.table_chart tr td .btn-xs {
        margin-bottom: 7px;
    }

    .navbar-collapse.collapse {
        max-height: inherit;
        position: fixed;
        left: -320px;
        top: 0;
        max-width: 320px;
        width: 100% !important;
        transition: all 400ms;
        height: 100% !important;
        z-index: 99;
        visibility: visible !important;
        display: block !important;
        opacity: 1 !important;
    }

        .navbar-collapse.collapse.active {
            left: 0;
            transition: all 400ms;
        }

    .navbar-toggle {
        margin: 0;
        float: left;
        margin-right: auto;
    }

    .navbar {
        background-repeat: repeat-x;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
        position: static;
        display: list-item;
        left: 0;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        padding: 6px 0 !important;
    }

    .navbar-nav li a {
        padding: .6rem .6rem;
        display: flex;
        align-items: center;
    }

    .navbar-header {
        float: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .nav-close-btn {
        display: block;
    }
    /*.mainContent {
    display: none;
}*/
    /*#topstrip {
    
    display: none;
}*/
    ul#right-nav-mobile {
        display: flex;
        align-items: center;
        margin: 0;
    }

    #right-nav {
        display: none;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 4px 17px 6px rgba(0, 0, 0, .1);
        flex-direction: column;
        min-width: 210px;
        right: 0;
        left: auto;
        border: 0;
        padding: 12px 0px;
    }

    div#pnlModules select {
        border: 0;
        min-height: 40px;
        background: transparent;
        width: 138px;
    }

    .input-group.search_header {
        max-width: 240px;
        width: 100%;
    }

    .preview-buttons {
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start !important;
        padding-left: 0;
        width: 100%;
        text-align: left !important;
    }

        .preview-buttons a {
            flex-shrink: 0;
            justify-content: flex-start;
        }

    .meta_versions {
        border-radius: 8px;
        padding: 7px;
        height: auto;
        padding-top: 10px;
    }

    .btns {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        gap: 10px;
    }

        .btns button, .btns a {
            flex-shrink: 0;
            width: auto;
        }

    .modal-footer {
        padding: 0.9em 1em !important;
    }

        .modal-footer > div {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            width: 100%;
            gap: 5px;
        }

            .modal-footer > div a {
                flex-shrink: 0;
            }

    .pvwModDialog {
        width: 100vw !important;
    }

    .flex_center {
        display: block;
    }
}

.mob_search {
    display: none !important;
    padding: 0 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    margin: 0;
    line-height: 1.4;
    min-height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd !important;
    flex-shrink: 0;
    margin-left: 10px;
}

    .mob_search .icon-search {
        font-size: 1.8rem;
        line-height: 1;
        color: #999;
    }

.sidebar-btn {
    display: none !important;
}

span.for-mob.icon-search {
    display: none !important;
}

.searchContainer .nav-close-btn {
    display: none !important;
}

.searchContainer .toggleSidebar.nav-close-btn {
    display: none !important;
}

.left_fixed .search_btnsin {
    width: 100%;
}

.team_project_ui_mobile {
    display: none;
}

.team_mod {
    position: relative;
}

.list_more_btn {
    position: absolute;
    right: 16px;
    top: 5px;
    background: #ddd;
}

.team_mod.task_note {
    padding-right: 90px;
}

.for_mobile_dev {
    display: none !important;
}

@media(max-width:768.98px) {


    .creator {
        align-items: center;
        margin-top: 4px;
        width: 100%;
        margin-bottom: 25px;
        position: relative;
        flex-wrap: wrap;
        text-align: left;
        justify-content: flex-start;
    }

    .admin_name {
        display: flex;
        flex-wrap: wrap;
    }

    span#mainContent_lblAdmin {
        font-size: 14px !important;
        display: block;
        width: 100%;
    }

    span#mainContent_lblCreator {
        font-size: 14px;
        width: 100%;
        margin-top: 4px;
        margin-bottom: 8px;
    }

    .userflow_section .panel.panel-default .panel-heading .container .row.page_title.proj_members {
        margin-right: -15px;
        margin-left: -15px;
    }

    .row.page_title.proj_members {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .team_role_button .dropdown, .team_role_button .dropdown .btn {
        width: auto;
        text-align: center;
        position: static;
        margin-left: auto;
    }

    .currenttask_container div#tblTimeLog_wrapper {
        display: none;
    }

    .currenttask_container .form-inline.status_form select {
        width: 61%;
    }

    table#mainContent_grdProjects.table_chart {
        display: none;
    }

    .clip_d_button {
        padding-left: 0;
        display: flex;
        flex-direction: column;
        margin-top: 8px;
        clear: both;
        float: left;
        width: 100%;
        margin-bottom: 13px;
    }

    .button_tp_clip {
        padding: 0;
    }

    .dwnArrow a i {
        position: static;
        font-size: 16px;
    }

    .team_project_wrap .pull-left h3 {
        font-size: 18px;
        font-weight: 600;
        margin-top: 0;
        text-align: left;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 0;
    }

    .team_project_wrap .page_title {
        padding-top: 0;
        margin-bottom: 8px;
    }


    a#HyperLink21 svg {
        width: 1.8rem;
        height: 1.7rem;
    }

    .no-pad-mobile {
        padding-left: 0;
        padding-right: 0;
    }

    .bskt_btns {
        display: flex;
        flex-wrap: wrap;
    }

        .bskt_btns p a.btn-xs {
            height: auto;
            font-size: 1.2rem;
            min-height: 34px;
            padding: 8px 14px;
        }

        .bskt_btns p {
            margin-bottom: 6px;
            margin-right: 6px;
        }

    .panel-title.gridheader.col-sm-12.col-md-12 {
        font-size: 15px;
        padding: 0;
    }

    .btn-group.btn-group-sm.btn-group-circle.btn-group-devided.pull-right a {
        margin: 3px 4px;
        border-radius: 4px !important;
        width: 48%;
        padding: 8px 10px;
        flex-shrink: 0;
    }

    .btn-group.btn-group-sm.btn-group-circle.btn-group-devided.pull-left a {
        border-radius: 4px !important;
        margin-bottom: 5px;
    }

    .btn-group.btn-group-sm.btn-group-circle.btn-group-devided.pull-left {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    td.sorting_1 .btn-group {
        position: absolute;
        top: 2px;
        right: 5px;
    }

    .portlet.light .portlet-body h2 {
        font-size: 2rem;
    }

    .page-header .page-header-top .top-menu {
        display: block;
        clear: both;
        margin-top: -10px;
        width: 100%;
        border-radius: 4px !important;
        margin-bottom: 5px;
    }

    .video_title hr {
        display: none;
    }

    .video_title {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

        .video_title h2 {
            font-size: 2rem;
        }

    .vert-pad {
        justify-content: space-between;
        display: flex;
        align-items: center;
        width: 100%;
        margin-top: 2px;
        margin-bottom: 8px;
    }

    input#valStart {
        width: 38px;
        flex-shrink: 0;
        padding: 0 0;
        text-align: center;
    }

    input#valEnd {
        width: 40px;
        padding: 0 0;
        text-align: center;
    }

    .tagged_wrap {
        top: 3px;
    }

    .preview-buttons {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start !important;
        align-items: center;
        padding-bottom: 8px;
    }

        .preview-buttons a, .preview-buttons div, .preview-buttons select {
            flex-shrink: 0;
        }

    div#PreviewPageBody {
        border-radius: 10px;
        padding: 0 6px;
        padding-top: 12px;
    }

    .modal-title {
        font-size: 1.6rem;
    }

    .pvwModDialog {
        width: 100%;
    }

    .meta_versions {
        padding: 0 8px;
        padding-top: 10px;
        margin-top: 8px;
    }

        .meta_versions .tab-content > .tab-pane {
            padding: 13px 0px;
        }

            .meta_versions .tab-content > .tab-pane table td div {
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                width: 100%;
                text-align: left;
            }

    .btn.btn-xs.btn-filetype-grp.btn-vid-grp {
        display: inline-flex;
        align-items: center;
        flex-direction: row;
        width: auto;
    }

    .PreviewTitles {
        color: #666;
        font-weight: 400;
        font-size: 14px;
    }

    .btn.btn-xs.btn-filetype-grp.btn-img-grp {
        flex-direction: row;
        align-items: center;
        width: auto;
    }

    .btns {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .asst_report .out_filters .w-100 div {
        flex-shrink: 0;
    }

    .other_options .btns a, .other_options .btns button {
        flex-shrink: 0;
        width: auto;
        margin-right: 9px;
    }

    div#task-assets-strip a img {
        aspect-ratio: 1;
        height: 47px;
        object-fit: cover;
    }

    div#upnlPreviewModal a {
        flex-shrink: 0;
    }

    div#upnlPreviewModal {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        justify-content: flex-start;
        padding-bottom: 10px;
    }

    .panel_integrate {
        max-width: 600px;
        width: 100%;
        padding: 25px 10px;
        margin: 7% auto;
        background: #f5f5f5;
    }

        .panel_integrate h5 {
            max-width: 100%;
            font-size: 13px;
        }

        .panel_integrate h3 {
            font-size: 17px;
            margin-top: 0;
        }

    .integ_in .col-md-9 {
        margin-right: auto;
    }

    .integ_in {
        display: flex;
        align-items: center;
        margin: 0;
        justify-content: space-between;
    }

    .asst_report .out_filters .w-100 {
        flex-direction: column;
        align-items: flex-start;
        overflow-x: scroll;
        padding-bottom: 12px;
        justify-content: flex-start !important;
        margin-top: 10px;
        padding-left: 10px;
    }

    .currenttask_container div.dataTables_wrapper div.dataTables_filter input {
        width: 100%;
        max-width: 100%;
    }

    div#tblWorkInProgressLog_wrapper {
        overflow-x: scroll;
    }

    div#tblHourlyRate_wrapper {
        overflow-x: auto;
    }

    div#tblHourlyRate_length label {
        font-size: 0;
    }

    .container.currenttask_container.hourly_container .row:first-child {
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start;
    }

        .container.currenttask_container.hourly_container .row:first-child .col-lg-9 div {
            flex-shrink: 0;
            max-width: 64%;
        }

        .container.currenttask_container.hourly_container .row:first-child .col-lg-9 {
            width: 100%;
            text-align: left;
            align-items: flex-start !important;
            justify-content: flex-start !important;
            margin-top: 7px;
            margin-bottom: 12px;
        }

    ul.list_of_rpage li {
        margin-right: 0;
        display: flex;
        flex-direction: column;
        font-size: 15px;
        background: #fff;
        padding: 8px 12px;
        border-radius: 4px;
        width: 100%;
        margin-bottom: 8px;
    }

    .table#tblOrderHistory {
        display: none;
    }

    .left_login_image h1 {
        font-size: 2rem;
    }

    .right_login_form img {
        max-width: 210px;
    }

    .login_outer {
        padding-top: 3%;
    }

    div#divLogin span.text-danger {
        margin-top: -8px;
        margin-bottom: 10px;
    }

    .currenttask_container div.dataTables_wrapper div.dataTables_filter input {
        width: 100%;
        max-width: 100%;
    }

    div.dataTables_wrapper div.dataTables_filter {
        float: left;
        width: 67%;
        margin-top: 0;
    }

    div#tblOutstandingTasks_length label {
        font-size: 0;
    }

    div.dataTables_wrapper div.dataTables_length select {
        width: 63px;
        padding-left: 9px;
    }

    .outTask_wrapper .col-lg-12.border-1 {
        padding: 0;
    }

    .outTask_wrapper h2 a {
        font-size: 15px;
    }

    span.ts_id {
        font-weight: 400;
        font-size: 12px;
    }

    .time_btn {
        font-size: 13px;
        font-weight: 400;
        color: #666;
        display: flex;
        justify-content: space-between;
        margin-top: 8px;
        margin-bottom: 7px;
        align-items: center;
    }

    .searchContainer .toggleSidebar.nav-close-btn {
        display: block !important;
        margin-top: 12px;
    }

    #notificationsidebar {
        top: 0;
    }

    .super_tabs .ui-tabs .ui-tabs-nav li {
        margin-right: 0 !important;
    }

        #Popup .ui-tabs .ui-tabs-nav li a, #popup_tabnav .ui-tabs .ui-tabs-nav li a, .super_tabs .ui-tabs .ui-tabs-nav li a {
            padding: 0.8em 1.136em;
        }

    #sidebarCommentThread.active {
        right: 0;
        top: 0;
        padding-top: 0;
        border-top-left-radius: 0;
    }

    div#btnCommentsGoToTask {
        right: 45px !important;
        bottom: 40px !important;
    }

    span#replyingToText span {
        margin-top: 8px;
        display: flex;
    }

    button#btnCopySearchLink i {
        font-size: 13px;
        border-radius: 4px;
    }

    button#btnCopySearchLink {
        font-size: 0;
    }

    .for_mobile_dev {
        background: #fff;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: #fff;
        display: block !important;
        padding-right: 4px;
    }

    .task_footer {
        position: relative;
        top: 0;
        width: 100%;
        margin: 0 auto;
        padding: 0 0 10px 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        left: 0;
        right: 0;
    }

        .task_footer a {
            background: #eaeaea;
            padding: 6px 12px;
            margin: 0 4px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 6px;
            font-size: 16px;
        }

    .task_listing_cards .team_mod.task_note .btn-xs {
        margin-top: 0px;
    }

    .page_numbers {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .ui-sortable-handle {
        width: 48%;
    }

    .msg_in > div {
        float: none !important;
        width: 100%;
        text-align: center;
    }

    .asset_btngroup .btn-group {
        display: flex;
        margin-left: 6px;
    }

    .asset_btngroup::-webkit-scrollbar {
        width: 0px;
        background: transparent; /* make scrollbar transparent */
    }

    .asset_btngroup {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
    }

    .outstading_task_cards .team_card {
        background: #fff;
    }

    .proj-timer {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
    }

    .currenttask_container .form-inline.status_form {
        margin-right: 10px;
        min-height: 36px;
        max-width: 178px;
    }

    .currenttask_container i.task-action-icon.icon-time.view-items {
        top: 3px;
        font-size: 21px !important;
    }

    .proj-timer a span i {
        font-size: 24px !important;
        margin: 0 5px;
    }

    .task_listing_cards > div {
        background: #fff;
    }

    .currenttask_container .row {
        padding-bottom: 0 !important;
    }

    .task_filter_top {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }

        .task_filter_top::-webkit-scrollbar {
            width: 0px;
            background: transparent; /* make scrollbar transparent */
        }

    .form-inline.status_form {
        max-width: 95px;
        min-height: 36px;
        height: 36px;
        flex-shrink: 0;
    }

    .check_in {
        flex-shrink: 0;
        min-height: 36px;
    }

    .form-inline.status_form label {
        display: none;
    }

    .fltr_btn {
        min-height: 36px;
        border-color: #428bca;
    }

    .mainContent .container {
        max-width: 100vw;
    }

    .userflow_section .panel.panel-default .panel-heading .container .row div.pull-left {
        width: 100%;
        margin-top: 7px;
    }

    .profile_imgs .row .profile-picture {
        width: 10rem;
        height: 10rem;
        max-width: 80px;
        max-height: 80px;
    }

    table.member_table i.icon-chevron-down.text-primary {
        position: relative;
        bottom: 0;
        font-size: 12px;
    }

    .user_profile_btns {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .admin_p_wrap {
        position: relative;
    }

    .creat_title {
        font-size: 13px;
        margin-right: 4px;
    }

    span.auth_time {
        position: static;
        right: 0;
        top: auto;
        margin-left: 0;
    }

    .row.page_title.proj_members .page_filters {
        overflow: visible;
        flex-wrap: wrap;
        gap: 8px;
    }

        .row.page_title.proj_members .page_filters ul.dropdown-menu.custom_dropdown {
            left: -6px !important;
        }

    div#SBRightContent h3 {
        font-size: 2rem;
    }

    .right_status a#mainContent_lnkNewProject {
        min-height: 36px;
        border-color: #eaeaea;
        background-color: #eaeaea;
    }

    .form-control {
        border: 0.1rem solid #eaeaea;
        min-height: 36px;
    }

    .input-group-addon {
        padding: 4px 12px;
        font-size: 14px;
        background-color: #eaeaea;
        border: 1px solid #eaeaea;
        border-radius: 4px;
    }

    .chart_container {
        padding: 15px 8px;
        border-radius: 6px;
    }

    .team_project_ui_mobile {
        float: left;
        width: 100%;
        display: block;
    }

    .team_proj_name_wrap label {
        margin-bottom: 1px;
        font-size: 13px;
        line-height: normal;
        color: #888;
        width: 100%;
    }

    .fxd-task-btn {
        position: fixed;
        bottom: 20px;
        top: auto;
        z-index: 9999;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .fxd-task-btn .btn {
            box-shadow: 0 0 18px rgb(0 0 0 / 42%);
            border: 1px solid #fff;
            font-size: 15px;
        }

    .team_proj_name_wrap p {
        margin-bottom: 1px;
        font-size: 1.3rem;
        color: #2c2c2c;
    }

    .unlist .col-lg-3 {
        padding-right: 0;
        padding-left: 0;
    }

    .chck-btn {
        align-items: center;
        justify-content: space-between;
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

    .order_wrap_dets {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
    }

    .checkbox-inline label {
        flex-wrap: wrap;
    }

    .DBEditColCheckOut.form-group > div {
        padding-right: 0;
        padding-left: 0;
    }

        .DBEditColCheckOut.form-group > div:last-child {
            margin-top: 11px;
        }

    div#mainContent_upnlDocZips .row {
        margin: 0;
        padding-left: 15px;
    }

    div#mainContent_upnlImgZips .row .col-md-12 {
        padding: 0 0;
        margin-top: 7px;
    }

    .navbar-nav li a:hover, .navbar-nav li a:focus,
    .navbar-nav li a:active {
        background-color: transparent !important;
        transition: 0.15s;
    }

    .team_proj_name_wrap {
        border-bottom: 1px solid #ddd;
        padding: 4px 8px 8px;
    }

    .support_in .row {
        margin-bottom: 0 !important;
    }

    .support_in .col-md-6 {
        margin-bottom: 10px;
    }

    .support_in {
        border: 1px solid #d9d9d9;
        padding: 18px 10px;
        border-radius: 8px;
        background: #fff;
    }

        .support_in textarea.form-control {
            height: 90px;
            margin-bottom: 10px;
        }

    .team_proj_name_wrap .btn-xs {
        height: auto;
        font-size: 1.4rem;
        min-height: 34px;
        padding: 6px 14px;
        margin-top: 4px;
        margin-left: 10px;
    }

    .team_role_button {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 2px;
    }

    .card-1.btn_single {
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

    /* .team_role_button .dropdown, .team_role_button .dropdown .btn {
            width: 79%;
            text-align: center;
            position: static;
        }*/

    .team_card {
        display: block;
        float: left;
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 8px;
        margin-bottom: 8px;
        background: #fff;
    }

    .team_role_button ul.dropdown-menu.custom_dropdown {
        left: auto !important;
        right: 3px !important;
    }

    .team_proj_name_wrap:last-child {
        border: 0;
    }

    p.task-status-complete,
    p.task-status-in-progress,
    p.task-status-not-started,
    p.task-status-queued,
    p.task-status-pending,
    p.task-status-on-hold,
    .task-status-complete-pending {
        color: #fff;
        text-align: center;
        padding: 4px 4px;
        border-radius: 4px;
        width: auto;
        display: inline-flex;
    }

    p.task-priority-normal, p.relevant.task-priority-normal {
        color: #3e63dd;
    }

    p.task-priority-urgent {
        color: #dc2e49;
    }

    p.task-priority-low {
        color: #868686;
    }

    p.task-priority-high {
        color: #cd920a
    }

        p.task-priority-high.complete {
            color: #cd920a
        }


    p.task-status-not-started {
        background: #e3e1e1;
    }

    .flt_in a.btn.btn-s {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 37px;
        border-color: #eaeaea;
        background: #eaeaea;
    }

    .team_project_wrap .panel-body {
        padding-right: 10px;
        padding-left: 10px;
        flex-direction: column-reverse;
        display: flex;
        flex-wrap: wrap;
    }

    div#divFilters > * {
        padding-right: 4px;
        padding-left: 4px;
    }

    #chartsContainer .card-header h3 {
        font-size: 1.4rem;
    }

    .team_project_wrap {
        padding-left: 10px;
        padding-right: 10px;
    }

    #chartsContainer {
        flex-direction: row;
    }

    .card-1, .card-2, .card-4 {
        width: 49% !important;
        margin: 10px 0 !important;
    }

    #chartsContainer .card_body {
        height: auto;
        flex: 1;
    }

    .asset_top_btn {
        float: left;
        width: 100%;
        clear: both;
        align-items: flex-start;
        justify-content: space-between;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-top: 10px;
        flex-direction: column;
    }

        .asset_top_btn .pull-left {
            align-items: flex-start;
            margin-bottom: 16px;
        }

    .searchContainer .nav-close-btn {
        z-index: 99;
        right: 0;
        left: auto !important;
        top: -2px;
        display: block !important;
    }

        .searchContainer .nav-close-btn svg path {
            fill: black;
        }

    .AdvSearchBtn#AdvSearchBtn {
        font-size: 0;
        border-radius: 0.5rem;
        padding: 7px 5px;
    }

    span.for-mob.icon-search {
        display: inline-block !important;
        font-size: 1.5rem;
    }

    button#AdvSearchBtn svg {
        margin-right: 0;
    }

    span.for-mob.icon-search + i {
        display: none !important;
    }

    .pvwModBod {
        height: 73vh;
    }

        .pvwModBod.modal-body {
            position: relative;
            padding: 10px;
        }

    div#PreviewPageBody {
        border-radius: 4px;
        padding: 0 1px;
        padding-top: 8px;
    }

    table#dlMetadata td > div {
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
        padding-bottom: 4px;
    }

    .PreviewTitles {
        font-size: 13px;
        color: #414141;
    }

    div#upnlAuditTrail .row div {
        margin-bottom: 8px;
    }

    div#upnlAuditTrail .row {
        width: 54%;
        flex-shrink: 0;
    }

    div#upnlAuditTrail {
        display: flex;
        width: 100%;
        padding: 0;
    }

    div#imagepreviewcol {
        border-radius: 4px;
        padding: 8px 6px;
        min-height: 200;
    }


    .img-container {
        width: 100%;
        height: 369px;
        margin: 0 auto;
        overflow-x: auto;
        margin-right: -15px;
        margin-left: -15px;
    }

    form#ImageCrop .panel-body {
        padding: 0;
        margin-left: -15px;
    }

    .modal-title {
        margin: 0;
        line-height: 1.428571429;
        font-size: 15px;
        padding-right: 32px;
    }

    .modal-header.new_close_btn {
        position: relative;
    }

        .modal-header.new_close_btn button {
            border: 0;
            font-size: 30px;
            font-weight: bold;
            background: none;
            cursor: pointer;
            position: absolute;
            right: 0;
            top: 0;
            padding: 4px 10px;
            width: 49px;
            height: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            background-size: 24px;
            background-repeat: no-repeat;
            background-position: center;
            font-size: 0;
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg style='enable-background:new 0 0 24 24;' version='1.1' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.2;fill:none;stroke:%23000000;stroke-width:5.000000e-02;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='grid_system'/%3E%3Cg id='_icons'%3E%3Cpath fill='%23666' d='M5.3,18.7C5.5,18.9,5.7,19,6,19s0.5-0.1,0.7-0.3l5.3-5.3l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L13.4,12l5.3-5.3c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0L12,10.6L6.7,5.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4 l5.3,5.3l-5.3,5.3C4.9,17.7,4.9,18.3,5.3,18.7z'/%3E%3C/g%3E%3C/svg%3E");
        }

    .modal.in .modal-dialog.pvwModDialog {
        margin: 0;
        padding: 0;
        border-radius: 0;
    }

    .pvwModCont {
        height: 100vh;
        border-radius: 0;
    }

    div#upnlAnnotations select {
        margin-bottom: 11px;
    }

    .annot_btn a#btnAddAnnotation {
        border: 1px solid;
        padding: 7px 18px;
    }

    .vid_title {
        display: block;
        margin-top: 16px;
    }

        .vid_title h2 {
            font-size: 1.8rem;
        }

    .alit-centre {
        align-items: center;
        justify-content: center;
        margin-top: 17px;
        margin-bottom: 18px;
    }

    .form-spacing-ss {
        margin-bottom: 10px;
    }

    .vert-pad > div {
        width: 100%;
    }

    .dets_ins .trim_title span {
        text-align: right;
    }

    .pvwModCont {
        height: 100vh !important;
    }

    .modal-title h2 {
        font-size: 1.8rem;
    }

    span#cmpStartEndPoints {
        padding: 7px;
        line-height: 25px;
    }

    div#bodyContainer {
        width: 100%;
    }

    div#SidebarBlock {
        margin-bottom: 0em;
        position: fixed;
        top: 0;
        left: -100%;
        height: 100%;
        z-index: 999;
        max-width: 90%;
        flex: auto;
        width: 100%;
        transition: all 400ms;
        border-radius: 0;
    }

    .search-results {
        flex: 10 0;
        margin-left: 0;
        background: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        overflow: hidden;
    }

    .searchContainer {
        padding: 7px 0.3em 0;
    }

    #ssButton {
        top: 68% !important;
    }

    .btn_bottom.text-center {
        margin-top: 15px;
        position: relative;
        flex-direction: column;
    }

    .prev_actions {
        margin-left: 0;
        position: relative;
        margin-top: 13px;
        float: none;
    }

    a.btn-default.next_btn {
        font-size: 15px;
        padding: 9px 38px;
    }

    div#SidebarBlock.hidden {
        left: 0;
        visibility: visible !important;
        display: block !important;
        transform: none !important;
    }

    .sidebar-btn {
        width: 34px;
        height: 23px;
        margin-right: auto;
        display: block !important;
        margin-left: 10px;
        margin-top: 10px;
    }

    .toggleSidebar i {
        display: none;
    }

    #togglenotes {
        border-top-right-radius: 0;
        background: #FFFFFF;
        max-width: 94%;
        position: fixed;
        z-index: 999;
        height: 100%;
        left: -100%;
        top: 0;
        padding: 12px;
        box-shadow: 0px 0px 12px rgb(0 0 0 / 17%);
    }

    div#togglenotes.hidden {
        left: 0;
        display: block !important;
        visibility: visible !important;
        transform: none !important;
    }

    .task_wrap {
        overflow: hidden;
        padding: 0 0;
    }

    .col-md-12.right_sm {
        padding-left: 15px;
        padding-top: 8px;
        padding-bottom: 15px;
    }

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

    .task_btns {
        margin-bottom: 7px;
        padding: 0 6px;
        overflow-x: auto;
        justify-content: flex-start !important;
    }

    div#toggleExpandSidebar {
        display: none;
    }

    .nav-close-btn svg {
        width: 16px;
        height: 16px;
    }

        .nav-close-btn svg path {
            fill: #fff;
        }

    div#togglenotes.hidden .nav-close-btn {
        display: block !important;
    }

    div#mainContent_menu .list-inline li:nth-of-type(3) {
        order: 2;
    }

    div#mainContent_menu .list-inline li:nth-of-type(4) {
        order: 4;
    }

    div#mainContent_menu .list-inline li:nth-of-type(5) {
        order: 3;
    }

    div#mainContent_menu .list-inline li:nth-of-type(6) {
        order: 5;
    }

    .chat_wrap .sidebar_content.active {
        height: 80vh;
        padding-right: 0;
    }

    #togglenotes .data-container {
        height: 37vh;
        flex: 1;
    }

    .current_Task_modal .col-dets,
    .col-dets, .outTask_wrapper .col-dets {
        gap: 10px;
        flex-wrap: wrap;
        display: flex;
    }

        .col-dets .col-auto:first-child {
            width: 100%;
            min-width: 100%;
        }

    .col-auto small {
        color: #737373;
        font-size: 13px;
        display: inline-block;
        align-items: center;
        white-space: nowrap;
        width: 118px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .col-task-comment .rel_tasks {
        min-height: auto;
    }

    .col-auto {
        border: 1px solid #c6c6c6;
        padding: 8px;
        border-radius: 6px;
        min-width: 48%;
        min-height: 86px;
    }

    .out_filters.row.d-flex.align-items-center {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start !important;
    }

        .out_filters.row.d-flex.align-items-center .col-lg-10.justify-content-end {
            justify-content: flex-start !important;
            overflow-x: auto;
            overflow-y: hidden;
            padding-bottom: 10px;
            margin-top: 8px;
        }

            .out_filters.row.d-flex.align-items-center .col-lg-10.justify-content-end div {
                flex-shrink: 0;
            }

    .comb_desc {
        display: block;
    }

        .comb_desc i {
            position: static;
        }

    .currenttask_container .form-inline.status_form label {
        height: 30px !important;
        padding: 0 15px;
        top: 2px;
        left: 2px;
        font-size: 13px;
    }

    table#tblTimeLog {
        display: none;
    }

    .attachment_wrap .qq-gallery .qq-upload-list {
        margin: 0;
        padding: 10px 0 0;
        list-style: none;
        max-height: 450px;
        overflow-y: auto;
        clear: both;
        box-shadow: none;
        margin-top: 0;
    }

        .attachment_wrap .qq-gallery .qq-upload-list li {
            margin-top: 125px;
            background-color: #fff;
            border-radius: 10px;
            width: 70px;
            height: 67px !important;
            border: 1px solid #ddd;
            overflow: visible;
            margin-bottom: 0;
            margin: 0 10px 29px 0;
        }

    .qq-gallery .qq-thumbnail-wrapper {
        overflow: hidden;
        position: relative;
        height: 67px;
        width: 70px;
        padding: 5px;
    }

    .blockUI.blockMsg.blockPage {
        border: 0 !important;
        border-radius: 7px;
        padding: 3px 2px !important;
        width: 90% !important;
        font-size: 15px !important;
        margin: 0 auto !important;
        left: 0 !important;
        right: 0 !important;
    }

        .blockUI.blockMsg.blockPage h1 small {
            font-size: 16px !important;
            display: block;
            margin-bottom: 10px;
        }
}

@media(min-width:768.98px) {

    .row.for-mob {
        display: none;
    }
}

@media(max-width:768.98px) {

    .p-no-mob .btn {
        padding: 6px 8px;
    }

    .team_project_ui_mobile.groupmember_task_cards .team_proj_name_wrap:last-child {
        width: 97%;
    }

    .srv_title {
        margin-bottom: 8px;
    }

    .new-group-checkboxes-section {
        margin-top: 6px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 14px !important;
    }

    div#btnAddMember {
        min-height: 36px;
    }

    div#group-admin-controls, .p-no-mob {
        padding-right: 0;
        padding-left: 0;
    }

    .groupmember_task_cards {
        display: none;
    }

    .team_project_ui_mobile.groupmember_task_cards {
        display: block;
    }

    #group-members-section div#tblGroupMembers_wrapper {
        display: none;
    }

@media(max-width:767.98px) {

    .p-no-mob .btn {
        padding: 6px 8px;
    }

    .team_project_ui_mobile.groupmember_task_cards .team_proj_name_wrap:last-child {
        width: 97%;
    }

    .srv_title {
        margin-bottom: 8px;
    }

    .new-group-checkboxes-section {
        margin-top: 6px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 14px !important;
    }

    div#btnAddMember {
        min-height: 36px;
    }

    div#group-admin-controls, .p-no-mob {
        padding-right: 0;
        padding-left: 0;
    }

    .groupmember_task_cards {
        display: none;
    }

    .team_project_ui_mobile.groupmember_task_cards {
        display: block;
    }

    #group-members-section div#tblGroupMembers_wrapper {
        display: none;
    }

    .userflow_section .panel.panel-default .panel-heading .container .row div.pull-right ul.dropdown-menu {
        left: -4px !important;
    }

    .right_status .card-1 {
        padding: 0;
        margin: 0 !important;
        margin-right: 4px !important;
    }

    .chart_container div#mainContent_pnlFilters {
        overflow: hidden;
    }

    .edit_project_sect_two {
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 10px;
    }

        .edit_project_sect_two a {
            flex-shrink: 0;
        }

    .row.page_title h3 {
        font-size: 19px;
    }

    .all_rules span#taskPermissionsInfo {
        right: 10px !important;
    }

    .all_rules {
        position: relative;
    }

    .userflow_section .panel.panel-default {
        padding-bottom: 25px;
    }

    div#mainContent_upnlSubmit .col-lg-6 {
        padding: 0;
    }

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

    .page_title {
        flex-direction: column;
    }

    .oh_userDet {
        display: flex;
        align-items: center;
        padding: 15px 15px 5px;
    }

    a.btn.btn-primary.btn-order-details,
    a.btn.btn-default.btn-order-download {
        width: auto;
        background-image: none;
        margin-top: 4px;
        min-height: 34px;
    }

    .page_filters {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: flex-start !important;
        padding-bottom: 10px;
        padding-top: 8px;
    }

        .page_filters div {
            flex-shrink: 0;
        }

    .down_yes {
        padding-left: 65px;
    }

    div#tblOrderHistory_wrapper {
        display: none;
    }

    #EditBox3 form.form-horizontal {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .close_btn {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 99;
        display: inline-flex;
        width: 22px;
        height: 22px;
    }

        .close_btn img {
            width: 100%;
        }

    .new_task_wrap {
        position: fixed;
        background: white;
        z-index: 9999;
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
        padding: 30px 15px 20px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .new_task_wrap small {
            color: #666;
            display: block;
            margin-bottom: 3px;
        }

        .new_task_wrap h4 {
            margin: 0 0;
            font-size: 14px;
            color: #222;
            margin-bottom: 10px;
        }

    .form-control.tsk_name, .form-control.task_descr {
        padding: 0;
        border: 0;
        font-size: 13px;
        margin-bottom: 15px;
        border-bottom: 1px solid #d4d4d4;
        border-radius: 0;
        padding-bottom: 8px;
        color: #363636;
    }

        .form-control.tsk_name::placeholder {
            color: #666;
            opacity: 1; /* Firefox */
            font-size: 16px;
        }

        .form-control.task_descr::-ms-input-placeholder { /* Edge 12 -18 */
            color: #666;
            font-size: 17px;
        }

        .form-control.task_descr::placeholder {
            color: #666;
            opacity: 1; /* Firefox */
            font-size: 17px;
        }

        .form-control.tsk_name::-ms-input-placeholder { /* Edge 12 -18 */
            color: #666;
            font-size: 16px;
        }

    .form-control:focus {
        box-shadow: none !important;
    }

    .user_slect {
        display: flex;
        align-items: center;
        margin-bottom: 13px;
        margin-top: 20px;
    }

        .user_slect b {
            margin-right: 0;
            display: inline-flex;
            flex-shrink: 0;
            width: 60px;
        }

        .user_slect span img {
            width: 100%;
        }

    .date_f {
        display: flex;
        margin-bottom: 10px;
        flex-direction: column;
    }

    .user_slect span {
        display: inline-flex;
        align-items: center;
        width: 22px;
        height: 21px;
        margin-right: 5px;
    }

    input.form-control.tsk_name {
        margin-top: 20px;
    }

    .new_task_wrap .team_mod.text-right.task_action_btns {
        border: 1px solid #ccc;
        padding: 8px;
        border-radius: 6px;
        margin-top: 10px;
        background: #fff;
    }

    .team_proj_name_wrap.task_btns_wrap {
        border-top: 1px solid #ddd;
        padding: 6px 8px;
        border-bottom: 0;
    }

    .team_card.sub_task {
        margin-top: -8px;
        margin-left: 9px;
        width: 98%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top: 0;
    }
    /*.treegrid-stage {
color: white !important;
background-color: #8F52AC !important;
}*/
    @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

    .TSMain {
        font-family: "Inter", serif;
        font-style: normal;
        font-weight: 400;
    }

    .treegrid-stage {
        color: #010c1e !important;
        background-color: #bcd6f2 !important;
    }

        .treegrid-stage.TSClassFocusedCell {
            color: black !important;
        }

        .treegrid-stage.active {
        }
        /*.treegrid-stage.inactive {
background-color: #D29EB9 !important;
}*/
        .treegrid-stage.inactive {
            background-color: #e5e5e5 !important;
            border-bottom-color: #d5d5d5;
            border-right-color: transparent !important;
        }
    /*td.treegrid-stage.TSEmpty.HideCol0Panel {
background: linear-gradient(90deg, #A5177D 0%, #8F52AC 102.67%);
}*/
    /*   td.treegrid-stage.TSEmpty.HideCol0Panel.inactive {
background: linear-gradient(90deg, #BD5681 0%, #D29EB9 102.67%);
}*/
    /*.treegrid-stage.active.TSFastPanel.TSPMSDC.TSCellBase.TSCellPanel.TSEmpty.HideCol0Panel {
background: linear-gradient(90deg, #A5177D 0%, #8F52AC 102.67%) !important;
position: relative;
}
td.treegrid-stage.inactive.TSFastPanel.TSPMSDC.TSCellBase.TSCellPanel.TSEmpty.HideCol0Panel {
background: linear-gradient(90deg, #BD5681 0%, #D29EB9 102.67%) !important;
}*/
    /*.TSEnumLeft {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M11.37,7.776l-3.063,3.063c-0.082,0.082-0.191,0.13-0.308,0.13s-0.226-0.048-0.308-0.13L4.63,7.776 C4.548,7.694,4.5,7.585,4.5,7.469c0-0.239,0.198-0.438,0.438-0.438h6.125c0.239,0,0.438,0.198,0.438,0.438 C11.5,7.585,11.452,7.694,11.37,7.776z'/%3E%3C/svg%3E%0A");
}*/
    /*.treegrid-task.complete:not(:nth-child(2)), .treegrid-task.newest.complete {
background-color:rgb(8 113 167 / 20%) !important;
color: #000 !important;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}*/
    .treegrid-task.complete:nth-child(2), .treegrid-task.newest.complete {
        /*    background-color:rgb(10 93 55 / 84%) !important;*/
        /*color: #000 !important;
 border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;*/
    }
    /*.treegrid-task.relevant.complete:not(:nth-child(2)) {
background-color: #f9f9f9 !important;

}*/
    /*.treegrid-task.relevant.complete span i {
color: #0d6efd !important;
}
.treegrid-task.relevant.complete span.bt_asset i, .treegrid-task.complete span i {
color: #0871a7;
}

.treegrid-task.complete span i.view-items-exist {
    color: #7aba07 !important;
}*/

    .treegrid-task.overdue span {
        color: #df2f4a;
    }
    /*  .treegrid-task.overdue span.bt_asset i {
color: #df2f4a;
}*/
    /* .treegrid-task.overdue span i {
color: #df2f4a;
}*/
    /*.treegrid-task.newest:not(:nth-child(2)) {
background-color: #5794E9 !important;
color: #fff !important;
}*/
    .treegrid-task.newest:nth-child(2) {
        /*    background-color: #2653b8 !important;
color: #fff !important;*/
    }

    .treegrid-task.relevant.newest {
        color: #fff;
    }

    .treegrid-task.newest:hover {
        color: black !important;
    }

    .treegrid-stage.active.TSFastPanel.TSPMSDC.TSCellBase.TSCellPanel.TSEmpty.HideCol0Panel:after {
        content: "Stages";
        position: absolute;
        font-size: 14px;
        color: #010c1e;
        font-weight: 600;
    }
    /*td.treegrid-task.newest.TSFastPanel.TSPMSDC.TSCellBase.TSCellPanel.TSEmpty.HideCol0Panel:after {
content: "New Task";
position: absolute;
font-size: 14px;
color: #fff;
}*/
    td.treegrid-task.complete.newest.relevant.TSFastPanel.TSPMSDC.TSCellBase.TSCellPanel.TSEmpty.HideCol0Panel {
        background-color: #f6f7f8 !important;
    }

        td.treegrid-task.complete.newest.relevant.TSFastPanel.TSPMSDC.TSCellBase.TSCellPanel.TSEmpty.HideCol0Panel:after {
            display: none;
        }
    /*td.treegrid-task.newest.TSFastPanel.TSPMSDC.TSCellBase.TSCellPanel.TSEmpty.HideCol0Panel {
background-color: #5794E9;
font-size: 16px;
position: relative;
}*/
    td.treegrid-task.newest.complete.TSEmpty.HideCol0Panel:after {
        display: none;
    }

    td.treegrid-task.newest.complete.TSEmpty.HideCol0Panel {
        /* background-image: none; */
        background-color: #fff;
    }

    .treegrid-task.overdue.TSDate {
        /* background: red; */
        background-repeat: no-repeat;
        background-position: center left;
        background-size: 18px;
        color: red;
    }

        .treegrid-task.overdue.TSDate.complete {
            background-image: none;
        }
    /*.treegrid-task.newest span i {
color: #fff;
}*/
    .treegrid-task.relevant:not(:nth-child(2)) {
        background-color: #fdf8da;
        color: #323338;
    }

    .treegrid-task {
        color: #323338;
    }

    div.TSSpaceWidthInner div span {
        display: none;
    }

    .view-items {
        /*font-size: 20px !important;*/
    }

    .view-items-exist {
        color: #00bf63 !important;
        position: relative;
    }

    .view-items.view-items-exist:after {
        top: -2px;
        width: 10px;
        height: 10px;
        position: absolute;
        background: #11c711;
        content: "";
        border: 1.5px solid #fff;
        border-radius: 100%;
        right: -3px;
    }

    .task-action-icon {
        font-size: 22px !important;
    }

    span.bt_asset {
        background: none;
        height: 24px;
        display: inline-flex;
        align-items: center;
        padding: 0;
        border-radius: 0px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0px solid #fff;
    }

    .treegrid-task span.bt_asset i {
        color: #4f5762;
    }

    .treegrid-task.overdue.complete span.bt_asset i {
        color: #0871a7;
    }

    .icons-container {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }

        .icons-container span {
            margin-right: 1px;
        }

    .approval-buttons {
        height: 15px;
        margin-left: 5px;
    }

        .approval-buttons button {
            height: 17px;
            line-height: 10px;
            padding: 0px 4px 0px 4px;
            border-radius: 4px;
        }

            .approval-buttons button.btn.btn-danger.btn-deny {
                background-size: 10px;
                background-position: center;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23fff' d='M437.5,386.6L306.9,256l130.6-130.6c14.1-14.1,14.1-36.8,0-50.9c-14.1-14.1-36.8-14.1-50.9,0L256,205.1L125.4,74.5 c-14.1-14.1-36.8-14.1-50.9,0c-14.1,14.1-14.1,36.8,0,50.9L205.1,256L74.5,386.6c-14.1,14.1-14.1,36.8,0,50.9 c14.1,14.1,36.8,14.1,50.9,0L256,306.9l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C451.5,423.4,451.5,400.6,437.5,386.6z'/%3E%3C/svg%3E");
            }

            .approval-buttons button.btn.btn-success.btn-approve {
                background-size: 10px;
                background-position: center;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z'/%3E%3C/svg%3E");
            }

            .approval-buttons button i {
                color: white;
            }

    .task-approval {
        margin-left: 2px;
    }

        .task-approval.pending i {
            color: orange;
        }

        .task-approval.approved i {
            color: green;
        }

        .task-approval.denied i {
            color: red;
        }

    .TSMain i.task-action-icon {
        font-size: 18px !important;
        color: #4f5762;
    }

    span.task-approval i, span.task-approval.new i {
        /*    background-image: url("data:image/svg+xml,%3Csvg class='feather feather-check-circle' fill='none' height='24' stroke='%230d6efd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");*/
        background-repeat: no-repeat;
        color: transparent !important;
        background-position: center;
        background-size: 18px;
        margin-top: 0;
        /* background-color: #fff; */
        border-radius: 100%;
        /* width: 19px; */
        /* height: 19px; */
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 2px;
        background-image: url("data:image/svg+xml,%3Csvg class='feather feather-check-circle' fill='none' height='24' stroke='%234f5762' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
    }

    span.task-approval.respond i {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='92px' id='Capa_1' style='enable-background:new 0 0 92 92;' version='1.1' viewBox='0 0 92 92' width='92px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath fill='%23fa7827' d='M45.385,0.004C19.983,0.344-0.333,21.215,0.004,46.619c0.34,25.393,21.209,45.715,46.611,45.377 c25.398-0.342,45.719-21.213,45.381-46.615C91.656,19.986,70.785-0.335,45.385,0.004z M50.484,15.333 c4.676,0,6.057,2.714,6.057,5.815c0,3.877-3.104,7.461-8.396,7.461c-4.43,0-6.537-2.229-6.414-5.91 C41.731,19.597,44.33,15.333,50.484,15.333z M38.497,74.75c-3.195,0-5.537-1.938-3.301-10.467l3.666-15.125 c0.637-2.424,0.744-3.393,0-3.393c-0.959,0-5.107,1.674-7.557,3.322l-1.598-2.617c7.773-6.491,16.712-10.299,20.544-10.299 c3.195,0,3.727,3.779,2.131,9.594l-4.199,15.9c-0.744,2.811-0.424,3.779,0.318,3.779c0.961,0,4.102-1.166,7.188-3.59l1.811,2.424 C49.939,71.838,41.69,74.75,38.497,74.75z'/%3E%3C/g%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3C/svg%3E");
        background-size: 19px;
    }

    .treegrid-task.relevant.complete span.task-approval i {
        color: transparent !important;
    }
    /*.treegrid-task.relevant.complete span.task-approval i, .treegrid-task.relevant .treegrid-task.newest i {
background-image: url("data:image/svg+xml,%3Csvg class='feather feather-check-circle' fill='none' height='24' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
}
.treegrid-task.relevant span.task-approval i, .treegrid-task.relevant span.task-approval.new i.icon-check {
background-image: url("data:image/svg+xml,%3Csvg class='feather feather-check-circle' fill='none' height='24' stroke='%230d6efd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
}*/
    .task-approval.pending i, .task-approval.relevant.pending i {
        color: orange;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e1917c;%7D.cls-2%7Bfill:%23f4d6ce;%7D.cls-3%7Bfill:%23D9512C;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg data-name='hour glass' id='hour_glass'%3E%3Crect class='cls-1' height='8' rx='2' width='40' x='12' y='2'/%3E%3Crect class='cls-1' height='8' rx='2' width='40' x='12' y='54'/%3E%3Cpath class='cls-2' d='M32,32,21.62,27.15A8,8,0,0,1,17,19.91V10H47v9.91a8,8,0,0,1-4.62,7.24L32,32'/%3E%3Cpath class='cls-2' d='M32,32,21.62,36.85A8,8,0,0,0,17,44.09V54H47V44.09a8,8,0,0,0-4.62-7.24L32,32'/%3E%3Cpath class='cls-3' d='M49,19.91V12h1a4,4,0,0,0,4-4V4a4,4,0,0,0-4-4H14a4,4,0,0,0-4,4V8a4,4,0,0,0,4,4h1v7.91A10.06,10.06,0,0,0,20.77,29l6.5,3-6.5,3A10.06,10.06,0,0,0,15,44.09V52H14a4,4,0,0,0-4,4v4a4,4,0,0,0,4,4H50a4,4,0,0,0,4-4V56a4,4,0,0,0-4-4H49V44.09A10.06,10.06,0,0,0,43.23,35l-6.5-3,6.5-3A10.06,10.06,0,0,0,49,19.91ZM14,4H50V8H14ZM50,60H14V56H50ZM45,44.09V52H19V44.09a6,6,0,0,1,3.46-5.43L32,34.21l9.54,4.45A6,6,0,0,1,45,44.09ZM41.54,25.34,32,29.79l-9.54-4.45A6,6,0,0,1,19,19.91V12H45v7.91A6,6,0,0,1,41.54,25.34Z'/%3E%3C/g%3E%3C/svg%3E") !important;
        !important;
        background-size: 22px;
    }
    /*.treegrid-task.relevant span.task-approval i {
background-image: url("data:image/svg+xml,%3Csvg class='feather feather-check-circle' fill='none' height='24' stroke='%230d6efd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
}
*/
    td.treegrid-task.newest.complete.TSFastPanel.TSPMSDC.TSCellBase.TSCellPanel.TSEmpty.HideCol0Panel {
        background-color: #f5f6f7 !important;
    }
    /*.overdue span.task-approval.new i {
background-image: url("data:image/svg+xml,%3Csvg class='feather feather-check-circle' fill='none' height='24' stroke='%23df2f4a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
}*/
    /*span.task-approval.new i {
background-image: url("data:image/svg+xml,%3Csvg class='feather feather-check-circle' fill='none' height='24' stroke='%234f5762' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
}*/
    /*.task-priority-high.treegrid-task, td.task-priority-high.treegrid-task.complete {
background-color: #Cf940a !important;
}*/
    .task-priority-high.treegrid-task.TSSideRight, td.task-priority-high.treegrid-task.complete.TSSideRight {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23eee' d='M11.37,7.776l-3.063,3.063c-0.082,0.082-0.191,0.13-0.308,0.13s-0.226-0.048-0.308-0.13L4.63,7.776 C4.548,7.694,4.5,7.585,4.5,7.469c0-0.239,0.198-0.438,0.438-0.438h6.125c0.239,0,0.438,0.198,0.438,0.438 C11.5,7.585,11.452,7.694,11.37,7.776z'/%3E%3C/svg%3E%0A");
    }

    td.task-priority-normal.treegrid-task.TSEnumLeft.TSSideLeft, td.treegrid-task.task-priority-urgent.TSSideRight {
        /*        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23eee' d='M11.37,7.776l-3.063,3.063c-0.082,0.082-0.191,0.13-0.308,0.13s-0.226-0.048-0.308-0.13L4.63,7.776 C4.548,7.694,4.5,7.585,4.5,7.469c0-0.239,0.198-0.438,0.438-0.438h6.125c0.239,0,0.438,0.198,0.438,0.438 C11.5,7.585,11.452,7.694,11.37,7.776z'/%3E%3C/svg%3E%0A");*/
        background-position: center right;
        background-position-x: 96%;
    }

    td.treegrid-task.task-priority-normal {
        /*    background-color: #fdab3d;*/
        padding-left: 25px;
    }

    td.treegrid-task.task-priority-low {
        color: #101010 !important;
        font-weight: normal;
    }
        /*td.treegrid-task.task-priority-low:after{
background-color: #656F7D !important;
}*/
        td.treegrid-task.task-priority-low.TSSideLeft, td.treegrid-task.task-priority-low.TSSideRight {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23eee' d='M11.37,7.776l-3.063,3.063c-0.082,0.082-0.191,0.13-0.308,0.13s-0.226-0.048-0.308-0.13L4.63,7.776 C4.548,7.694,4.5,7.585,4.5,7.469c0-0.239,0.198-0.438,0.438-0.438h6.125c0.239,0,0.438,0.198,0.438,0.438 C11.5,7.585,11.452,7.694,11.37,7.776z'/%3E%3C/svg%3E%0A");
        }

    .treegrid-task.task-status-not-started {
        background-color: #eee !important;
        color: #575757 !important;
    }

    .treegrid-task.task-status-in-progress {
        color: #fff !important;
    }

        .treegrid-task.task-status-in-progress:after {
            background-color: #0DA036 !important;
        }

    .treegrid-task.task-status-complete {
        /*    background-color: #0871A7 !important;*/
        color: #fff !important;
    }

        .treegrid-task.task-status-complete:after {
            background-color: #0871A7 !important;
        }

    td.task-status-complete.treegrid-task.complete, td.task-status-complete.treegrid-task.complete.relevant {
        color: #fff !important;
    }

        td.task-status-complete.treegrid-task.complete:after,
        td.task-status-complete.treegrid-task.complete.relevant:after {
            background-color: #0871A7 !important;
        }

        td.task-status-complete.treegrid-task.complete.TSSideLeft:before,
        .treegrid-task.task-status-queued.TSSideLeft:before,
        .treegrid-task.task-status-pending.TSSideLeft:before,
        .treegrid-task.task-status-in-progress.TSSideLeft:before,
        .treegrid-task.task-status-on-hold.TSSideRight:before,
        td.task-status-on-hold.treegrid-task.relevant:before,
        .treegrid-task.task-status-complete-pending:before {
            display: inline-flex;
            content: '';
            position: absolute;
            left: 9px;
            background-size: 16px;
            z-index: 9;
            width: 12px;
            height: 14px;
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23eee' d='M11.37,7.776l-3.063,3.063c-0.082,0.082-0.191,0.13-0.308,0.13s-0.226-0.048-0.308-0.13L4.63,7.776 C4.548,7.694,4.5,7.585,4.5,7.469c0-0.239,0.198-0.438,0.438-0.438h6.125c0.239,0,0.438,0.198,0.438,0.438 C11.5,7.585,11.452,7.694,11.37,7.776z'/%3E%3C/svg%3E%0A");
        }

        td.task-status-complete.treegrid-task.complete.TSSideLeft.TSHintOuter:before,
        .treegrid-task.task-status-queued.TSSideLeft.TSHintOuter:before,
        .treegrid-task.task-status-pending.TSSideLeft.TSHintOuter:before,
        .treegrid-task.task-status-in-progress.TSSideLeft.TSHintOuter:before,
        .treegrid-task.task-status-on-hold.TSSideRight.TSHintOuter:before,
        td.task-status-on-hold.treegrid-task.relevant.TSHintOuter:before,
        .treegrid-task.task-status-complete-pending.TSHintOuter:before {
            display: none;
        }



        .treegrid-task.task-status-complete-pending:after,
        .treegrid-task.task-status-queued:after,
        .treegrid-task.task-status-pending:after,
        td.task-status-pending.treegrid-task.relevant:after,
        .treegrid-task.task-status-pending.newest:after,
        .treegrid-task.task-status-on-hold:after,
        td.task-status-complete.treegrid-task.complete:after,
        td.task-status-complete.treegrid-task.complete.relevant:after,
        .treegrid-task.task-status-in-progress:after,
        td.treegrid-task.task-priority-urgent:after,
        td.treegrid-task.task-priority-low:after,
        td.treegrid-task.task-priority-normal:after,
        .treegrid-task.relevant.task-priority-normal:after,
        td.treegrid-task.task-priority-urgent:after,
        .task-priority-high.treegrid-task:after,
        td.task-priority-high.treegrid-task.complete:after,
        td.treegrid-task.task-priority-normal:after,
        .treegrid-task.relevant.task-priority-normal:after,
        .treegrid-task.task-status-complete:after {
            display: inline-flex;
            content: '';
            position: absolute;
            left: 7px;
            top: 7px;
            width: 87%;
            height: 25px;
            z-index: -1;
            border-radius: 4px;
        }

    .treegrid-task.task-status-complete-pending {
        /*    background-color: #0871A7 !important;*/
        color: #fff !important;
    }

        .treegrid-task.task-status-complete-pending:after {
            background-color: rgb(127, 83, 71) !important;
        }

    .treegrid-task.task-status-pending:after,
    td.task-status-pending.treegrid-task.relevant:after,
    .treegrid-task.task-status-pending.newest:after {
        background-color: #E1A710 !important;
    }

    .treegrid-task.task-status-pending,
    td.task-status-pending.treegrid-task.relevant,
    .treegrid-task.task-status-pending.newest {
        color: #fff !important;
    }

    .treegrid-task.task-status-queued {
        color: #fff !important;
    }

        .treegrid-task.task-status-queued:after {
            background-color: #01A3F7 !important;
        }
    /*.treegrid-task.task-status-in-progress.TSSideLeft {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23eee' d='M11.37,7.776l-3.063,3.063c-0.082,0.082-0.191,0.13-0.308,0.13s-0.226-0.048-0.308-0.13L4.63,7.776 C4.548,7.694,4.5,7.585,4.5,7.469c0-0.239,0.198-0.438,0.438-0.438h6.125c0.239,0,0.438,0.198,0.438,0.438 C11.5,7.585,11.452,7.694,11.37,7.776z'/%3E%3C/svg%3E%0A");
}*/
    /*td.task-status-queued.treegrid-task.newest, td.task-status-queued.treegrid-task {
background-color: #01A3F7;
color: #fff;
}
*/
    .treegrid-task.task-status-on-hold {
        color: #fff !important;
    }

        .treegrid-task.task-status-on-hold:after {
            background-color: #E82833 !important;
        }
    /* .treegrid-task.task-status-on-hold.TSSideRight {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23eee' d='M11.37,7.776l-3.063,3.063c-0.082,0.082-0.191,0.13-0.308,0.13s-0.226-0.048-0.308-0.13L4.63,7.776 C4.548,7.694,4.5,7.585,4.5,7.469c0-0.239,0.198-0.438,0.438-0.438h6.125c0.239,0,0.438,0.198,0.438,0.438 C11.5,7.585,11.452,7.694,11.37,7.776z'/%3E%3C/svg%3E%0A");
}*/
    td.task-status-on-hold.treegrid-task.relevant {
        /*    background-color: #E82833 !important;*/
        color: #fff !important;
    }

    .treegrid-task.relevant.overdue.TSDate {
        color: #df2f4a !important;
    }

    .treegrid-task.task-status-in-progress:hover, .treegrid-task.task-status-not-started:hover, .treegrid-task.task-status-complete:hover, .treegrid-task.task-status-pending:hover, .treegrid-task.task-status-queued:hover,
    .treegrid-task.task-status-on-hold:hover {
        color: #000 !important;
    }

    span.stage-assets-link i {
        color: #fff;
    }

    .treegrid-task.relevant.complete .bt_asset i.task-action-icon {
        color: #4f5762 !important;
        width: 16px;
        height: 16px;
    }

    span.bt_asset.as_last i.task-action-icon.icon-plus-sign:before {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='feather feather-upload' fill='none' height='24' stroke='%234f5762' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' x2='12' y1='3' y2='15'/%3E%3C/svg%3E");
        content: '';
        width: 22px;
        height: 22px;
        background-size: contain;
        padding: 0;
        background-color: transparent;
        background-repeat: no-repeat;
    }

    .time_uplaod.task-action-icon.icon-plus-sign {
        width: 22px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        .time_uplaod.task-action-icon.icon-plus-sign:before {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='rgb(79, 87, 98)' stroke-linecap='round' stroke-linejoin='round' transform='translate(4 4)'%3E%3Cpath d='m12.5 10.5v-8c0-1.1045695-.8954305-2-2-2h-8c-1.1045695 0-2 .8954305-2 2v8c0 1.1045695.8954305 2 2 2h8c1.1045695 0 2-.8954305 2-2z'/%3E%3Cpath d='m6.5 3.5v6.056'/%3E%3Cpath d='m6.5 3.5v6' transform='matrix(0 1 -1 0 13 0)'/%3E%3C/g%3E%3C/svg%3E");
            content: '';
            width: 22px;
            height: 22px;
            background-size: 32px;
            padding: 0;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: center;
        }

    .asset_uploader, .timelog_uploader {
        display: inline-flex;
        border: 1px solid #e8e8e8;
        background: #f0f0f0;
        border-radius: 4px;
        padding: 4px 12px;
        margin-right: 4px;
        align-items: center;
        gap: 16px;
        justify-content: center;
    }

    .treegrid-task.relevant.overdue.task-priority-high {
        color: #323338 !important;
    }

    .timelog_uploader span:first-child {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }

        .timelog_uploader span:first-child i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

    .timelog_uploader .icon-time:before {
        content: '';
        background-repeat: no-repeat;
        width: 21px;
        height: 21px;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Icons' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%234f5762;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3Cpath class='cls-1' d='M13,11.586V6a1,1,0,0,0-2,0v6a1,1,0,0,0,.293.707l3,3a1,1,0,0,0,1.414-1.414Z'/%3E%3C/svg%3E");
    }

    .timelog_uploader i.view-items.view-items-exist.icon-time:before {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Icons' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2300bf63;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3Cpath class='cls-1' d='M13,11.586V6a1,1,0,0,0-2,0v6a1,1,0,0,0,.293.707l3,3a1,1,0,0,0,1.414-1.414Z'/%3E%3C/svg%3E");
    }

    .task_btns {
        margin-bottom: 7px;
    }

    .treegrid-task.relevant {
        background-color: #fdf8da;
    }
    /*    td.TSClassNoFocus.treegrid-task.relevant .task-approval i, .treegrid-task.relevant span.task-approval.new i.icon-check {
background-image: url("data:image/svg+xml,%3Csvg class='feather feather-check-circle' fill='none' height='24' stroke='%230d6efd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
}*/
    .treegrid-task span.task-approval.approved i {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Layer_1' style='enable-background:new 0 0 128 128;' version='1.1' viewBox='0 0 128 128' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2300bf63;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='64' cy='64' r='64'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M54.3,97.2L24.8,67.7c-0.4-0.4-0.4-1,0-1.4l8.5-8.5c0.4-0.4,1-0.4,1.4,0L55,78.1l38.2-38.2 c0.4-0.4,1-0.4,1.4,0l8.5,8.5c0.4,0.4,0.4,1,0,1.4L55.7,97.2C55.3,97.6,54.7,97.6,54.3,97.2z'/%3E%3C/g%3E%3C/svg%3E") !important;
        background-position: center;
        background-size: 18px;
        width: 18px;
        height: 18px;
        margin-left: 4px;
    }
    /*.treegrid-task.relevant i.icon-check {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Layer_1' style='enable-background:new 0 0 128 128;' version='1.1' viewBox='0 0 128 128' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2331AF91;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='64' cy='64' r='64'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M54.3,97.2L24.8,67.7c-0.4-0.4-0.4-1,0-1.4l8.5-8.5c0.4-0.4,1-0.4,1.4,0L55,78.1l38.2-38.2 c0.4-0.4,1-0.4,1.4,0l8.5,8.5c0.4,0.4,0.4,1,0,1.4L55.7,97.2C55.3,97.6,54.7,97.6,54.3,97.2z'/%3E%3C/g%3E%3C/svg%3E");
}*/
    /*td.treegrid-task.overdue {
color: #df2f4a;
background-color: #fff;
}*/
    td.treegrid-task {
        background-color: #fff;
        z-index: 1;
    }

    .treegrid-task.relevant.overdue.complete, .treegrid-task.relevant.complete.overdue {
        color: #fff !important;
    }

    td.task-status-not-started.treegrid-task.relevant {
        background-color: #DFDFDF;
        color: #575757;
    }

    .treegrid-task.task-status-not-started {
        background-color: #DFDFDF;
        color: #575757;
    }

    .treegrid-task.relevant.overdue, td.TSClassNoFocus.treegrid-task.relevant.overdue {
        background-color: #fdf8da;
    }

    .treegrid-task.overdue.complete span i {
        color: #fff;
    }

    .treegrid-task.task-status-in-progress.overdue {
        color: #fff !important;
    }

    td.task-status-queued.treegrid-task.overdue.relevant {
        color: #fff !important;
    }

    td.TSLines.TSCell div {
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 8px;
    }

    td.TSLines.TSCell:hover div {
        white-space: wrap;
    }
    /*td.task-status-in-progress.treegrid-task.newest.relevant {
background-color: #0da036 !important;
}
.treegrid-task.complete span.bt_asset i.task-action-icon {
color: #065580;
}*/
    /*td.task-priority-urgent.treegrid-task.newest {
background-color: #df2f4a !important;
}*/
    /*.treegrid-task.complete span.task-approval.new i {
background-image: url("data:image/svg+xml,%3Csvg class='feather feather-check-circle' fill='none' height='24' stroke='%2307689d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
}*/
    .treegrid-task.complete, td.treegrid-task.overdue, .treegrid-task.newest {
        position: relative;
    }

        .treegrid-task.complete:nth-child(2):after, .treegrid-task.relevant.complete:nth-child(2):after {
            content: "";
            position: absolute;
            left: 0;
            width: 1px;
            background-color: #07689d;
            height: 100%;
            top: 0;
        }

        td.treegrid-task.overdue:nth-child(2):after {
            content: "";
            position: absolute;
            left: 0;
            width: 1px;
            background-color: red;
            height: 100%;
            top: 0;
        }

        .treegrid-task.newest:nth-child(2):after {
            content: "";
            position: absolute;
            left: 0;
            width: 1px;
            background-color: #2d59ae;
            height: 100%;
            top: 0;
        }
    /*td.treegrid-task.relevant:nth-child(2):after {
content: "";
position: absolute;
left: 0;
width: 100%;
background-color: #f7ea29;
height: 100%;
top: 0;

}*/
    td.treegrid-task.relevant {
        position: relative;
        /* z-index:3; */
    }

    .treegrid-task.relevant.complete {
        position: relative;
    }

    .TSMain i.task-action-icon[data-timerinprogress="true"] {
        color: #fff;
    }

    .TSMain .timer-running-other-user {
        color: red !important;
    }

    td.TSType.TSHtml.TSCell.HideCol0Desc p, td.TSType.TSHtml.TSCell.HideCol0Desc span {
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    td.TSType.TSHtml.TSCell.HideCol0Desc div[data-hasval="true"] {
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 17px;
    }

    td.TSType.TSHtml.TSCell.HideCol0Desc p:empty {
        display: none;
    }

    td.TSType.TSHtml.TSCell.HideCol0Desc ul {
        list-style-type: none;
        margin: 0;
        overflow: hidden;
        padding: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 150px;
    }

        td.TSType.TSHtml.TSCell.HideCol0Desc ul li {
            display: inline;
        }

    td.TSType.TSHtml.TSCell.HideCol0Desc br {
        display: none;
    }

    td.TSClassEdit.task-priority-urgent {
        background-position: 94% center;
    }

    .task-priority-high.treegrid-task, td.task-priority-high.treegrid-task.complete {
        background-position: 94% center;
    }

    td.treegrid-task.task-priority-urgent:after {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='bi bi-flag-fill' fill='%23df2f4a' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 15px;
        height: 20px;
        width: 20px;
        top: 12px;
        background-repeat: no-repeat;
    }

    .task-priority-high.treegrid-task:after, td.task-priority-high.treegrid-task.complete:after {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='bi bi-flag-fill' fill='%23Cf940a' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
        background-position: left center;
        background-size: 15px;
        height: 20px;
        width: 20px;
        top: 12px;
        background-color: transparent;
        background-repeat: no-repeat;
    }

    td.treegrid-task.task-priority-normal:after, .treegrid-task.relevant.task-priority-normal:after {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='bi bi-flag-fill' fill='%233e63dd' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
        background-position: left center;
        background-size: 15px;
        height: 20px;
        width: 20px;
        top: 12px;
        background-color: transparent;
        background-repeat: no-repeat;
    }

    td.treegrid-task.task-priority-low:after {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='bi bi-flag-fill' fill='%23888888' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
        background-position: left center;
        background-size: 15px;
        height: 20px;
        width: 20px;
        top: 12px;
        background-color: transparent;
        background-repeat: no-repeat;
    }

    .TSType {
        position: relative;
    }

    span.timer_btn i.icon-play, span.timer_btn i.task-action-icon.icon-stop {
        width: 22px;
        height: 22px;
        background: #4f5762;
        border-radius: 100%;
        display: inline-flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        font-size: 10px !important;
        color: #fff;
    }

    span.timer_btn .icon-play:before {
        margin-left: 2px;
    }

    span.timer_btn.task-action-icon.icon-stop {
        background-color: red;
    }

    span.timer_btn i.task-action-icon.icon-stop {
        background: red;
    }

        span.timer_btn i.task-action-icon.icon-stop:before {
            margin-left: 0px;
        }

    span.comment_icons {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        span.comment_icons i {
            display: inline-flex;
        }

            span.comment_icons i:before {
                content: '';
                display: inline-flex;
                align-items: center;
                width: 22px;
                height: 22px;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
                justify-content: center;
                background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid meet' version='1.0' viewBox='0.0 0.0 126.9 128.9' zoomAndPan='magnify' style='fill: rgb(79, 87, 98);' original_string_length='945'%3E%3Cg id='__id5_szfep5hb7k'%3E%3Cpath d='M89.03,99.74c0.99,0,1.97,0.3,2.81,0.89l17.75,12.49l-4.25-23.39c-0.28-1.53,0.19-3.11,1.26-4.23 c7.4-7.79,10.55-16.28,10.55-28.39c0-12.54-5.51-24.36-15.52-33.29C91.45,14.75,77.9,9.76,63.45,9.76 C33.85,9.77,9.76,31,9.76,57.11c0,26.11,24.08,47.35,53.69,47.35c9.93,0,16.97-1.28,23.56-4.27 C87.65,99.89,88.34,99.74,89.03,99.74 M116.52,128.85c-0.98,0-1.97-0.3-2.81-0.89l-25.27-17.79c-7.16,2.82-14.82,4.04-24.98,4.04 C28.46,114.21,0,88.6,0,57.11C0,25.62,28.46,0,63.45,0c16.84,0,32.71,5.87,44.66,16.54c12.11,10.8,18.79,25.21,18.79,40.57 c0,13.7-3.58,24.07-11.54,33.25l5.96,32.75c0.35,1.95-0.5,3.92-2.17,4.99C118.34,128.6,117.43,128.85,116.52,128.85' style='fill: inherit;'/%3E%3C/g%3E%3C/svg%3E");
            }

            span.comment_icons i.task-action-icon.view-items.view-items-exist:before {
                background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid meet' version='1.0' viewBox='0.0 0.0 126.9 128.9' zoomAndPan='magnify' style='fill:rgb(0, 191, 99);' original_string_length='945'%3E%3Cg id='__id5_szfep5hb7k'%3E%3Cpath d='M89.03,99.74c0.99,0,1.97,0.3,2.81,0.89l17.75,12.49l-4.25-23.39c-0.28-1.53,0.19-3.11,1.26-4.23 c7.4-7.79,10.55-16.28,10.55-28.39c0-12.54-5.51-24.36-15.52-33.29C91.45,14.75,77.9,9.76,63.45,9.76 C33.85,9.77,9.76,31,9.76,57.11c0,26.11,24.08,47.35,53.69,47.35c9.93,0,16.97-1.28,23.56-4.27 C87.65,99.89,88.34,99.74,89.03,99.74 M116.52,128.85c-0.98,0-1.97-0.3-2.81-0.89l-25.27-17.79c-7.16,2.82-14.82,4.04-24.98,4.04 C28.46,114.21,0,88.6,0,57.11C0,25.62,28.46,0,63.45,0c16.84,0,32.71,5.87,44.66,16.54c12.11,10.8,18.79,25.21,18.79,40.57 c0,13.7-3.58,24.07-11.54,33.25l5.96,32.75c0.35,1.95-0.5,3.92-2.17,4.99C118.34,128.6,117.43,128.85,116.52,128.85' style='fill: inherit;'/%3E%3C/g%3E%3C/svg%3E");
            }

    span.task-approval.respond i:after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        background: #11c711;
        right: -1px;
        top: 1px;
        border-radius: 100%;
        border: 1px solid #fff;
    }

    span.task-approval.respond {
        position: relative;
    }

    .treegrid-stage.TSCellBase {
        border-right: 0px solid #d8eaf2;
        text-align: left;
    }

    i.task-action-icon.icon-file-text.view-items {
        color: transparent !important;
        background-repeat: no-repeat;
        background-size: contain;
        width: 22px;
        display: block;
        height: 21px;
        background-position: center;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:transparent;%7D.cls-2%7Bfill:transparent;%7D.cls-3%7Bfill:%234f5762;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg id='papersheet'%3E%3Cpath class='cls-1' d='M55,17.66V58a4,4,0,0,1-4,4H13a4,4,0,0,1-4-4V6a4,4,0,0,1,4-4H39.34a4,4,0,0,1,2.83,1.17L53.83,14.83A4,4,0,0,1,55,17.66Z'/%3E%3Cpath class='cls-2' d='M54.64,16H45a4,4,0,0,1-4-4V2.36a4.09,4.09,0,0,1,1.17.81C55,16,54.2,15.06,54.64,16Z'/%3E%3Cpath class='cls-3' d='M57,16a2.13,2.13,0,0,0-1.1-1.8,5.55,5.55,0,0,0-.66-.78C42.64.81,43.41,1.52,42.76,1.07A6,6,0,0,0,39.34,0H13A6,6,0,0,0,7,6V58a6,6,0,0,0,6,6H51a6,6,0,0,0,6-6Zm-6.83-2H45a2,2,0,0,1-2-2V6.83ZM51,60H13a2,2,0,0,1-2-2V6a2,2,0,0,1,2-2H39v8a6,6,0,0,0,6,6h8V58A2,2,0,0,1,51,60Z'/%3E%3Cpath class='cls-3' d='M47,26H17a2,2,0,0,0,0,4H47a2,2,0,0,0,0-4Z'/%3E%3Cpath class='cls-3' d='M47,34H17a2,2,0,0,0,0,4H47a2,2,0,0,0,0-4Z'/%3E%3Cpath class='cls-3' d='M47,42H17a2,2,0,0,0,0,4H47a2,2,0,0,0,0-4Z'/%3E%3Cpath class='cls-3' d='M47,50H17a2,2,0,0,0,0,4H47a2,2,0,0,0,0-4Z'/%3E%3C/g%3E%3C/svg%3E");
    }


        i.task-action-icon.icon-file-text.view-items.view-items-exist {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:transparent;%7D.cls-2%7Bfill:transparent;%7D.cls-3%7Bfill:%2300bf63;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg id='papersheet'%3E%3Cpath class='cls-1' d='M55,17.66V58a4,4,0,0,1-4,4H13a4,4,0,0,1-4-4V6a4,4,0,0,1,4-4H39.34a4,4,0,0,1,2.83,1.17L53.83,14.83A4,4,0,0,1,55,17.66Z'/%3E%3Cpath class='cls-2' d='M54.64,16H45a4,4,0,0,1-4-4V2.36a4.09,4.09,0,0,1,1.17.81C55,16,54.2,15.06,54.64,16Z'/%3E%3Cpath class='cls-3' d='M57,16a2.13,2.13,0,0,0-1.1-1.8,5.55,5.55,0,0,0-.66-.78C42.64.81,43.41,1.52,42.76,1.07A6,6,0,0,0,39.34,0H13A6,6,0,0,0,7,6V58a6,6,0,0,0,6,6H51a6,6,0,0,0,6-6Zm-6.83-2H45a2,2,0,0,1-2-2V6.83ZM51,60H13a2,2,0,0,1-2-2V6a2,2,0,0,1,2-2H39v8a6,6,0,0,0,6,6h8V58A2,2,0,0,1,51,60Z'/%3E%3Cpath class='cls-3' d='M47,26H17a2,2,0,0,0,0,4H47a2,2,0,0,0,0-4Z'/%3E%3Cpath class='cls-3' d='M47,34H17a2,2,0,0,0,0,4H47a2,2,0,0,0,0-4Z'/%3E%3Cpath class='cls-3' d='M47,42H17a2,2,0,0,0,0,4H47a2,2,0,0,0,0-4Z'/%3E%3Cpath class='cls-3' d='M47,50H17a2,2,0,0,0,0,4H47a2,2,0,0,0,0-4Z'/%3E%3C/g%3E%3C/svg%3E");
        }

    span.timer_btn {
        margin-right: 4px !important;
    }

    td.TSType.TSHtml.TSCell.HideCol0Desc > div {
        max-height: 21px !important;
    }

    td.TSClassReadOnly.treegrid-task.TSCellBase.TSType.TSText.TSCell.HideCol0id {
        background-color: #fff !important;
        text-align: center;
    }

    .TSClassEdit.task-status-complete-pending.treegrid-task.complete.TSCellBase.
    TSType.TSEnum.TSCell.HideCol0Status.TSHintOuter.TSHintDataOuter:before {
        display: none;
    }

    .TSClassReadOnly.treegrid-task.HideCol0Status {
        font-size: 12px;
        font-weight: 400;
        padding-left: 23px !important;
    }

    td.task-status-complete.treegrid-task.complete,
    .treegrid-task.task-status-queued,
    .treegrid-task.task-status-pending,
    .treegrid-task.task-status-in-progress,
    .treegrid-task.task-status-on-hold,
    td.task-status-on-hold.treegrid-task.relevant,
    .treegrid-task.task-status-complete-pending,
    td.task-status-on-hold.treegrid-task.overdue,
    .treegrid-task.task-status-on-hold,
    .treegrid-task.task-status-in-progress {
        font-size: 12px;
        font-weight: 400 !important;
    }

    .TSHintMain.TSHintDataMain > div {
        height: auto !important;
    }

    button.task_start_btn {
        border: 0;
        background: #4f5762;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        color: #fff;
        font-size: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        padding-left: 3px;
        padding-top: 1px;
    }

    .flex-column {
        flex-direction: column !important;
    }

    .main_task_cards .task_btns_wrap .team_mod {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    a.btn.btn-primary.list_more_btn.position-static {
        min-height: 34px;
    }

    .bg-black {
        background: #010c1e !important;
        color: #fff !important;
    }

    .row.for-desk #mainContent_pnlTaskView {
        display: none;
    }

    div#togglebody {
        width: 98% !important;
        border-top-right-radius: 10px;
        margin: 0 auto;
        padding: 10px 0 10px;
    }

    .task-top-btns a {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        /* font-size: 13px; */
    }

    .task_action_btns {
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: space-between;
    }

    .team_proj_name_wrap .task_action_btns a {
        margin: 0;
        font-size: 1.3rem;
        padding: 0 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .task-top-btns a img {
        width: 25px;
        height: 25px;
    }

    .task-top-btns a h5 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        margin-top: 8px;
        font-size: 12px;
    }

    .task-top-btns {
        padding: 0 5px;
    }

    .task_card_wrap .stage-title {
        justify-content: space-between;
        background: #bcd6f2;
        display: flex;
        /* flex-wrap: wrap; */
        border-radius: 4px;
        padding: 8px 6px;
        align-items: flex-start;
        position: relative;
        margin-bottom: 10px;
    }

    .task-top-btns:first-child {
        width: 30%;
    }

    .task_card_wrap .stage-title p {
        margin: 0;
    }

    .task_card_wrap .stage-title a {
        flex-shrink: 0;
        font-weight: 500;
        color: #000;
    }

    .task_card_wrap .stage-title p strong {
        font-weight: 600;
        margin-right: 4px;
        display: inline-flex;
    }

    .second_filter {
        margin-top: 8px;
        flex-direction: column;
    }

    .chart_container div#divFilters {
        margin-bottom: 0 !important;
        display: flex;
        flex-wrap: nowrap;
        padding: 0 10px;
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 10px;
    }

        .chart_container div#divFilters div {
            flex-shrink: 0;
            order: 2;
        }

        .chart_container div#divFilters .col-md-3 {
            order: 1;
        }

    .stage_tile span:last-child {
        margin-right: 8px;
    }

    .msg_in .btn-group {
        position: static;
        text-align: left;
    }

    div#mainContent_divStageNotes {
        display: none;
    }

    .ui-sortable-handle {
        width: 100%;
    }

    .form-group.profile_imgs .row > * {
        padding-right: 0px;
        padding-left: 0;
    }

    .asset_filters > div > div {
        margin: 0 3px;
    }


    div#OrderHistoryDetails h3 {
        font-size: 2rem;
        margin-top: 12px;
        margin-bottom: 0;
    }

    div#OrderHistoryDetails hr {
        margin-top: 10px;
    }

    div#EditBox1, #EditBox3 {
        border-radius: 6px;
        padding: 5px 5px;
    }

    .edit_container {
        margin: 0 auto;
        float: none;
        padding: 0;
    }

    .form-group.profile_imgs .row {
        text-align: left;
        flex-wrap: wrap;
    }

    div#mainContent_upnlEditAcct .form-group {
        width: 100%;
        margin-bottom: 0;
    }

        div#mainContent_upnlEditAcct .form-group .col-md-5, div#mainContent_upnlEditAcct .form-group .col-md-7 {
            margin-top: 0 !important;
            padding: 0;
        }

        div#mainContent_upnlEditAcct .form-group label {
            margin-bottom: 4px;
        }

    .colo_btns {
        padding: 0;
        margin-top: 4px;
    }

        .colo_btns label {
            margin-bottom: 3px;
        }

    .edit_container h3 {
        font-size: 1.8rem;
        margin-top: 25px;
    }

    .profile_imgs .row .profile-picture {
        width: 8rem;
        height: 8rem;
        max-width: 40px;
        max-height: 40px;
        margin-right: 5px;
    }

    .auth_title label {
        font-size: 18px;
    }

    .userflow_section .panel.panel-default .panel-heading .container .row {
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0;
        flex-direction: column;
    }

    .userflow_section .panel-heading > .container {
        padding: 0;
        max-width: 100%;
    }

    .userflow_section button.btn.btn-custom {
        padding: 6px 4px;
    }

    .edit_project_sect_one {
        flex-wrap: wrap;
        gap: 7px;
        justify-content: space-between;
    }

    .ch_template {
        margin-left: 0px;
        padding: 6px 6px;
    }

    #chartsContainer {
        flex-direction: column;
    }

    .stg_in select {
        max-width: 100%;
        margin-right: 0;
    }

    .stg_in {
        padding-top: 14px;
        padding-right: 0;
        width: 100%;
    }

    .card-1, .card-2, .card-4 {
        width: 100% !important;
        margin: 10px 0;
    }

    .team_project_wrap .panel-body {
        padding-right: 10px;
        padding-left: 10px;
        margin: 0 -15px;
    }

    .prev_actions {
        margin-left: auto;
        position: relative;
        margin-top: 13px;
    }

    #notificationsidebar {
        width: 525px;
    }

    h3#mainContent_SearchTitle {
        margin-left: 1rem;
        font-size: 2rem;
        margin-top: 3px;
        display: block !important;
        margin-bottom: 10px;
    }

    .toggleSidebar.sbHidden {
        left: 0;
        margin-right: 10px;
    }

    .view_option button.btn.btn-default.btn-xs.dropdown-toggle {
        font-size: 0;
        margin-right: 0px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: .5rem;
    }

        .view_option button.btn.btn-default.btn-xs.dropdown-toggle svg {
            margin: 0;
        }

    .insider {
        display: flex;
        width: 97%;
        background: #eee;
        border-radius: 6px;
        margin: 0 auto 7px;
        padding: 6px 7px;
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }

        .insider .col-xs-12 {
            flex-direction: column;
        }

    .navbar-toggle {
        margin: 0;
        margin-right: auto;
    }


    .sidebar-btn svg {
        width: 34px;
        height: 23px;
    }

    .mob_search {
        display: inline-flex !important;
    }

    .search_header {
        display: none;
    }

    .input-group.search_header.open {
        display: flex;
        position: absolute;
        background: white;
        max-width: 100%;
        width: 100%;
        left: 12px !important;
        right: 12px !important;
        min-width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
        position: absolute;
        inset: 0px auto auto 0px;
        margin: 7px 0;
        top: 100%;
        z-index: 99;
    }

        .input-group.search_header.open .input-group-btn {
            position: absolute;
            white-space: nowrap;
            right: 0px;
            width: 40px;
            top: 0px;
            z-index: 9;
        }

    .m-fix {
        margin: 0 !important;
    }

    #pnlSearchbar {
        width: 100%;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;
        position: relative;
    }

    #homeLogo {
        min-height: 5rem;
    }

    .input-group.search_header {
        position: relative;
        max-width: 100%;
        width: 218px;
        flex-shrink: 0;
        border: 1px solid #C3C6D4;
        border-radius: 4px;
        margin-left: auto;
    }

    .search_header #btnSearch {
        width: 39px !important;
        margin-left: 0 !important;
    }

    .topBanner {
        padding: 0 25px !important;
    }

    div#bottomstrip {
        text-align: center;
        padding: 15px;
    }

    .navbar .container {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }

    .search_btn_wrap {
        padding: 0 0;
    }

        .search_btn_wrap .searh_pic_btns {
            display: flex !important;
            width: 100%;
            justify-content: flex-start;
            gap: 8px;
            overflow-x: auto;
            padding-bottom: 6px;
        }

        .search_btn_wrap .pull-right {
            float: right !important;
            width: 100%;
        }

    .searh_pic_btns button.btn, .searh_pic_btns a {
        padding-right: 6px;
        padding-left: 6px;
    }

    .sidebar_container {
        height: calc(100vh - 38px);
        border-radius: 0rem;
        transition: .25s;
    }

    span#lblSelectedCount {
        position: absolute;
        right: 5px;
        top: -30px;
        color: #666;
        font-size: 12px;
    }

    span#lblResultsCount {
        flex-shrink: 0;
        padding-right: 0;
        width: 100%;
        margin-top: 11px;
    }

    .prev_actions {
        float: right;
        margin-left: auto;
        position: relative;
        margin-top: 13px;
        /* flex-direction: row; */
        float: none;
        justify-content: center;
        width: 100%;
        flex-wrap: wrap;
    }

    #notificationsidebar.super_tabs .ui-tabs .ui-tabs-nav, #sidebarCommentThread {
        width: 96% !important;
    }

    .jquery-comments ul.main li.comment .comment-wrapper > .profile-picture {
        margin-right: 1rem;
        margin-bottom: 0;
        margin-top: -3px;
        border: 1px solid #fff;
    }

    .jquery-comments ul.main li.comment .wrapper {
        float: left;
        width: 100%;
    }

    body .jquery-comments ul.main li.comment .comment-wrapper {
        padding: 13px 0px 4px !important;
        clear: both;
        float: left;
        width: 100%;
    }

    ul.child-comments {
        float: left;
        width: 100%;
        clear: both;
    }

    .jquery-comments button.action.reply, .jquery-comments button.action.additional {
        padding: 4px 12px !important;
    }

    .jquery-comments ul.main li.comment button.action.additional.back {
        width: 30px;
        height: 30px;
        padding: 0 !important;
    }

    .jquery-comments ul.child-comments {
        padding-left: 18px !important;
    }

    div#sidebarCommentsContainer ul.main li.comment time {
        margin-top: 5px;
    }

    .comment-wrapper .name {
        flex-wrap: wrap;
    }

        .comment-wrapper .name span:first-child {
            margin-right: 4px;
        }

    .jquery-comments span.reply-to {
        margin-left: 0;
    }

    .commenting-field {
        float: left;
        width: 100%;
        clear: both;
    }

    li.toggle-all.highlight-font-bold span.text {
        margin: 0;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    div#tblTimeLog_wrapper {
        display: none;
    }

    .currenttask_container .form-inline.status_form select {
        width: 58%;
    }

    .comments-additional-action-container {
        right: 10px;
    }

    .expand-comments {
        display: none !important;
    }

    .jquery-comments ul.navigation .navigation-wrapper {
        position: relative;
        width: 100% !important;
        display: block !important;
    }

    .asset_top_btn {
        align-items: flex-start;
        justify-content: flex-start;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-top: 12px;
        flex-direction: column;
    }

        .asset_top_btn .pull-left {
            width: 100%;
            margin-bottom: 13px;
        }

    div#mainContent_menu {
        width: 100%;
    }

        div#mainContent_menu .list-inline {
            padding-left: 0;
            list-style: none;
            width: 100%;
            flex-wrap: nowrap;
            overflow-x: auto;
        }

            div#mainContent_menu .list-inline > li {
                display: inline-block;
                padding-right: 5px;
                padding-left: 5px;
                flex-shrink: 0;
            }

            div#mainContent_menu .list-inline::-webkit-scrollbar {
                display: none;
            }

    div#mainContent_divStageName::-webkit-scrollbar {
        display: none;
    }


    .timing {
        position: static;
    }

        .timing .custom_dropdown_small {
            width: 100%;
            position: absolute;
            border-radius: 8px;
            background-color: #fff;
            box-shadow: 0 4px 17px 6px rgba(0, 0, 0, .1);
            flex-direction: column;
            right: auto;
            left: 0;
            border: 0;
            padding: 15px 9px;
            top: 100%;
            z-index: 99;
            /* display: none; */
            left: 12px !important;
            right: 12px !important;
            min-width: calc(100vw - 24px);
            max-width: calc(100vw - 24px);
            inset: 0px 0px auto auto;
            margin: 0px;
            /* margin-left: -459%; */
            transform: none !important;
            top: 73px !important;
        }

    .asset_top_btn h3 {
        font-size: 16px;
        flex-shrink: 0;
    }

    .panel-title {
        font-size: 14px;
        font-weight: normal !important;
    }

    .firt_title {
        margin-bottom: 8px;
    }

    .manage_project .btn-group {
        position: static;
    }

    ul.dropdown-menu.custom_dropdown {
        position: absolute;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 4px 17px 6px rgba(0, 0, 0, .1);
        flex-direction: column;
        min-width: 210px;
        right: 0;
        left: auto;
        border: 0;
        padding: 12px 0px;
        left: 12px !important;
        right: 12px !important;
        min-width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
        position: absolute;
        inset: 0px 0px auto auto;
        margin: 0px;
        transform: none !important;
        top: 94% !important;
    }

    .manage_project .dropdown {
        position: static;
    }

    ul.dropdown-menu.custom_dropdown li a {
        padding: 8px 12px;
    }

    span.owned {
        min-height: 18px;
        padding: 1px 7px;
        font-size: 12px;
        flex-shrink: 0;
        width: 30%;
        justify-content: flex-start;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

    .panel-title {
        flex-shrink: 0;
    }

    .for-smaller-screen {
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgb(255 255 255 / 71%);
        z-index: 9;
        left: 3px;
        right: 0;
        margin: 0 auto;
        padding: 15px 25px;
    }

    div#mainContent_divStageName {
        align-items: center;
        justify-content: space-between;
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .stage_tile {
        margin-right: auto;
        flex-shrink: 0;
    }

    .flex_center {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .row.flex_center h3 {
        font-size: 20px;
        margin-top: 0;
    }

    .flt_check {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
    }

    span.chk_in {
        margin-right: 0 !important;
        width: 100%;
        margin-bottom: 5px;
    }

    div#divFilters {
        margin-bottom: 0 !important;
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px;
    }

    .report_box {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }

    .flt_in {
        margin-bottom: 12px;
    }
    /*.row.flex_center>* {
    padding-left: 5px;
    padding-right: 5px;
}*/
    .right_status {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .col-lg-1.col-md-6.col-sm-6.col-xs-3.flt_in {
        order: 6;
    }

    .team_project_wrap .panel-default > .panel-heading {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .order_history_total_wrap strong {
        font-size: 17px;
        margin-bottom: 7px;
        display: block;
    }

    .order_history_total_wrap {
        float: left;
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding-top: 10px;
        background: #eaeaea;
    }

    #togglenotes .nav-close-btn svg path {
        fill: #333;
    }

    .team_card.sub_task .list_more_btn.position-static {
        font-size: 1.3rem;
        padding: 0 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 600px) {
    .jquery-comments ul.navigation .navigation-wrapper {
        display: inline !important;
        padding: 12px 3px !important;
    }

        .jquery-comments ul.navigation .navigation-wrapper.responsive {
            display: none !important;
        }
}

@media(max-width:575.98px) {
    .comb_desc i {
        position: static;
    }

    .left_fixed #AdvancedSearch .panel {
        width: 92%;
        padding-top: 7px;
        border-radius: 0;
    }

    .searh_pic_btns .btn-group {
        position: static;
    }

        .searh_pic_btns .btn-group ul.dropdown-menu.custom_dropdown {
            left: -5px !important;
            right: 12px !important;
            min-width: calc(100vw - 24px);
            max-width: calc(100vw - 24px);
            inset: 0px 0px auto auto;
            margin: 0px;
            /* margin-left: -459%; */
            transform: none !important;
            top: 40px !important;
        }

    #pnlSearchTypes div label {
        width: 37px;
    }

    .search_filters {
        margin-right: 5px;
    }

    div#pnlModules .input-group span {
        display: none;
    }

    div#pnlModules .input-group {
        padding-left: 0;
    }

    iframe#signonpopup {
        height: 400px !important;
    }

    div#module_meia {
        position: static;
        margin-left: auto;
    }

    #pnlModules + #upnlUseChkCV {
        display: flex;
        align-items: center;
        position: absolute;
        margin-top: 0px;
        min-width: 180px;
        top: 40px;
        left: 0;
        z-index: 9;
        background: white;
        left: 12px !important;
        right: 12px !important;
        min-width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
        position: absolute;
        inset: 0px auto auto 0px;
        margin: 0px;
        top: 100%;
    }

    div#LogOn .modal-body {
        padding: 10px 0px
    }

    a#lnkBtnPasswordRequest {
        padding: 0;
        margin-bottom: 10px;
    }

    .modal.in .modal-dialog {
        margin: 0;
    }

    span.title_drop {
        display: none;
    }

    ul#right-nav-mobile .dropdown {
        position: static !important;
    }

    ul#right-nav-mobile.navbar-nav .open .dropdown-menu {
        position: absolute;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 4px 17px 6px rgba(0, 0, 0, .1);
        flex-direction: column;
        min-width: 210px;
        right: 0;
        left: 0;
        border: 0;
        padding: 12px 0px;
        /* margin: 0 auto; */
        left: 12px !important;
        right: 12px !important;
        min-width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
        inset: 0px 0px auto auto;
        margin: 0px;
        /* margin-left: -459%; */
        transform: none !important;
        top: 52px !important;
    }

    ul#right-nav-mobile.navbar-nav li a {
        padding: .8rem .8rem;
        display: inline-flex;
        align-items: center;
    }

        ul#right-nav-mobile.navbar-nav li a i {
            font-size: 1.6rem;
        }

    .playlist-item-wrapper {
        margin: 0;
        margin-left: 0 !important;
        padding: 0;
        max-width: 100%;
        align-items: flex-start;
        margin-bottom: 10px;
        flex-direction: column;
        padding-right: 10px;
    }

    .playlist-thumb img {
        width: 100%;
    }

    .playlist-thumb {
        border-radius: 6px;
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }

        .playlist-thumb img {
            width: 100%;
            height: 120px;
            object-fit: cover;
            object-position: center;
        }

    .playlist-meta-heading-container {
        justify-content: space-between;
        flex-direction: column;
        margin-bottom: 6px;
    }

    .btns.preview-buttons {
        margin-top: 10px;
        gap: 10px;
    }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:focus-visible {
        outline: 0;
    }

    #notificationsidebar {
        width: 100% !important;
        border-radius: 0 !important;
    }

    .acts {
        width: 100% !important;
    }

    #notificationsidebar.super_tabs .ui-tabs .ui-tabs-nav, #sidebarCommentThread {
        width: 100% !important;
    }

    .notifsections {
        padding: 0 !important;
        background: #fff !important;
    }

    .notification + .popover {
        display: none !important;
    }

    #notificationsidebar .notification p {
        font-size: 1.5rem;
    }

    .btn.btn-custom.btn-alert-reply {
        padding: 7px 13px;
    }

    .right_login_form h2 {
        font-size: 2.2rem;
    }

    .team_project_wrap table.table_chart {
        display: none;
    }

    .team_project_wrap .panel-heading .row {
        flex-direction: column;
        justify-content: flex-start;
    }

    .team_project_wrap .card-1, .team_project_wrap .card-2, .team_project_wrap .card-4 {
        width: 100% !important;
        margin: 0;
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 0;
    }

    .team_project_wrap .card-1 {
        margin-top: 0 !important;
    }

    .card-1 .input-group-addon, .card-2 .input-group-addon, .card-4 .input-group-addon {
        height: 30px;
        min-width: 70px;
        top: 3px;
        left: 3px;
    }

    a#mainContent_grdProjectWorkflow_btnMoveDown_0 {
        position: relative;
        width: 100%;
        margin: 2px 0;
    }

    .icon-chevron-down {
        position: absolute;
        z-index: 900;
        bottom: 5px;
        font-size: 1.2rem;
    }

    .edit_container a#mainContent_HyperLink1 {
        width: auto;
    }
}

@media(max-width:480.98px) {
    a#lnkBtnRegister, input#btnOk {
        width: 100%;
        padding: 8px 12px;
    }

    .btns_footer {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    a#mainContent_HyperLink3 {
        width: 100%;
    }

    a#mainContent_HyperLink1 {
        width: 73%;
        margin-left: auto;
    }

    .edit_container a#mainContent_HyperLink1 {
        width: auto;
        margin-left: auto;
    }

    .edit_container a#mainContent_HyperLink1 {
        width: auto;
    }
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}