/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#notificationsidebar {
    width: 520px;
    position: fixed;
    top: 6px;
    right: -520px;
    height: 100vh;
    z-index: 1202;
    background: #fff;
    color: #414042db;
    transition: all 0.3s;
    /* overflow-y: scroll; */
    overflow-x: hidden;
    overflow-y: auto;
    /*    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);*/
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0;
    box-shadow: 0 16px 48px #0000003d;
}

.ui-widget {
    font-family: "Inter", serif !important;
}

#sidebarCommentThread::-webkit-scrollbar-thumb {
    background-color: #b2b2b2;
}

#sidebarCommentThread::-webkit-scrollbar-track {
    border-radius: 20px;
}

#sidebarCommentThread::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

#notificationsidebar::-webkit-scrollbar-thumb {
    background-color: #b2b2b2;
}

#notificationsidebar::-webkit-scrollbar-track {
    border-radius: 20px;
}

#notificationsidebar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.super_tabs .ui-widget.ui-widget-content {
    box-shadow: none;
}

.super_tabs .ui-tabs .ui-tabs-nav {
    background: #eceef5;
    border-radius: 4px;
}

#notificationsidebar.active {
    right: -3px;
}

.dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    float: left;
    top: 15px;
    right: 9px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title_notify {
    padding: 17px 15px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .title_notify h3 {
        margin: 0;
        font-weight: 500;
        font-size: 1.9rem;
        color: #202020;
    }

.dismiss:hover {
    background: #fff;
    color: #7386D5;
}

.acts .title_notify .dismiss {
    top: 6px;
    opacity: 0.7;
}

.expand-comments {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    float: left;
    top: 16px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    right: 44px;
    border: 1px solid #d0d0d0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.icon-chevron-right:before {
    content: "\f054";
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgb(100 100 100 / 56%);
    z-index: 1200;
    display: none;
    top: 0;
}

#notificationsidebar .sidebar-header {
    padding: 20px 20px 0px 45px;
    border-bottom: 1px solid #eee;
    font-size: 1.7rem;
}

    #notificationsidebar .sidebar-header li a {
        padding-top: 10px;
        padding-bottom: 15px;
        color: #0303d7b5;
        font-weight: bold;
    }

#notificationsidebar ul.components {
    /*padding: 20px 0;*/
}

#notificationsidebar .notification {
    transition: all 400ms;
    padding: 15px 12px 12px;
    display: block;
    position: relative;
    cursor: pointer;
    left: 0;
    padding-right: 15px;
    border-radius: 0px;
    /* opacity: 0.5; */
    border: 0 !important;
    background: #fff;
    padding-left: 20px;
}

    #notificationsidebar .notification:hover {
        opacity: 1;
        background: #fff;
    }

    #notificationsidebar .notification p {
        margin-bottom: 5px !important;
        color: #55575a;
        line-height: 1.4em;
        font-weight: 400;
        font-size: 14px;
    }


.unread {
    /*background-color: #154ef11c;*/
    /*border-left: 5px solid #0303d7b5;*/
}
/*#notificationsidebar ul li:hover {
    color: #7386D5;
    background: #fff;
}*/

#notificationsidebar .emptynotif {
    text-align: center;
    font-size: 1.3em !important;
    padding-top: 5%;
}

.notiftimeago {
    font-size: 11px;
    color: #737373;
    font-weight: 400;
}

.notifcount {
    background: #e1141e;
    color: #fff;
}

#notificationsidebar .tab-pane {
    border: none !important;
    padding: 0 !important;
}

    #notificationsidebar .tab-pane:not(.active) {
        display: none;
    }

#divUpdateTagging {
    text-align: right;
    margin: 10px;
}

#divNotificationGrouping {
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
}

.notifstar {
    padding: 0px 8px 0px 8px;
    cursor: pointer;
    color: gray;
}

.starred {
    color: #FFC502;
}

.notif-colour-indicator {
    background-color: #ffffff !important;
    position: absolute;
    display: inline-flex;
    width: 30px !important;
    border-radius: 6px;
    z-index: 9;
    height: 30px !important;
    left: 14px;
    top: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    transition: all 400ms;
    border: 0 !important;
    /* overflow: hidden; */
    align-items: center;
    justify-content: center;
}

    .notif-colour-indicator img {
        width: 100%;
        height: 30px;
        object-fit: cover;
        object-position: center;
        /* max-width: none; */
        /* display: block; */
        margin: 0 auto;
        border-radius: 6px;
    }

.notif-unread-indicator {
    width: 8px;
    background-repeat: no-repeat;
    background-position: center;
}

/* .unread .notif-colour-indicator.notif-unread-indicator {
    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='white' d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z'/%3E%3C/svg%3E");
        background-position: 6.4px 6px;
}

.notif-colour-indicator {
    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='white' d='M493.6 163c-24.88-19.62-45.5-35.37-164.3-121.6C312.7 29.21 279.7 0 256.4 0H255.6C232.3 0 199.3 29.21 182.6 41.38C63.88 127.6 43.25 143.4 18.38 163C6.75 172 0 186 0 200.8v247.2C0 483.3 28.65 512 64 512h384c35.35 0 64-28.67 64-64.01V200.8C512 186 505.3 172 493.6 163zM464 448c0 8.822-7.178 16-16 16H64c-8.822 0-16-7.178-16-16V276.7l136.1 113.4C204.3 406.8 229.8 416 256 416s51.75-9.211 71.97-26.01L464 276.7V448zM464 214.2l-166.8 138.1c-23.19 19.28-59.34 19.27-82.47 .0156L48 214.2l.1055-13.48c23.24-18.33 42.25-32.97 162.9-120.6c3.082-2.254 6.674-5.027 10.63-8.094C229.4 65.99 246.7 52.59 256 48.62c9.312 3.973 26.62 17.37 34.41 23.41c3.959 3.066 7.553 5.84 10.76 8.186C421.6 167.7 440.7 182.4 464 200.8V214.2z'/%3E%3C/svg%3E");
   
        background-size: 16px;
    background-position: 6.4px 5px;
}*/


.notif-colour-indicator.notif-unread-indicator:hover {
    width: 14px;
}

.notif-container {
    position: relative;
    clear: both;
    margin-top: 0px;
    border-bottom: 1px solid #f1f1f1;
}

.notif-body {
    margin-left: 34px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#notificationsidebar .notification p b {
    color: #282828;
}

.notif-colour-indicator:after {
    position: absolute;
    left: -9px;
    height: 28px;
    top: 0;
    content: "";
    width: 4px;
    z-index: 99;
    border-radius: 0;
    display: inline-block;
    display: none;
}



.notif-approval, .notif-approval:after {
    background-color: #00b050;
}


/*.unread .notif-colour-indicator + li:after {
    position: absolute;
    left: 0;
    width: 10px;
    height: 100%;
    top: 0;
    z-index: 9;
    content: '';
}*/
.notif-colour-indicator + li:after {
    position: absolute;
    right: 8px;
    width: 8px;
    height: 8px;
    top: 14px;
    z-index: 9;
    content: '';
    border-radius: 100%;
}

.notif-approval + li {
    border: 1px solid #00b050;
    background-color: #fff;
}

    .notif-approval + li.notification p b:first-child {
        color: #00b050;
        background-color: #fff;
    }





.notif-assets, .notif-assets:after {
    background-color: #4285f4;
}

    .notif-assets + li {
        border: 1px solid #4285f4;
        background-color: #fff;
    }

        .notif-assets + li.notification p b:first-child {
            color: #4285f4;
            background-color: #fff;
        }




.notif-container.unread span.notif-unread-indicator.notify_sidebar {
    width: 11px;
}

.notif-comments, .notif-comments:after {
    background-color: #ff7f00;
}


span.notify_sidebar.notif-comments {
    background: #ff7f00 !important;
}

.notif-comments + li {
    border: 1px solid #ff7f00;
    background-color: #fff;
}

    .notif-comments + li.notification p b:first-child {
        color: #ff7f00;
        background-color: #fff;
    }


.notif-task, .notif-task:after {
    background-color: #a700c9;
}

    .notif-task + li {
        border: 0 !important;
        background-color: #fff;
    }

        .notif-task + li.notification p b:first-child {
            color: #a700c9;
            background-color: #fff;
        }

span.notify_sidebar.notif-task {
    background: #a700c9 !important;
}

.notif-completed, .notif-completed:after {
    background-color: #808080;
}

span.notify_sidebar.notif-task {
    background: #808080 !important;
}

.notif-completed + li {
    border: 1px solid #808080;
    background-color: #fff;
}

    .notif-completed + li.notification p b:first-child {
        color: #808080;
        background-color: #fff;
    }


.notif-colour-indicator + li[data-tid="type-assets"]:after {
    background-color: #4285f4;
}

.notif-colour-indicator + li[data-tid="type-project"]:after {
    background-color: #008080;
}

.notif-colour-indicator + li[data-tid="type-task"]:after {
    background-color: #a700c9;
}

.notif-colour-indicator + li[data-tid="type-approval"]:after {
    background-color: red;
}

.notif-colour-indicator + li[data-tid="type-comments"]:after {
    background-color: #ff7f00;
}

.notif-colour-indicator + li[data-tid="type-task_completed"]:after {
    background-color: #468847;
}

.notif-colour-indicator + li[data-tid="type-task_queued"]:after {
    background-color: #03fbf4;
}

.notif-colour-indicator:hover {
    cursor: pointer;
}


.notif-project, .notif-project:after {
    background-color: #008080;
}

span.notify_sidebar.notif-project {
    background: #808080 !important;
}

/*#notificationsidebar li.notification[data-tid="type-approval"] {
    padding-left: 6px;
}
#notificationsidebar li.notification[data-tid="type-approval"] {
    border-left: 6px solid red;
}*/

.notif-project + li {
    border: 1px solid #808080;
    background-color: #fff;
}


    .notif-project + li.notification p b:first-child {
        color: #808080;
        background-color: #fff;
    }

#notificationsidebar .notification p b:first-child {
    display: inline-flex;
    padding: 0;
    border-radius: 0;
    font-weight: 500;
    text-transform: none;
    font-size: 13px;
    border: 0px solid #75daff;
    color: #000;
    background: transparent;
}

.unread .notif-colour-indicator:before {
    position: absolute;
    left: 10px;
    height: 13px;
    top: 23px;
    content: "";
    width: 13px;
    z-index: 99;
    display: inline-block;
    background: #0d6efd;
    border-radius: 100%;
    border: 2px solid #fff;
}

#notificationsidebar .notification p {
    margin-bottom: 5px !important;
    color: #666f76;
}

    #notificationsidebar .notification p b:last-child {
        color: #282828;
        text-transform: none;
        font-size: 13px;
        font-weight: 600;
    }

#notificationsidebar .unread li {
    background: #f4f4ff;
    opacity: 1;
    border: 1px solid rgb(177 199 229 / 18%);
}

.notif-container.unread {
    border-bottom: 1px solid #fff;
}

#notificationsidebar.super_tabs .ui-tabs .ui-tabs-nav {
    background: #fff;
    border-radius: 0;
    margin-bottom: 4px;
    position: fixed;
    /* top: 0; */
    width: 514px;
    z-index: 99;
    margin-top: -11px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 0 !important;
}

#notificationsidebar .text-success.pull-right {
    display: inline-flex;
    background: #468847;
    color: #fff;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 12px;
}

.notifsections {
    padding: 0px 0 15px;
    background: #fff;
}

.form-check {
    display: flex;
    min-height: 2rem;
    padding-left: 1.5em;
    margin-bottom: 0;
    align-items: center;
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em;
    }

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right;
}

    .form-check-reverse .form-check-input {
        float: right;
        margin-right: -1.5em;
        margin-left: 0;
    }

.form-check-input {
    width: 1.6em;
    height: 1.3em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

label.form-check-label {
    margin: 0;
    line-height: normal;
}

.form-check-input[type="checkbox"] {
    border-radius: 0.25em;
}

.form-check-input[type="radio"] {
    border-radius: 50%;
}

.form-check-input:active {
    filter: brightness(90%);
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

    .form-check-input:checked[type="checkbox"] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    }

    .form-check-input:checked[type="radio"] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    }

.form-check-input[type="checkbox"]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

    .form-check-input:disabled ~ .form-check-label,
    .form-check-input[disabled] ~ .form-check-label {
        cursor: default;
        opacity: 0.5;
    }

.form-switch {
    padding-left: 2.5em;
}

    .form-switch .form-check-input {
        width: 2.2em;
        margin-left: -2.5em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        background-position: left center;
        border-radius: 2em;
        transition: background-position 0.15s ease-in-out;
        margin-top: 0;
    }

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none;
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0;
}

    .form-switch.form-check-reverse .form-check-input {
        margin-right: -2.5em;
        margin-left: 0;
    }

.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

    .btn-check:disabled + .btn,
    .btn-check[disabled] + .btn {
        pointer-events: none;
        filter: none;
        opacity: 0.65;
    }

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .form-range:focus {
        outline: 0;
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }

input.form-check-input:focus {
    outline: 0;
    box-shadow: none;
}

#notificationsidebar .super_tabs .ui-widget.ui-widget-content {
    box-shadow: none;
    padding: 7px 15px;
}

#notificationsidebar .super_tabs .ui-tabs .ui-tabs-nav li:last-child a {
    background: none;
    box-shadow: none;
}

div#notifTabs .ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5;
    box-shadow: none;
    width: 100%;
    border-radius: 0px;
    padding: 2px 15px;
}

nav#sidebarCommentThread {
    padding: 22px 0px 15px;
    z-index: 1203;
}

.sidebarCommentsHeader {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    background: #f9fafd;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 15px;
    top: 0;
    z-index: 999;
}

    .sidebarCommentsHeader .dismiss button.close {
        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 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");
        font-size: 0;
        width: 29px;
        height: 27px;
        position: relative;
        right: 0;
        top: 0;
        z-index: 9;
        background-size: 21px;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 4px;
        transition: all 400ms;
    }

        .sidebarCommentsHeader .dismiss button.close:hover {
            background-color: #dee9f2;
        }

span#replyingToText b {
    background: none;
    padding: 0;
    border-radius: 0;
    color: #000;
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 600;
}

.jquery-comments ul.main > li.comment:first-child > .comment-wrapper {
    border-top: 0;
}

.jquery-comments ul.main li.comment {
    clear: both;
    border: 0px solid #ddd;
    margin-top: 0px;
}

    .jquery-comments ul.main li.comment .comment-wrapper {
        border: 0px solid #d8e0f5 !important;
        border-radius: 8px;
        /*  padding: 13px 8px 23px !important;*/
        /* position: relative; */
        margin-bottom: 4px;
        background: #fff;
        padding: 0;
        overflow: visible !important;
        padding-left: 34px;
    }

.jquery-comments ul.navigation .navigation-wrapper {
    display: flex;
    align-items: center;
    padding: 0;
    background: #fff;
    border-radius: 0px;
    overflow-x: auto;
}

    .jquery-comments ul.navigation .navigation-wrapper::-webkit-scrollbar-thumb {
        background-color: #ccc;
    }

    .jquery-comments ul.navigation .navigation-wrapper::-webkit-scrollbar-track {
        border-radius: 20px;
    }

    .jquery-comments ul.navigation .navigation-wrapper::-webkit-scrollbar {
        width: 4px;
        height: 3px;
    }

.jquery-comments ul.navigation li:hover {
    color: #000 !important;
    background: #ffffff;
}

.jquery-comments ul.navigation li.active {
    color: #000 !important;
    background: #ffffff;
}

.jquery-comments ul.navigation li {
    display: inline-block;
    position: relative;
    padding: 0 1em;
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal;
    border-radius: 4px !important;
    padding: 0.8em 1em !important;
    transition: all 400ms;
    margin: 0 2px;
}

    .jquery-comments ul.navigation li.active:after {
        display: none !important;
    }

.jquery-comments button.action.reply {
    position: relative;
    background: #ffffff;
    border: 1px solid #bebebe;
    padding: 1px 7px;
    border-radius: 4px;
    line-height: normal;
    /* bottom: -13px; */
    z-index: 99;
    margin-top: 10px;
    transition: all 400ms;
    font-weight: normal !important;
    color: #292a2b !important;
    left: 0px;
    font-weight: 500 !important;
    font-size: 13px !important;
}

.jquery-comments span.reply-to {
    display: inline-flex;
    align-items: center;
    background: #e9e9e9;
    border: 0px solid #b2daec;
    padding: 1px 6px;
    border-radius: 4px;
    color: #505050;
    font-weight: 500;
    margin-left: 4px;
}

.jquery-comments ul#comment-list li.comment:after {
    position: absolute;
    left: 6px;
    bottom: -18px;
    height: 100%;
    width: 1px;
    background: #c9d0e4;
    content: "";
    z-index: -1;
    display: none;
}

.jquery-comments ul#comment-list li.comment {
    position: relative;
}

ul.child-comments li .comment-wrapper:after {
    position: absolute;
    left: 6px;
    content: "";
    height: 1px;
    width: 14px;
    background: #c9d0e4;
    top: 40px;
    display: none;
}

.jquery-comments ul.main li.comment .child-comments > *:before {
    content: "";
    height: 1px;
    float: left;
    width: calc(3.6em + 0.5em);
    max-width: calc(13px + 0.5em) !important;
    display: none;
}

li.toggle-all:before {
    display: none;
}



li.toggle-all:hover {
    background: #f1f1f1;
    color: #101010 !important;
}

.jquery-comments ul.navigation {
    border-bottom: 1px solid #e9e9e9 !important;
}

.jquery-comments button.action.reply:hover {
    background: #eee;
}

#notificationsidebar .label-default {
    background-color: #0cc3de;
    color: #fff;
    vertical-align: middle;
    font-weight: 600;
    padding-top: 4px;
}

.appr_btns i {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    border: 1px solid rgb(0 0 0 / 15%);
    width: 66px;
    height: auto;
    padding: 0;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-left: 0;
    flex-shrink: 0;
    font-size: 0;
    padding: 4px 4px;
    margin-right: 4px;
}

    .appr_btns i.icon.icon-remove.text-danger {
        /*        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='%23fff' 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");*/
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #fff;
        color: #101010;
        font-family: inherit;
        font-size: 13px;
    }

    .appr_btns i.icon.icon-remove:before, .appr_btns i.icon.icon-ok:before {
        display: none;
    }

.appr_btns {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}



    .appr_btns i.icon.icon-ok.text-success {
        /*        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='feather feather-check' 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%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");*/
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center;
        color: #fff;
        font-family: inherit;
        font-size: 13px;
    }

.super_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a:after,
.jquery-comments ul.navigation li.active:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #000;
    content: '';
    left: 0;
}

.super_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    font-weight: 600;
    box-shadow: none;
    color: #000 !important;
}

.super_tabs .ui-tabs .ui-tabs-nav li a {
    color: #a6a6a6;
    font-weight: 300;
}

.acts {
    position: sticky;
    top: 0;
    background: #f9fafd;
    z-index: 999;
    width: 520px;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
}

.notifsections a {
    border: 0;
    background: #f4f4ff;
    margin-bottom: 5px;
    width: 98%;
    margin: 0 auto 5px;
    border-radius: 4px;
    color: #222;
    font-weight: 400;
}

/*.btn-alert-reply.replied:after {
    position: absolute;
    content: "New";
    background: #2fc9ff;
    top: 5px;
    right: 0;
    display: inline-block;
    right: 19px;
    color: #fff;
    padding: 2px 8px;
    border-radius: 100px;
    font-size: 11px;
}*/
.btn-alert-reply.replied:after {
    position: absolute;
    /* background: #2fc9ff; */
    top: 10px;
    right: 0;
    display: inline-block;
    right: 19px;
    color: #000;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 12px;
    content: "Replied";
    color: rgb(244, 67, 54);
    background-color: rgba(239, 154, 154, 0.25);
    line-height: normal;
}

.notif-container.unread li:before {
    position: absolute;
    content: "New";
    background: #2fc9ff;
    top: 10px;
    right: 0;
    display: inline-block;
    right: 19px;
    color: #fff;
    padding: 1px 4px;
    border-radius: 4px;
    font-size: 12px;
    line-height: normal;
}

#replyingToText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 350px;
    padding-top: 10px;
    color: #545454;
    line-height: 25px;
    font-weight: 400;
}

i#expandCommentChevron.icon-chevron-left {
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    font-size: 0;
    background-position: center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='feather feather-maximize-2' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cpolyline points='9 21 3 21 3 15'/%3E%3Cline x1='21' x2='14' y1='3' y2='10'/%3E%3Cline x1='3' x2='10' y1='21' y2='14'/%3E%3C/svg%3E");
    background-size: contain;
}

i#expandCommentChevron.icon-chevron-right {
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    font-size: 0;
    background-position: center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='48' viewBox='0 0 48 48' width='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 20H28V4' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cpath d='M4 28H20V44' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/svg%3E");
    background-size: contain;
}

div#sidebarCommentsContainer .jquery-comments ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 10px;
    padding-right: 5px;
}

.user_det_time {
    display: inline-flex;
    align-items: center;
}

    .user_det_time b {
        font-weight: 600;
        padding-right: 8px;
        font-size: 13px;
        color: #101010;
        position: relative;
        margin-right: 7px;
    }

        .user_det_time b:after {
            display: flex;
            content: "";
            position: absolute;
            height: 12px;
            background: #d9d9d9;
            width: 1px;
            right: 0;
            top: 3px;
        }

.notif-btm {
    display: flex;
    margin-right: auto;
    /* float: right; */
    margin-top: 0;
    justify-content: flex-start;
    width: 100%;
}

.notifsections a:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke-width='1.5' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    background-size: contain;
    display: flex;
    content: '';
    top: 11px;
    right: 10px;
}

.btn.btn-custom.btn-alert-reply i {
    display: none;
    padding: 4px 10px !important;
}

div#sidebarCommentsContainer .data-container .wrapper {
    background: #f4f4ff;
    padding: 12px 12px;
    border-radius:8px;
    border-top-left-radius: 0;
}

.jquery-comments ul.main li.comment .wrapper .content {
    color: #101010;
}

span.actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.comments-additional-action-container {
    position: relative;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.jquery-comments ul.main li.comment button.action.additional.back {
    margin-left: 0;
    border-color: #2b92e3;
    background: #2b92e3;
    color: #fff !important;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    padding: 0;
    font-size: 0;
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z' fill='white'/%3E%3C/svg%3E");
}

.jquery-comments ul.main li.comment .actions button.action.additional.view {
    background: #e6e6e6d1;
    border-color: #d8d8d8;
}

.jquery-comments button.action.additional {
    background: #fff;
    border: 1px solid #d8e0f5;
    padding: 1px 10px;
    border-radius: 4px;
    line-height: normal;
    z-index: 99;
    margin-top: 10px;
    transition: all 400ms;
    font-weight: normal !important;
    color: #282828 !important;
}

.jquery-comments ul.main li.comment button.action.additional.back {
    margin-left: 0;
    border-color: #9E9E9E;
    background-color: #9E9E9E;
    color: #fff !important;
    display: none;
}

.dvs {
    width: 100%;
    margin-top: 8px;
}

.child-comments .comments-additional-action-container {
    position: relative;
}

.jquery-comments button.action.reply.replied {
    background: #fdeb6d;
    border-color: #cfcfcf;
    color: #000 !important;
}

.jquery-comments .profile-picture.round {
    border-radius: 4px !important;
    background-color: #d4d4d4;
    background-size: 37px;
    /*   position: absolute;
    left: 0;
    width: 3rem;
    height: 3rem;
    max-width: 40px;
    max-height: 40px;
    top: 7px;*/
}

.comment-wrapper .wrapper {
    margin-top: 4px;
}

ul.child-comments .profile-picture.round {
    background-size: cover !important;
    border-radius: 4px;
}

.jquery-comments ul.child-comments {
    padding-left: 26px;
}

li.toggle-all {
    display: flex;
    align-items: center;
    border: 1px solid #d8e0f5;
    margin-left: 0;
    padding: 3px 13px !important;
    border-radius: 7px;
    font-weight: normal;
    text-decoration: none;
    transition: all 400ms;
    text-align: center;
    justify-content: center;
    color: #2b8bd6 !important;
    font-weight: 600;
    width: 98%;
    margin-left: auto;
}

    li.toggle-all.highlight-font-bold {
        font-weight: 600;
        color: #07a0e0 !important;
    }

div#sidebarCommentsContainer .data-container {
    overflow: hidden;
    padding-left: 10px;
}

.data-container {
    padding-right: 8px;
}

.btn.btn-alert-reply {
    background: #1c1f21;
}

.jquery-comments ul {
    font-weight: 400;
    font-family: "Inter", serif !important;
}

.comment-wrapper .name {
    font-weight: 600 !important;
    color: #101010;
    display: flex;
    align-items: center;
}

.jquery-comments ul.main li.comment .child-comments .profile-picture {
    margin-top: -1px;
}

.jquery-comments span.reply-to i {
    margin-right: 1px;
    font-size: 0;
    width: 14px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5857864,10 L14.2928932,5.70710678 L15.7071068,4.29289322 L22.4142136,11 L15.7071068,17.7071068 L14.2928932,16.2928932 L18.5857864,12 L13,12 C6.25355783,12 4,14.3437001 4,21 L2,21 C2,13.2562999 5.13105756,10 13,10 L18.5857864,10 Z' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.jquery-comments ul.main li.comment .comment-wrapper > .profile-picture {
    margin-right: 0.6rem;
}

.comment-wrapper.relevant .wrapper {
    background-color: rgb(237 237 237 / 78%) !important;
}

    .comment-wrapper.relevant .wrapper .tag {
        background: #fff;
        border: 0px solid #ccc;
    }

span.send.save.highlight-background.icon-location-arrow:after {
    content: "Send";
    font-family: "Inter", serif !important;
    color: #fff;
    padding-right: 4px;
}

span.send.save.highlight-background.icon-location-arrow {
    background: #0e0909;
    color: #fff;
    display: inline-flex;
    flex-direction: row-reverse;
    border-radius: 4px;
    font-weight: 500;
    padding: 1px 9px;
    font-size: 12px;
}

div#sidebarCommentsContainer .comment-wrapper.my_comments .wrapper {
    background: #e1f2ff;
}

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

#togglenotes .data-container {
    padding: 0;
    overflow-x: hidden;
    padding-right: 8px;
}

.chat_wrap .jquery-comments ul.main li.comment.comment-wrapper {
    padding: 0;
}

.chat_wrap .jquery-comments ul.main li.comment .wrapper {
    line-height: 1.4em;
    overflow: hidden;
    padding: 10px;
    border-radius: 6px;
    border-top-left-radius: 0;
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    background-color: #f4f4ff;
}

.chat_wrap .jquery-comments .profile-picture.round {
    margin-top: 0;
}
.chat_wrap li.toggle-all.highlight-font-bold {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 25px;
}
.chat_wrap .jquery-comments ul.child-comments {
    padding-left: 12px;
}

.chat_wrap ul.child-comments .profile-picture.round {
    background-size: cover;
    border-radius: 4px !important;
}

.chat_wrap ul.child-comments .commenting-field {
    float: left;
    width: 100%;
    padding: 0 !important;
}

.chat_wrap .jquery-comments ul.main li.comment .child-comments .profile-picture {
    width: 2.4rem !important;
    height: 2.6rem !important;
}

.jquery-comments .textarea-wrapper .textarea {
    border-radius: 6px !important;
}

.new_doc.ext_top {
    min-height: 36px;
}

button.custom_btn.btn svg {
    margin-right: 4px;
    transition: all 400ms;
}

button.custom_btn.btn {
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 32px;
    border-radius: 4px;
    padding: 8px 6px;
    font-size: 13px;
    width: 100%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke-width='1.5' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23888' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: right;
    background-size: 17px;
    background-repeat: no-repeat;
}


    button.custom_btn.btn:hover svg path {
        fill: #fff;
    }

div#mainContent_pnlShareBoardDocs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.jquery-comments .textarea-wrapper .textarea p {
    margin-bottom: 0;
}

button.custom_btn.btn:hover {
    background-color: #0d6efd;
    color: #fff;
}
.jquery-comments ul.main li.comment .comment-wrapper, .jquery-comments ul.main li.toggle-all, .jquery-comments ul.main li.comment .commenting-field {
    padding: .3em;
}
div#sidebarCommentsContainer ul.child-comments .profile-picture.round {
   
    border-radius: 4px !important;
}