.projectboard_scrum p {
    letter-spacing: 0px;
}

.projectboard_scrum a {
    color: #000 !important;
}

.Application_Wrapper.project_template .container {
    width: 100%;
}

.project_template .project-head h3 {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
    padding-bottom: 14px;
}

.project_template .project-head p {
    font-size: 14px;
    color: #000;
    line-height: 17px;
}

.Application_Wrapper.project_template {
    padding: 15px 46px;
    margin: 1px 0px;
    width: 100%;
}

.searchbar .input-group input {
    background: #E3E3E37D;
    max-width: 260px;
    border-radius: 5px !important;
    border: none;
    height: 39px;
    padding: 8px 35px 8px 25px;
}

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

.searchbar .input-group {
    justify-content: end;
}

.searchbar span.input-group-btn {
    position: absolute;
    right: 40px;
    z-index: 9;
}

    .searchbar span.input-group-btn .btn:hover {
        background: transparent;
    }

        .searchbar span.input-group-btn .btn:hover:focus {
            background: transparent;
            outline: none;
        }

.temp-boxes {
    max-width: 800px;
    margin: 0 auto;
}

.projecttemp_boxes {
    margin-top: 12px;
}

.temp-boxes .media {
    display: flex;
    align-items: center;
    box-shadow: 0px 1px 2px #00000029;
    border-radius: 10px;
    margin-bottom: 17px;
}

    .temp-boxes .media .media-img {
        width: 175px;
        text-align: center;
        background: #EBEBEB80;
        height: 117px;
        display: flex;
        justify-content: center;
        margin-right: 20px;
        box-shadow: 0px 1px 2px #00000029;
        border-radius: 10px 0px 0px 10px;
    }

    .temp-boxes .media .media-img img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }

    .temp-boxes .media .media-img.projectmana-icon img {
        width: 60px;
    }

    .temp-boxes .media:hover {
        box-shadow: 3px 3px 6px #00000029;
    }

    .temp-boxes .media .media-body h4 {
        color: #222;
        font-weight: 600;
        font-size: 17px;
        line-height: 23px;
        padding-bottom: 4px;
    }

    .temp-boxes .media .media-body p {
        color: #222;
        font-size: 13px;
        line-height: 17px;
        padding-bottom: 3px;
    }

    .temp-boxes .media .media-body a {
        color: #131025 !important;
        font-size: 14px;
        line-height: 19px;
        font-weight: 600;
    }

    .temp-boxes .media .media-body {
        position: relative;
        width: 100%;
        padding-right: 50px;
    }

        .temp-boxes .media .media-body::after {
            content: "\f105";
            font: normal normal normal 14px/1 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            position: absolute;
            right: 15px;
            color: #888787;
            top: 50%;
            transform: translateY(-50%);
            font-size: 17px;
            font-weight: 400;
        }

.project_create .container {
    width: 100%;
}

.Application_Wrapper.project_create {
    padding: 15px 46px;
}
/*project create */
.Application_Wrapper.project_create {
    padding: 72px 0px 82px 72px;
}

.projec_div h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
    padding-bottom: 8px;
}

.projec_div p {
    color: #000;
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 12px;
}

.template-div a {
    float: right;
    font-size: 14px;
    line-height: 19px;
    color: #131025 !important;
    font-weight: 600;
}

.template-div p {
    float: left;
    font-size: 12px;
    line-height: 14px;
    color: #6E6767;
    padding-bottom: 0px;
    position: relative;
    top: 3px;
}

.projec_div form {
    max-width: 430px;
    margin-top: 10px;
}

    .projec_div form input {
        max-width: 313px;
        height: 43px;
        border: 2px solid #BBC7DC;
        border-radius: 5px;
    }

    .projec_div form .temp-boxes {
        clear: both;
        margin-bottom: 38px;
    }

    .projec_div form input::placeholder {
        color: #B6B3B3;
        font-size: 14px;
        position: relative;
        top: 2px;
    }

    .projec_div form .form-group label {
        margin-bottom: 2px;
        color: #080909;
        font-size: 14px;
        line-height: 17px;
    }

    .projec_div form .form-group {
        margin-bottom: 15px;
    }

    .projec_div form .current_user_list label {
        color: #080909;
        font-size: 14px;
        line-height: 17px;
        padding-bottom: 2px;
    }

    .projec_div form .current_user_list {
        margin-bottom: 15px;
        position: relative;
    }

    .projec_div form input:focus {
        box-shadow: none !important;
        border: 2px solid #BBC7DC !important;
    }

.projec_div .template-div {
    width: 250px;
    padding-bottom: 11px;
    display: inline-block;
}

.projec_div .temp-boxes .media .media-img img {
    height: 35px;
}

.projec_div .temp-boxes .media .media-img {
    height: 84px;
    padding: 25px 0px;
    width: 228px;
 
}
.temp-boxes .media .media-img {
    display: flex;
    align-items: center;
}
.projec_div .temp-boxes .media .media-body h4 {
    font-size: 12px;
    line-height: 16px;
}

.projec_div .temp-boxes .media .media-body p {
    font-size: 12px;
    line-height: 14px;
    max-width: 200px;
}

.project-btn .btn {
    background: #131025;
    color: #fff;
    border-radius: 3px;
    width: 112px;
    height: 32px;
    padding: 6px 0px;
    margin-right: 12px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
}

.projectright-img {
    padding: 0px;
    margin-top: -72px;
}

/*Use Template*/
ul.list-inline.bread-list {
    display: flex;
}

    ul.list-inline.bread-list li {
        margin-right: 5px;
    }

        ul.list-inline.bread-list li, ul.list-inline.bread-list li a {
            font-size: 16px;
            line-height: 19px;
            color: #000;
        }

.Application_Wrapper.project_usetemp {
    padding: 18px 30px;
}

.usetemplate {
    max-width: 810px;
    margin: 8px auto;
    box-shadow: 0px 0px 10px #0000001A;
    border-radius: 15px;
    overflow: hidden;
}

.temp-head img {
    width: 19px;
    margin-top: 5px;
}

.temp-head {
    background: #131025;
    padding: 35px 25px 35px 35px;
}

    .temp-head h2 {
        color: #fff;
        font-size: 26px;
        line-height: 36px;
        font-weight: 600;
    }

.template-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .template-right a.temp-btn {
        background: #fff;
        font-size: 16px;
        line-height: 24px;
        padding: 10px;
        border-radius: 5px;
        width: 165px;
        text-align: center;
        height: 43px;
        margin-right: 25px;
        color: #131025 !important;
        font-weight: 500;
    }

.usetemplate .temp-inner {
    padding: 20px 27px 27px 14px;
    position: relative;
}

    .usetemplate .temp-inner::before {
        content: "";
        background: url(../images/template-bg.jpg);
        background-size: contain;
        background-position: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 1;
        left: 0;
        opacity: .5;
    }

    .usetemplate .temp-inner .row {
        z-index: 9;
        position: relative;
    }

    .usetemplate .temp-inner p {
        font-size: 15px;
        line-height: 22px;
        color: #000;
    }

.usetemp-right .text-left p {
    margin-bottom: 0px;
}

.usetemp-right .text-right p {
    margin-bottom: 0px;
}

.usetemp-left {
    padding-top: 42px;
}

.usetemp-right {
    padding-top: 80px;
}

.temp-footer button.btn.btn-temp {
    background: #131025;
    border-radius: 5px;
    float: right;
    color: #fff;
    width: 165px;
    height: 43px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    margin-top: 25px;
}

.temp-footer {
    position: relative;
}

    .temp-footer::before {
        content: "";
        width: 87%;
        position: absolute;
        height: 2px;
        left: 0;
        right: 0;
        margin: auto;
        background: #D1D1D199;
    }

.usetemp-left .temlist-div h3 {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    padding-bottom: 5px;
    color: #000;
}

.usetemp-left .temlist-div p {
    font-size: 15px;
    color: #000;
    padding-bottom: 5px;
}

.usetemp-left .temlist-div {
    margin-bottom: 30px;
}

.usetemp-right h3 {
    color: #000;
    font-size: 17px;
    line-height: 23px;
    font-weight: 500;
    padding-bottom: 5px;
}

.usetemp-right p {
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.usetemp-right .text-img img {
    margin: 0 auto;
    width: 190px;
    display: block;
}

.usetemp-right .text-left {
    display: flex;
    align-items: center;
    height: 143px;
    margin-bottom: 78px;
}

.usetemp-right .text-img.kanban-img img {
    width: 240px;
    margin: 0 auto;
}

.usetemp-right .text-right {
    display: flex;
    align-items: center;
    height: 190px;
    margin-bottom: 78px;
}

.usetemp-right .text-left.account-left {
    height: 185px;
}

.usetemp-right .text-img.account-img img {
    width: 170px;
}

.temlist-div.task-list img {
    width: 16px;
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.topdo-cnt, .inprog-cnt, .done-cnt {
    padding-left: 36px;
    padding-bottom: 3px;
}

    .topdo-cnt p, .inprog-cnt p, .done-cnt p {
        line-height: 17px !important;
        padding: 0px 0px 3px 25px
    }

.usetemp-left h3.gray-clr {
    background: #D5D5D566;
    font-size: 16px;
    border-radius: 5px;
    display: inline-block;
    width: 61px;
    text-align: center;
    height: 23px;
    margin-bottom: 9px !important;
}

.usetemp-left h3.red-clr {
    background: rgb(242 112 57 / 54%);
    font-size: 16px;
    border-radius: 5px;
    display: inline-block;
    width: 100px;
    text-align: center;
    height: 23px;
    margin-bottom: 9px !important;
}

.usetemp-left h3.grn-clr {
    background: rgb(151 195 91 / 54%);
    font-size: 16px;
    border-radius: 5px;
    display: inline-block;
    width: 61px;
    text-align: center;
    height: 23px;
    margin-bottom: 9px !important;
}

.workflow-div::before {
    background: url(../images/workflow-chart.png) no-repeat;
    background-position: left center;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 5px;
    z-index: -1;
}

.workflow-div {
    position: relative;
}

/*Board Scrum*/
.projectscrum-list {
    display: flex;
    align-items: center;
}

    .projectscrum-list .nav-tabs {
        border: 1px solid #DEE9FC;
        border-radius: 7px;
        overflow: hidden;
    }

        .projectscrum-list .nav-tabs a {
            border-right: 1px solid #DEE9FC;
            height: 35px;
            margin: 0px;
            font-size: 12px;
            line-height: 19px;
            color: #000 !important;
            padding: 8px 9px;
        }

        .projectscrum-list .nav-tabs .nav-link.active {
            background: #9B99A4;
            color: #fff !important;
            border: none;
            border-radius: 0px;
        }

        .projectscrum-list .nav-tabs .nav-item:last-child a {
            border: none;
        }

.group-tbtn.grp-main button {
    padding: 3px 11px;
    height: 27px;
    line-height: 16px;
    border-color: #DEE9FC !important;
}

.projectboard_scrum {
    padding: 8px 0px 15px;
    margin: 0px;
    border-top: 1px solid #DEE9FC;
    border-left: 1px solid #DEE9FC;
    border-radius: 0px;
}

.search-main {
    display: flex;
    padding: 2px 0px 4px;
}

.projectscrum-list ul.scrum-list li img {
    margin-right: 6px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
}

.projectscrum-list ul.scrum-list li a:hover {
    outline: none;
    border-color: #DEE9FC;
}

.board-cont .search-main input {
    border-radius: 5px;
}

.board-cont .header-search-wrapper .search-icon {
    margin-top: 0px;
}

.board-cont .header-search-wrapper {
    margin-right: 10px;
}

.board-main .board-grid {
    width: 326px;
    margin-right: 25px;
}

    .board-main .board-grid .work-main {
        display: flex;
        justify-content: space-between;
        margin-bottom: 6px;
    }

        .board-main .board-grid .work-main .title-todo, .board-main .board-grid .work-main .title-inprogress, .board-main .board-grid .work-main .title-done {
            display: flex;
            align-items: center;
        }

            .board-main .board-grid .work-main .title-todo h4 {
                background: #8882F4;
                font-size: 14px;
                border-radius: 5px;
                display: inline-block;
                width: auto;
                text-align: center;
                color: #fff;
                margin-right: 10px;
                padding: 4px 7px 3px;
            }

            .board-main .board-grid .work-main .title-inprogress h4 {
                background: #4E9ADC;
                font-size: 14px;
                border-radius: 5px;
                display: inline-block;
                width: auto;
                text-align: center;
                color: #fff;
                margin-right: 10px;
                padding: 4px 7px 4px;
            }

            .board-main .board-grid .work-main .title-done h4 {
                background: #97C35B;
                font-size: 14px;
                border-radius: 5px;
                display: inline-block;
                width: auto;
                text-align: center;
                color: #fff;
                margin-right: 10px;
                padding: 4px 7px 3px;
            }

            .board-main .board-grid .work-main .title-todo span, .board-main .board-grid .work-main .title-inprogress span, .board-main .board-grid .work-main .title-done span {
                width: 23px;
                height: 23px;
                background: #9B99A4;
                color: #fff;
                border-radius: 50%;
                text-align: center;
                line-height: 25px;
                font-size: 14px;
            }

.board-main {
    display: flex;
    white-space: nowrap;
    margin-bottom: 20px;
}

    .board-main .dropdown-right .dropdown-dot {
        padding-top: 6px;
        position: relative;
    }

    .board-main .dropdown-right a.drop-dot img {
        width: 5px;
    }

    .board-main .dropdown-right .dropdown-dot .dropdown-menu {
        right: 0;
    }

    .board-main .dropdown-right .dropdown-dot .dropdown-menu {
        right: 0;
        padding: 5px 0px 5px;
    }

        .board-main .dropdown-right .dropdown-dot .dropdown-menu a {
            padding: 3px 15px 3px;
            font-size: 13px;
        }

        .board-main .dropdown-right .dropdown-dot .dropdown-menu p {
            padding: 3px 15px 3px;
            font-weight: 500;
            color: #000;
        }

.board-grid .card-details ul {
    display: flex;
}

.board-grid .card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.board-grid .card {
    background: #F4F4F4;
    border-radius: 5px;
    padding: 10px 12px;
    border: none;
    height: 100%;
    margin-bottom: 15px;
}

    .board-grid .card .card-details {
        background: #fff;
        padding: 10px 15px 10px 17px;
        border-radius: 5px;
        margin-bottom: 5px;
    }

.gray-clr {
    background: rgba(213, 213, 213, 1);
}

.grn-clr {
    background: rgba(151, 195, 91, 1);
}

.red-clr {
    background: rgba(242, 112, 57, 1)
}

.board-grid .card-details .card-title ul li {
    font-size: 11px;
    padding: 1px 12px 0px;
    border-radius: 2px;
    margin-right: 7px;
}

.board-grid .card-title .task-printright a.task-pin i {
    transform: rotate(40deg);
    color: #606060;
    font-size: 12px;
    margin-right: 4px;
}

.board-grid .card-title .task-printright img {
    position: relative;
    top: 2px;
}

.board-grid .card-details ul li.grn-clr {
    color: #fff;
}

.board-grid .card-details .card-btm {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.time-prop ul li span {
    color: #131025;
    font-size: 11px;
    font-weight: 500;
    position: relative;
    top: 1px;
}

.time-prop ul li {
    padding-right: 6px;
    border-right: 1px solid #9F9F9FAB;
    line-height: 1;
    margin-right: 4px;
}

    .time-prop ul li:last-child {
        border: none;
        margin: 0px;
        padding: 0px;
    }

    .time-prop ul li svg {
        position: relative;
        top: -1px;
        width: 13px;
    }

.board-grid .card-details .current_user_list.dropdown ul {
    justify-content: flex-end;
}

.board-grid .card-details .current_user_list.dropdown {
    margin-bottom: 10px;
}

.board-grid .card-details .time-prop ul li {
    color: #000;
    font-size: 11px;
}

.board-grid .cart-title h4 {
    color: #040404;
    font-size: 14px;
}

.board-grid .card-details .card-btm .card-date p.date {
    color: #8882F4;
    font-size: 11px;
    font-weight: 500;
}

.board-grid .card-details .card-btm .card-date .com-icon span {
    color: #040404;
    font-size: 12px;
}

.board-grid .card-details .card-btm .card-date .com-icon img {
    position: relative;
    top: 1px;
}

.addnewtask button.addtask-btn {
    background: #DEDFE1;
    border: none;
    width: 35px;
    height: 35px;
    border-radius: 4px;
}

.filter_group {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 30px 0px;
}

    .filter_group .filter_group div {
        padding-left: 19px;
    }

    .filter_group a {
        font-weight: 500;
        font-size: 13px;
        margin-left: 19px;
    }

    .filter_group img {
        vertical-align: middle;
        margin-right: 1px;
    }

.projectscrum-list .group-tbtn {
    margin-right: 0px;
}

.table_list thead {
    background: #f1f5f9;
    border-radius: 0px;
    border-bottom: 0px;
}

    .table_list thead th {
        color: #000 !important;
        font-size: 14px;
        font-weight: 500;
        border: none;
    }

.addnewtask button.addtask-btn:hover {
    background: #131025;
}

table.table.table_list thead th:first-child {
    width: 45px !important;
}

.tasklist-main .todo-div h4 {
    background: #8882F4;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
    width: auto;
    text-align: center;
    color: #fff;
    margin-right: 6px;
    padding: 4px 7px 1px;
}

.tasklist-main .todo-div span {
    width: 17px;
    height: 17px;
    background: #9B99A4AD;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 11px;
}

.table_list {
    margin-bottom: 6px;
}

.tasklist-main {
    background: #F4F4F4;
    border-radius: 5px;
    padding: 6px 14px;
}

    .tasklist-main td {
        vertical-align: middle;
    }

    .tasklist-main td {
        font-size: 14px;
        border: none;
    }

    .tasklist-main img {
        width: 20px;
        border-radius: 4px;
    }

tr.table-clr td:first-child i {
    transform: rotate(45deg);
    font-size: 13px;
    color: #606060;
    margin-top: 3px;
}

.user-name-img.bg-even {
    margin: 0px;
    line-height: 22px;
    font-size: 12px;
    font-weight: 500;
}

.tasklist-main .table-clr td:first-child {
    text-align: center;
}

.tasklist-main td.create-td .create-list img {
    width: 10px;
}

.tasklist-main .create-list a {
    color: #000;
    font-size: 13px;
}

.tasklist-main .program-div h4 {
    background: #4E9ADC;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
    width: auto;
    text-align: center;
    color: #fff;
    margin-right: 6px;
    padding: 4px 7px 1px;
}

.tasklist-main .program-div span {
    width: 17px;
    height: 17px;
    background: #9B99A4AD;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 11px;
}

.tasklist-main .done-div h4 {
    background: #97C35B;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
    width: auto;
    text-align: center;
    color: #fff;
    margin-right: 6px;
    padding: 4px 7px 1px;
}

.tasklist-main .done-div span {
    width: 17px;
    height: 17px;
    background: #9B99A4AD;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 11px;
}

.tasklist-main tr.table-clr td {
    background: #fff;
    border-bottom: 5px solid #F4F4F4;
}

tbody.tasklist-main td {
    padding: 9px 12px;
}

    tbody.tasklist-main td.create-td {
        padding: 0px 12px 5px;
    }

table.table.table_list tr:last-child td {
    padding-bottom: 20px;
}

.filter-div, .group_div, .more-div {
    position: relative;
}

    .filter-div .dropdown-menu {
        width: 200px;
        right: 0;
        padding: 2px 0px 3px;
        box-shadow: 3px 3px 6px #00000029;
        border: 1px solid #70707038;
    }

        .filter-div .dropdown-menu a svg {
            width: 10px;
            position: relative;
            top: -1px;
            margin-right: 4px;
        }

        .filter-div .dropdown-menu a {
            margin: 0px;
            font-size: 12px;
            font-weight: 400;
            padding: 3px 9px;
            color: #000 !important;
        }

            .filter-div .dropdown-menu a:last-child {
                border-top: 1px solid #70707038;
            }

    .group_div .dropdown-menu a svg {
        width: 10px;
        position: relative;
        top: -1px;
        margin-right: 4px;
    }

    .group_div .dropdown-menu a {
        margin: 0px;
        font-size: 12px;
        font-weight: 400;
        padding: 3px 9px;
        color: #000 !important;
    }

    .group_div .dropdown-menu {
        min-width: 105px;
        right: 0;
        padding: 2px 0px 3px;
        box-shadow: 3px 3px 6px #00000029;
        border: 1px solid #70707038;
    }

    .more-div .dropdown-menu a {
        margin: 0px;
        font-size: 12px;
        font-weight: 400;
        padding: 6px 9px;
        color: #000 !important;
    }

    .more-div .dropdown-menu p {
        margin: 0px;
        font-size: 13px;
        font-weight: 500;
        padding: 3px 9px 7px;
        color: #000;
    }

    .more-div .dropdown-menu {
        min-width: 165px;
        right: 0;
        padding: 2px 0px 3px;
        box-shadow: 3px 3px 6px #00000029;
        border: 1px solid #70707038;
    }

    .more-div .switch-timeout {
        padding: 0;
        margin: 0;
    }

        .more-div .switch-timeout label {
            margin: 0px;
            font-size: 12px;
            font-weight: 400;
            padding: 3px 9px;
        }

        .more-div .switch-timeout input {
            float: right;
            width: 32px;
            height: 15px;
            margin-right: 15px;
            margin-top: 4px;
        }

            .more-div .switch-timeout input:checked {
                background-color: #131025;
                border: none;
            }

            .more-div .switch-timeout input:focus {
                box-shadow: none;
            }

    .filter-div .dropdown-menu label {
        margin: 0px;
        font-size: 12px;
        font-weight: 400;
        padding: 6px 0px 10px 10px;
        color: #000;
    }

    .filter-div .more-dropdown {
        width: 239px;
        padding-top: 6px;
    }

        .filter-div .more-dropdown .form-group.row {
            margin: 0px;
        }

    .filter-div .dropdown-menu select {
        font-size: 12px;
        background-color: #9F9F9F38;
        border-radius: 3px;
        height: 22px;
        padding: 0px 8px;
        border: none;
        background-position: 96%;
        color: #000;
    }

    .filter-div .more-dropdown a {
        color: #000 !important;
        font-size: 14px;
    }

    .filter-div .more-dropdown form {
        margin-top: 6px;
    }

    .filter-div .more-dropdown a i {
        font-size: 12px;
        padding-right: 3px;
    }

    .filter-div .more-dropdown button.btn {
        background: transparent linear-gradient(128deg, #131025 0%, #4BA3F2 100%) 0% 0% no-repeat padding-box;
        border-radius: 3px;
        width: 71px;
        height: 22px;
        padding: 0px;
        color: #fff;
    }

        .filter-div .more-dropdown button.btn:focus {
            outline: none;
            box-shadow: none;
        }

    .filter-div .more-dropdown .more-btn {
        padding: 14px 10px 10px;
    }

.grn-text {
    color: #97C35B;
    font-weight: 500;
}

.org-text {
    color: #F8A222;
    font-weight: 500;
}

.blu-text {
    color: #17BDFF;
    font-weight: 500;
}

.red-text {
    color: #FF4444;
    font-weight: 500;
}

.wiki-info {
    padding: 50px;
}

    .wiki-info h2 {
        font-size: 26px;
        font-weight: 600;
        padding-bottom: 20px;
        color: #000;
    }

    .wiki-info h3 {
        font-size: 22px;
        font-weight: 600;
        padding-bottom: 15px;
        color: #000;
    }

    .wiki-info .checklist-div p {
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 10px;
        color: #000;
    }

    .wiki-info .checklist-div ul li {
        font-size: 13px;
        list-style-type: circle;
        color: #000;
    }

    .wiki-info .checklist-div ul {
        list-style-type: circle;
        padding: 0px 0px 10px 20px;
    }

.wiki-right {
    width: 100%;
    float: right;
    margin-top: 5px;
    height: 100%;
    background: #F4F4F4;
    padding: 22px 0px;
}

    .wiki-right h3 {
        font-size: 16px;
        font-weight: 600;
        padding: 5px 15px 10px;
        color: #000;
    }

    .wiki-right a img {
        width: 14px;
        position: relative;
        top: 2px;
    }

    .wiki-right ul.nav.nav-tabs li a {
        font-size: 13px;
        padding: 5px 15px;
        display: inline-block;
        width: 100%;
        float: left;
        color: #000;
    }

    .wiki-right ul.nav.nav-tabs {
        border: none;
        cursor: pointer;
    }

    .wiki-right .dropdown-menu {
        padding: 0px;
        border-bottom: none;
        margin-top: 2px;
    }

    .wiki-right a:hover {
        background: transparent;
        border-color: #f4f4f4 !important;
    }

    .wiki-right ul.nav.nav-tabs li {
        width: 100%;
        margin: 0px;
        height: auto;
        background: transparent;
        border: none;
        padding: 0px;
        line-height: 1;
        opacity: 1 !important;
        cursor: pointer;
        z-index: 1;
        will-change: auto;
        position: inherit;
    }

        .wiki-right ul.nav.nav-tabs li a.nav-link.active {
            background: #131025;
            box-shadow: none;
            border: none;
            color: #fff !important;
            border-radius: 0px;
        }

.wiki-add .dropdown-menu a {
    font-size: 12px;
    padding: 9px 10px;
    border-bottom: 1px solid #ccc;
}

    .wiki-add .dropdown-menu a:hover {
        background: #eee;
    }
/*Files*/
table.table.files-table thead {
    background: #f1f5f9;
}

    table.table.files-table thead th {
        color: #000 !important;
        font-size: 14px;
        font-weight: 500;
        border: 1px solid #edeef2 !important;
        height: 38px;
        vertical-align: middle;
        width: 230px !important;
    }

table.table.files-table tbody td {
    color: #000 !important;
    font-size: 14px;
    font-weight: 400;
    border: none;
    padding: 10px;
    border: 1px solid #edeef2;
    height: 43px;
    vertical-align: middle;
}

table.table.files-table {
    border-collapse: collapse;
}

.files-table .file-dropdown {
    float: right;
}

.file-sec h4 {
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    display: table;
    padding: 0px 7px;
    margin-top: -8px !important;
    margin-bottom: 7px !important;
}

.file-sec {
    border: 1px solid #70707057;
    margin-top: 30px;
    padding: 0px 10px 10px;
}

.inner-data a.add-item {
    font-size: 14px;
    color: #000 !important;
}

.file-inner.file-dropdown {
    display: flex;
    align-items: center;
}

    .file-inner.file-dropdown p {
        width: 33%;
        padding-left: 10px;
        font-size: 12px;
    }

.inner-data a.add-item img {
    width: 15px;
    background: #BBC7DC;
    padding: 3px;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.inner-data img {
    width: 15px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.inner-data a {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
}

.file-sec.inside-file h4 img {
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 15px;
}

.file-sec.inside-file {
    border: 1px dashed #70707057;
    margin-top: 22px;
}

.file-mainitem .file-delete p {
    font-size: 12px;
    color: #00000096;
    float: left;
    margin-right: 8px;
}

.file-mainitem .file-delete a img {
    width: 12px;
    float: right;
    margin-top: 2px;
}

.file-inner.file-dropdown p:last-child {
    padding-left: 21px;
}

.file-mainitem .file-delete {
    position: absolute;
    right: 0;
    top: -19px;
}

.file-inner.file-dropdown a.file-dot {
    float: right;
    padding-right: 15px;
    position: relative;
    top: -2px;
}

.file-mainitem {
    position: relative;
}

.file-inner.file-dropdown p:first-child {
    padding: 0px;
}

.file-dropdown .dropdown-menu a {
    font-size: 14px;
    padding: 15px 10px;
}

.files-div table.table.files-table thead th {
    width: 102px !important;
    border: none !important;
    border-bottom: 1px solid rgba(112, 112, 112, 0.3411764706) !important;
    padding: 0px 10px;
    font-size: 14px !important;
}

.file-dropdown .dropdown-menu {
    margin-top: 7px;
}

.forms-main .forms-para p {
    font-size: 14px;
    color: #000;
}

.forms-main .forms-right a img {
    width: 11px;
    position: relative;
    top: 1px;
    margin-right: 2px;
}
.forms-main .forms-right a.btn.btn-primary {
    height:auto;
}
.forms-main .forms-right a {
    background: #131025;
    color: #fff !important;
    border-radius: 6px;
    width: 131px;
    height: 28px;
    float: right;
    text-align: center;
    line-height: 29px;
    font-size: 14px;
    font-weight: 500;
}

.forms-main .project-grid ul.project-list {
    display: block;
}

.forms-main .project-grid {
    padding: 50px 0px;
}

    .forms-main .project-grid ul.project-list li {
        width: 33%;
        float: left;
        margin-bottom: 30px;
    }

        .forms-main .project-grid ul.project-list li .project_card {
            margin: 0px 15px;
            background: #FFFFFF;
            box-shadow: 4px 3px 6px #00000029;
            border: 1px solid #7070703B;
            border-radius: 10px;
        }

            .forms-main .project-grid ul.project-list li .project_card .box-img {
                padding: 5px;
                width: 100%;
                height: 223px;
                object-fit: cover;
            }

.forms-main .project_card .inner-proj {
    padding: 2px 20px 5px 28px;
}

    .forms-main .project_card .inner-proj h3 {
        font-size: 14px;
        font-weight: 500;
        padding-bottom: 7px;
        color: #000;
    }

    .forms-main .project_card .inner-proj p {
        color: #5E5A5A;
        font-size: 11px;
        padding-bottom: 0px;
    }

.forms-main .project_card .proj-btm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    min-height: 26px;
}

    .forms-main .project_card .proj-btm p {
        padding-bottom: 0px;
        color: #000;
        font-size: 13px;
    }

        .forms-main .project_card .proj-btm p img {
            margin-right: 5px;
            position: relative;
            top: 2px;
            border-radius: 3px;
            width: 14px;
        }

.createform_left .forms-new .forms-cont {
    border: 1px solid #70707063;
    border-radius: 10px;
}

.createform_left .forms-head .sharetask .share-div .dropdown-menu {
    min-width: 300px;
    right: 0;
    padding: 20px;
    border-radius: 7px;
}

    .createform_left .forms-head .sharetask .share-div .dropdown-menu h3 {
        font-size: 16px;
        padding-bottom: 5px;
        color: #000;
        padding: 0px 0px 6px;
    }

.createform_left .sharetask .share-div .dropdown-menu form input, .createform_left .sharetask .share-div .dropdown-menu form textarea {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000;
}

.createform_left .sharetask .share-div .dropdown-menu form input {
    height: 37px;
}

    .createform_left .sharetask .share-div .dropdown-menu form input:focus, .createform_left .sharetask .share-div .dropdown-menu form textarea:focus {
        box-shadow: none !important;
        border-color: #ccc !important;
    }

.createform_left .forms-new .forms-head {
    display: flex;
    justify-content: space-between;
    /*border-top: 42px solid #8882F4;*/
    padding: 13px 19px;
}

.forms-head .sharetask .share-div {
    position: relative;
}

.createform_left .forms-new {
    width: 700px;
    margin: 5px auto 35px;
    display: block;
    height: calc(100vh - 99px);
    overflow-y: auto;
}

.createform_left .forms-new .forms-head .sharetask a {
    margin-left: 25px;
}

    .createform_left .forms-new .forms-head .sharetask button.btn.btn-primary {
        padding: 5px 20px;
        font-size: 13px;
    }

    .createform_left .forms-new .forms-head .newtask a img {
        width: 14px;
        vertical-align: middle;
        border-radius: 2px;
        position: relative;
        top: -1px;
    }

    .createform_left .forms-new .forms-head .sharetask .dropdown-menu .group-btn a {
        margin: 0px;
        padding: 0px;
        font-weight: 500;
        font-size: 13px;
    }

    .createform_left .forms-new .forms-head .sharetask .dropdown-menu .group-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .createform_left .forms-new .forms-head a {
        font-size: 14px;
        font-weight: 500;
        color: #000 !important;
    }

.createform_left .sharetask img.prev-icon {
    width: 18px;
    position: relative;
    top: 2px;
    margin-right: 2px;
}

.createform_left .sharetask a i {
    font-size: 13px;
    color: #000;
    margin-right: 1px;
}

.createform_left .forms-new .forms-head .sharetask a.share-dot {
    position: relative;
    top: -1px;
}

.createform_left .forms-cont h3 {
    padding: 20px 19px 8px;
    font-size: 22px;
    font-weight: 500;
}

.createform_left .forms-cont p {
    padding: 0px 19px 15px;
    color: #868383;
    font-size: 14px;
}

.forms-input {
    padding: 11px 20px 13px;
    border: 1px solid #70707063;
    border-radius: 10px;
    margin-top: 15px;
}

    .forms-input textarea {
        border: 1px dashed #70707063;
        border-radius: 5px;
    }

        .forms-input textarea:focus {
            box-shadow: none !important;
            border: 1px dashed #70707063 !important;
        }

.createform_left .file-upload {
    background-color: #ffffff;
    width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.createform_left .file-upload-btn:active {
    border: 0;
    transition: all .2s ease;
}

.createform_left .file-upload-content {
    display: none;
    text-align: center;
}

.createform_left .file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.createform_left .image-upload-wrap {
    margin-top: 15px;
    border: 1px dashed #70707063;
    border-radius: 10px;
    position: relative;
}
.createform_left {
    background:var(--form-theme-color,#F5F5F5);
}


.createform_left .image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.createform_left .drag-text {
    text-align: center;
}

    .createform_left .drag-text h3 {
        color: #00000070;
        padding: 35px 0;
        font-weight: 500;
        font-size: 14px;
    }

.createform_left .file-upload-image {
    max-height: 200px;
    max-width: 200px;
    margin: auto;
    padding: 20px;
}

.createform_left .image-upload-wrap.attachment_div .drag-text h3 {
    padding: 24px 15px;
    text-align: left;
}

.createform_left .image-upload-wrap.attachment_div {
    border-radius: 5px;
}

.createform_left .image-upload-wrap.attachment_div {
    margin: 0px;
}

.createform_left .ftr-btm {
    text-align: right;
    margin-top: 50px;
}

    .createform_left .ftr-btm button.btn.btn-primary {
        width: 101px;
        font-size: 14px;
        font-weight: 500;
        margin-left: 10px;
    }

.createform_left, .createform_right {
    padding-top: 20px;
}

    .createform_right .drag-main h3 {
        font-size: 16px;
    }

.search-main .assignto-div {
    margin-top: 0px;
}

.createform_right .drag-main ul.drag-list li {
    width: 100%;
}

.drag-main h3 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    padding-bottom: 10px;
}

.drag-main ul.drag-list li {
    border: 1px solid rgba(112, 112, 112, 0.3098039216);
    border-radius: 5px;
    margin-bottom: 6px;
    font-size: 14px;
    color: #000;
    padding: 5px 7px 3px;
}

    .drag-main ul.drag-list li img {
        margin-right: 10px;
        position: relative;
        top: 2px;
    }

.newtask a.newtask-dot {
    position: relative;
}

    .newtask a.newtask-dot::after {
        content: "";
        background: url(../images/down-arrow.svg) no-repeat;
        width: 11px;
        height: 7px;
        position: absolute;
        top: 6px;
        right: -16px;
        background-size: 9px;
    }

.createform_left .forms-new .forms-head .dropdown-menu a {
    font-size: 13px;
    font-weight: 400;
    color: #000 !important;
    padding: 3px 10px;
}

.createform_left .forms-new .forms-head .dropdown-menu {
    min-width: 100px;
}

.formopen .formsnew-main {
    display: none;
}

.create-form.open {
    display: block !important;
}


/*project setting*/
.project-form {
    max-width: 400px;
    margin: 10px auto;
}

    .project-form img.profile-img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        margin: 0 auto;
        display: block;
        border: 1px solid #70707024;
    }

    .project-form .form-group a {
        text-align: center;
        font-size: 12px;
        color: #131025 !important;
        font-weight: 500;
        display: block;
        margin-bottom: 40px;
    }

    .project-form .form-group input, .project-form .form-group select {
        border: 1px solid #BBC7DC;
        height: 43px;
        border-radius: 5px;
        padding: 10px;
    }

    .project-form .form-group select {
        font-size: 14px;
        padding: 0 16px;
    }

    .project-form .form-group textarea {
        border: 1px solid #BBC7DC;
        border-radius: 5px;
        height: 111px;
        padding: 10px;
    }

        .project-form .form-group input:focus, .project-form .form-group textarea:focus {
            box-shadow: none !important;
            border-color: #BBC7DC !important;
        }

    .project-form .form-group label {
        color: #313E5B;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 3px;
    }

    .project-form .form-group input::placeholder {
        font-size: 12px;
        color: #99A5BC;
        position: relative;
        top: 1px;
    }

    .project-form .form-group textarea::placeholder {
        font-size: 12px;
        color: #99A5BC;
    }

    .project-form .form-group span {
        color: #76829B;
        font-size: 10px;
        margin-top: 7px;
    }

    .project-form .form-group.textarea-div span {
        text-align: right;
        display: block;
    }

    .project-form .form-group {
        margin-bottom: 15px;
    }

        .project-form .form-group.textarea-div {
            margin-bottom: 10px;
        }

    .project-form button.btn.btn-primary {
        background: #131025;
        box-shadow: 0px 18px 20px #0000001A;
        border-radius: 5px;
        width: 84px;
        height: 36px;
        font-size: 14px;
        font-weight: 500;
        margin-top: 10px;
    }

    .project-form .form-group .select li {
        display: none;
        cursor: pointer;
        padding: 8px 15px;
        border: 1px solid #BBC7DC;
        border-top: none;
        border-left: 1px solid #BBC7DC;
        border-right: 1px solid #BBC7DC;
        background: #fff;
    }

        .project-form .form-group .select li:first-child {
            display: block;
            border: none;
            border-radius: 4px;
        }

    .project-form .form-group ul.select.open li:first-child {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .project-form .form-group .select {
        border: 1px solid #BBC7DC;
        display: block;
        padding: 0;
        border-radius: 4px;
        position: relative;
        height: 43px;
        width: 100%;
        z-index: 999;
    }

        .project-form .form-group .select li:hover {
            background-color: #ddd;
        }

        .project-form .form-group .select li:first-child:hover {
            background-color: transparent;
        }

        .project-form .form-group .select.open li {
            display: block;
        }

        .project-form .form-group .select li span {
            display: inline-block;
            background: #954CFF;
            color: #fff;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            text-align: center;
            line-height: 22px;
            font-size: 13px;
            margin: 0px 8px 0px 0px;
        }

/*Summary*/
.card.summary-card .card-body h3 {
    text-align: center;
    font-size: 20px;
    color: #000;
    padding-bottom: 15px;
    font-weight: 500;
}

.card.summary-card .card-body p {
    text-align: center;
    color: #000;
    font-size: 15px;
}

.card.summary-card .card-body {
    padding: 30px 18px 24px;
    border-radius: 0px 0px 10px 10px;
}

.card.summary-card ul.card-info {
    display: flex;
    justify-content: center;
    padding-top: 11px;
}

.card.summary-card .media .media-left span {
    display: inline-block;
    background: #954CFF;
    color: #fff;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    font-size: 16px;
    margin: 0px 8px 0px 0px;
}

.card.summary-card .media .media-left {
    float: left;
}

.card.summary-card .media {
    display: flex;
    align-items: center;
}

    .card.summary-card .media .media-body h4 {
        color: #313E5B;
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 5px;
    }

    .card.summary-card .media .media-body p {
        text-align: left;
        color: #000000AD;
        font-size: 12px;
    }

.card.summary-card ul.card-info li {
    padding: 0px 10px;
    position: relative;
}

    .card.summary-card ul.card-info li p {
        color: #000;
        font-size: 14px;
        line-height: 1;
    }

    .card.summary-card ul.card-info li span {
        font-size: 12px;
        color: #000;
    }

    .card.summary-card ul.card-info li:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 36px;
        background: #839ED9B8;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .card.summary-card ul.card-info li:last-child:after {
        display: none;
    }

.card-grid .card.summary-card {
    margin-right: 23px;
    width: 153px;
    border-radius: 0px 0px 10px 10px;
}

.card-grid {
    display: flex;
}

    .card-grid .card.summary-card .card-body {
        padding: 17px 5px;
    }

        .card-grid .card.summary-card .card-body h3 {
            padding-bottom: 2px;
        }

        .card-grid .card.summary-card .card-body p {
            font-size: 12px;
            min-height: 37px;
        }

.card.summary-card {
    min-height: 170px;
    margin-bottom: 30px;
}

.card-grid .card.summary-card .card-body p.count-para {
    font-size: 18px;
    font-weight: 600;
    padding: 30px 0px 0px;
}

.card.blu-div p.count-para {
    color: #4E9ADC;
}

.card.red-div p.count-para {
    color: #FF0000;
}

.card.grn-div p.count-para {
    color: #97C35B;
}

.card.blu-div {
    border-color: #4E9ADC;
    border-top: 3px solid #4E9ADC;
}

.card.red-div {
    border-color: #FF0000;
    border-top: 3px solid #FF0000;
}

.card.grn-div {
    border-color: #97C35B;
    border-top: 3px solid #97C35B;
}

.summary-main {
    margin-top: 30px;
}

.card.summary-card.org-div {
    border: 1px solid #F8A222;
    border-radius: 0px 10px 10px 0px;
    border-left: 3px solid #F8A222;
    margin-right: 2px;
}

.card.card-project {
    min-height: 340px;
    box-shadow: 3px 3px 6px #00000029;
    border: 1px solid #70707045;
    border-radius: 0px 15px 15px 0px;
    margin-bottom: 30px;
    padding: 17px 25px;
}

    .card.card-project .card-body {
        padding: 0px;
    }

        .card.card-project .card-body h3 {
            font-size: 20px;
            font-weight: 600;
            padding-bottom: 10px;
            color: #000;
        }

        .card.card-project .card-body p {
            font-size: 15px;
            color: #000;
        }

.summary-main .right-summarycard {
    padding-left: 20px;
}

.forms-main .project_card .proj-btm .dropdown-menu a img {
    width: 12px;
    position: relative;
    margin-right: 5px;
    top: 2px;
}
/*users*/
.projectuser table.table.table_list thead th:first-child {
    width: 350px !important;
}

.projectuser .table-list .media .media-left span {
    display: inline-block;
    background: #954CFF;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    margin: 0px 11px 0px 0px;
}

.projectuser .table-list .media .media-left {
    float: left;
}

.projectuser .table-list .media {
    text-align: left;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
}

table.table.table_list tr:last-child td {
    padding: 9px 12px;
}

.projectuser .table-list .media .media-body h4 {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 5px;
}

.projectuser .table-list .media .media-body a {
    text-align: left;
    color: #838383 !important;
    font-size: 11px;
    padding-right: 0;
}

.projectuser .table_list thead th {
    width: 215px !important;
    text-transform: inherit;
}

.projectuser tr.table-clr td {
    height: auto;
}

.projectuser .grn-clr {
    color: #97C35B;
    font-weight: 500;
    background: transparent;
}

.grn-clr {
    color: #97C35B;
    font-weight: 500;
}

.projectuser .red-clr {
    color: #F50F1F !important;
    font-weight: 500;
    background: transparent;
}
.projectuser .blu-clr {
    color: #1599cd !important;
    font-weight: 500;
    background: transparent;
}

.red-clr {
    color: #F50F1F;
    font-weight: 500;
}

.users-btn a img {
    width: 21px;
    border: 1px solid #DEE9FC;
    border-radius: 50%;
    padding: 3px;
    vertical-align: middle;
    margin-left: 3px;
}

.users-btn a {
    border: 0px;
    border-radius: 3px;
    padding: 8px 11px;
    font-size: 13px;
    margin: 0;
    box-shadow: 2px 4px 24px rgba(0,0,0,0.1);
}

.users-btn {
    padding: 8px 0px 0px;
    position: relative;
}

.search-main.userssearch input {
    border-radius: 7px;
}

.search-main.userssearch .search-icon {
    margin-top: 0px;
}

.file-inner.file-dropdown .pdf-name {
    width: 33%;
    position: relative;
}

    .file-inner.file-dropdown .pdf-name p {
        float: left;
        width: 100%;
    }

    .file-inner.file-dropdown .pdf-name .dropdown-menu {
        right: 16px;
        padding: 5px 0px 5px;
        top: 9px;
    }

    .file-inner.file-dropdown .pdf-name a.dropdown-item {
        padding: 2px 10px;
        margin-bottom: 3px;
        font-size: 13px;
    }

.forms-head .sharetask {
    display: flex;
}

.Delete_Modal_Wrapper.notebook-delete a.btn-delete.button-delete-page {
    color: #fff !important;
    line-height: 23px;
}

.createform_left .forms-new .forms-head .remove-div {
    position: relative;
}

    .createform_left .forms-new .forms-head .remove-div .dropdown-menu {
        right: 0;
    }

        .createform_left .forms-new .forms-head .remove-div .dropdown-menu a {
            margin: 0;
        }

    .createform_left .forms-new .forms-head .remove-div .dropdown-menu {
        right: 0;
        padding: 3px 0px;
    }

.file-sec .inner-data .dropdown-menu {
    padding: 5px 0px 5px;
}

    .file-sec .inner-data .dropdown-menu a {
        margin-bottom: 0px;
        padding: 3px 10px 3px 6px;
    }

        .file-sec .inner-data .dropdown-menu a img {
            margin-right: 10px;
        }

.files-div table.table.files-table thead {
    background: transparent;
}

.files-div table.table.files-table {
    margin-bottom: 0px;
}

.forms-main .project_card .proj-btm .dropdown-menu a {
    padding: 0px 10px;
    color: #f00 !important;
}

.forms-main .project_card .proj-btm .dropdown-menu {
    right: 0;
    top: 24px;
    padding: 5px 0px;
    min-width: 130px;
}
/*Project Task*/
ul.drag-list .draggable {
    will-change: transform;
    margin: 0px 8px 8px 0px;
    cursor: move;
    transition: all 200ms;
    user-select: none;
    position: relative;
    height: 46px;
    background: #fff;
    text-align: left;
    padding: 0px;
    line-height: 47px;
    border-radius: 7px;
    border: 1px solid #4E9ADC73;
    font-size: 12px;
    color: #000;
    padding-left: 15px;
}

    ul.drag-list .draggable i {
        margin-right: 15px;
        font-size: 21px;
        position: relative;
        top: 3px;
        color: #131025;
    }

    ul.drag-list .draggable img {
        margin-right: 13px;
        width: 18px;
        position: relative;
        top: 5px;
    }

.design-left ul.nav.nav-tabs {
    border-bottom: 2px solid #ccc;
    padding-left: 2px;
}

    .design-left ul.nav.nav-tabs li a.nav-link.active {
        border: none;
        border-bottom: 2px solid #131025;
    }

    .design-left ul.nav.nav-tabs li a {
        font-size: 15px;
        text-transform: capitalize;
        color: #000 !important;
        font-weight: 400;
        padding: 8px 2px 12px;
        margin: 0px 28px -2px 7px;
    }

.work-items {
    margin-top: 20px;
}

.design-left {
    background: #F4F5F7;
    margin-top: 15px;
    border-radius: 10px;
    padding: 15px;
    display: inline-block;
    width: 100%;
}

    .design-left .search-main {
        padding: 0px;
        margin-bottom: 15px;
    }

        .design-left .search-main input {
            border: 1px solid #4E9ADC73;
            background: #fff;
            border-radius: 7px;
            height: 33px;
            color: #000;
            padding-left: 10px;
        }

            .design-left .search-main input::placeholder {
                color: #9F9F9F;
                font-size: 12px;
            }

.header-search-wrapper .search-icon svg {
    width: 14px;
}

.header-search-wrapper .search-icon {
    margin-left: -26px;
    margin-top: 0;
}

.design-left h3 {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding-bottom: 10px;
}

ul.drag-list li {
    width: 50%;
    float: left;
}

.design-left p {
    font-size: 14px;
    padding-bottom: 3px;
    color: #000;
    clear: both;
}

ul.drag-list {
    display: inline-block;
    width: 100%;
}

.work-items ul li.nav-item a:hover {
    border: none;
}

.draglist-div h3 {
    padding-bottom: 7px;
    margin-top: 18px;
}

.draglist-div ul.drag-list {
    width: 100%;
}

    .draglist-div ul.drag-list .drag-field.draggable {
        text-align: left;
        padding-left: 15px;
        height: 37px;
        line-height: 37px;
    }

        .draglist-div ul.drag-list .drag-field.draggable img {
            width: 14px;
        }

    .draglist-div ul.drag-list li {
        width: 100%;
    }

    .draglist-div ul.drag-list .draggable img {
        top: 4px;
    }

.draglist-right {
    background: #F4F5F7;
    margin-top: 15px;
    border-radius: 10px;
    padding: 15px;
    display: inline-block;
    width: 100%;
}

    .draglist-right ul.drag-list li {
        width: 100%;
    }

    .draglist-right .drag-field.draggable {
        height: 40px;
        line-height: 40px;
    }

    .draglist-right h4 {
        font-weight: 400;
        color: #000;
        padding-bottom: 10px;
        font-size: 14px;
    }

    .draglist-right .custom-field {
        margin-top: 35px;
    }

    .draglist-right .status-list img {
        width: 20px;
        position: relative;
        top: 5px;
        margin-right: 8px;
    }

    .draglist-right .status-list {
        border: 1px solid #4E9ADC73;
        border-radius: 8px;
        display: inline-block;
        padding: 0px 20px;
        font-size: 14px;
        color: #000;
        height: 45px;
        line-height: 45px;
        width: 125px;
        margin-bottom: 10px;
    }

.work-items li.nav-item a {
    font-weight: 600;
    padding: 8px 0px;
    width: 140px;
    text-align: center;
    cursor: pointer;
}

    .work-items li.nav-item a.active {
        background: #97C35B52;
        color: #000 !important;
    }

.design-btn {
    text-align: right;
    margin-top: 15px;
}

    .design-btn button.btn.btn-primary {
        margin-left: 5px;
        font-size: 13px;
        font-weight: 500;
        width: 135px;
        background: #131025;
        border-radius: 6px;
    }

.category-left {
    max-width: 260px;
    margin-left: 100px;
    margin-top: 25px;
}

    .category-left h3 {
        font-size: 14px;
        font-weight: 600;
        padding-bottom: 5px;
    }

    .category-left ul.drag-list li {
        width: 100%;
    }

    .category-left p {
        color: #313E5B;
        font-weight: 500;
        padding-bottom: 4px;
    }

    .category-left ul.drag-list {
        padding-bottom: 15px;
    }

    .category-left .drag-field.draggable span::before {
        content: "";
        background: #4E9ADC;
        width: 13px;
        height: 13px;
        border-radius: 3px;
        position: absolute;
        top: -1px;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    .category-left .drag-field.draggable span {
        position: relative;
        padding-left: 20px;
        color: #4E9ADC;
        font-size: 12px;
    }

    .category-left ul.drag-list .drag-field.draggable {
        height: 36px;
        line-height: 36px;
        padding-left: 7px;
    }

        .category-left ul.drag-list .drag-field.draggable img {
            width: 9px;
            opacity: .4;
            position: relative;
            top: 3px;
            object-fit: cover;
        }

    .category-left ul.drag-list li .drag-field.draggable.addplus-icon {
        background: #EBEBEB;
        border-color: #EBEBEB;
    }

        .category-left ul.drag-list li .drag-field.draggable.addplus-icon img {
            background: #fff;
            width: 16px;
            padding: 3px;
            border-radius: 4px;
            opacity: 1;
        }

        .category-left ul.drag-list li .drag-field.draggable.addplus-icon span::before {
            display: none;
        }

        .category-left ul.drag-list li .drag-field.draggable.addplus-icon span {
            padding-left: 3px;
        }

    .category-left .adddrag-right {
        float: right;
        font-size: 11px;
        color: #313E5B;
    }

    .category-left .add-drag {
        float: left;
    }

    .category-left ul.drag-list .drag-field.draggable .adddrag-right a img {
        width: 4px;
        margin: 3px 7px 0px 6px;
        position: relative;
        top: 4px;
        opacity: .7;
    }

    .category-left ul.drag-list .drag-field.draggable .adddrag-right img.drag-taskicon {
        width: 12px;
        margin: 0px 5px;
        position: relative;
        top: 2px;
        opacity: 1;
    }

    .category-left ul.drag-list li .drag-field.addplus-icon span {
        font-size: 12px;
        color: #313E5B;
    }

    .category-left.cate-right .drag-field.draggable span::before {
        background: #8882F4;
    }

    .category-left.cate-right .drag-field.draggable span {
        color: #8882F4;
    }

    .category-left.cate-right h3 {
        padding-bottom: 8px;
    }
/*Sidebar*/
/*aside.second_sidebar.active.project_sidebar {
    display: block !important;
    left: 60px;
}

.Everything .sidebar.close ~ .second_sidebar ~ .home-section {
    left: 260px !important;
    width: calc(100% - 260px) !important;
}*/

.project_sidebar .toggle_wrapper, .sidebar .toggle_wrapper {
    top: 8px;
}

.project_sidebar a.back-btn {
    margin: 9px 5px;
    background: #9F9F9F33;
    border-radius: 3px;
    color: #131025 !important;
    font-size: 13px;
    padding: 1px 12px 1px 7px
}

    .project_sidebar a.back-btn svg {
        width: 15px;
        margin-top: -1px;
        height: 16px;
    }

.project_sidebar .sidebar-back {
    text-align: right;
}

.project_sidebar .sidebar-client {
    padding: 0px 10px;
}

    .project_sidebar .sidebar-client h3 {
        color: #828181;
        font-size: 14px;
        line-height: 15px;
    }

.project_sidebar ul.comp-list.client_worspace_list li img {
    width: 14px;
    margin-right: 6px;
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.project_sidebar ul.comp-list.client_worspace_list li {
    color: #616161;
    font-size: 14px;
    margin: 6px 0px 0px;
    padding: 1px 8px;
}

    .project_sidebar ul.comp-list.client_worspace_list li a {
        padding:4px 0px;
        font-size:13px;
    }

.project_sidebar ul.comp-list.client_worspace_list {
    padding: 10px 5px;
}

.project_sidebar .sidebar-client p {
    font-size: 12px;
    color: #131025;
}

.project_sidebar ul.comp-list.client_worspace_list li:hover {
    background: #EBEBEBD6;
    border-radius: 5px;
}

.project-sidebartitle {
    padding: 0px 10px;
}

    .project-sidebartitle ul.comp-list.client_worspace_list {
        padding: 2px 0px 6px;
    }

    .project-sidebartitle h3 {
        font-weight: 500;
        color: #000;
        font-size: 14px;
    }

    .project-sidebartitle ul.comp-list.client_worspace_list li {
        margin-top: 0px;
    }

        .project-sidebartitle ul.comp-list.client_worspace_list li:hover, .project-sidebartitle ul.comp-list.client_worspace_list li.active .d-flex align-items-center {
            background: #DEE9FC;
            border-radius: 5px;
        }

    .project-sidebartitle ul.comp-list.client_worspace_list a.taskbar-list img {
        width: 17px;
        padding: 0px;
        border-radius: 4px;
    }

.worklist_new ul.comp-list.client_worspace_list .level_items.level2 p {
    padding-bottom: 8px;
    padding-top: 3px;
}

.project-sidebartitle ul.comp-list.client_worspace_list a.subtaskbar-list img {
    background: #82D5F4;
    width: 20px;
    padding: 2px;
    border-radius: 4px;
}

.project-sidebartitle ul.comp-list.client_worspace_list a.addnew-list img {
    background: #BBC7DC;
    width: 17px;
    padding: 4px;
    border-radius: 4px;
}

.projectsetting-sidebar .sidebar-back {
    margin-bottom: 7px;
    margin-top: 2px;
}

.project-sidebartitle.sidetemp {
    margin-top: 15px;
    padding: 0px 5px;
    overflow: hidden;
    overflow-y: auto;
    /*Below Line Limits the height of project Template Categories sidebar*/
    height: 85vh;
}

    .project-sidebartitle.sidetemp ul.comp-list.client_worspace_list li {
        padding-left: 7px;
    }

    .project-sidebartitle.sidetemp ul.comp-list.client_worspace_list {
        margin-top: 5px;
    }

    .project-sidebartitle.sidetemp h3 {
        padding-left: 7px;
    }

    .project-sidebartitle.sidetemp ul.comp-list.client_worspace_list li {
        margin-top: 5px;
    }
/*popup*/
.newwork-popup .modal-popup {
    width: 500px;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    box-shadow: 0px 4px 5px -2px rgb(0 0 0 / 10%), 0px 7px 10px 1px rgb(0 0 0 / 10%), 0px 2px 16px 1px rgb(0 0 0 / 10%);
    overflow-x: auto;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    border-radius: 15px;
    display: none;
}

.newwork-popup.open .modal-popup {
    display: block;
    overflow: visible;
}

.newwork-popup .modal-popup .popup-body {
    padding: 43px 50px 43px 50px;
}

    .newwork-popup .modal-popup .popup-body h3 {
        font-size: 22px;
        font-weight: 500;
        color: #000;
        padding-bottom:10px;
    }

a.edit-workflow-btn {
    margin-right: 10px;
}

.suggested-main {
    padding-bottom: 20px;
    margin-top: 7px;
}

.newwork-popup .modal-popup .popup-body p {
    font-size: 16px;
    color: #605B5B;
    margin-bottom: 15px;
    padding-bottom: 8px;
}

.work-itemtype h4 img {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.work-itemtype h4 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 3px !important;
    background: #fff;
    margin-top: -11px;
    display: table;
    width: auto;
    padding: 0px 5px;
}

.newwork-popup .modal-popup .popup-body .work-itemtype p {
    font-size: 12px;
    color: #010101AB;
    padding-left: 34px;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.newwork-popup .modal-popup .popup-body .work-itemtype {
    position: relative;
    top: -10px;
    border: 1px solid #7070703D;
    padding-left: 18px;
    border-radius: 5px;
    margin-top: 25px;
}

a.create-link {
    color: #000;
    font-size: 14px;
}

.workdesign-btn button.btn.btn-primary {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
    width: 110px;
    background: #131025 !important;
    border-radius: 6px;
    box-shadow: none !important;
}

    .workdesign-btn button.btn.btn-primary:active {
        background: #131025 !important;
    }


.workdesign-btn {
    text-align: right;
    padding: 0 0px 10px;
    clear: both;
}

.newwork-popup .modal-popup .popup-body .work-itemtype:hover {
    box-shadow: 4px 3px 6px #313E5B21;
}

.select-icon ul.list-inline.icons-list li {
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
    height: 34px;
}

.worktype-form label {
    font-size: 14px;
    color: #000;
    margin-bottom: 2px;
}

.worktype-form input {
    height: 42px;
    border-color: #7070707A;
    border-radius: 5px;
}

.worktype-form textarea {
    height: 82px;
    border-color: #7070707A;
    border-radius: 5px;
}

    .worktype-form input:focus, .worktype-form textarea:focus {
        box-shadow: none !important;
        border-color: #7070707A !important;
    }

    .worktype-form input::placeholder, .worktype-form textarea::placeholder {
        font-size: 12px;
        color: #0101014D;
    }

.worktype-form .select-icon label {
    padding-bottom: 5px;
}

.select-icon {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

    .select-icon ul.list-inline.icons-list li.more-link ~ li {
        display: none;
    }

    .select-icon ul.list-inline.icons-list li.more-link {
        padding-top: 14px;
    }

        .select-icon ul.list-inline.icons-list li.more-link a {
            font-size: 12px;
            color: #131025 !important;
        }

    .select-icon ul.list-inline.icons-list li.less-link {
        padding-top: 14px;
        display: none;
    }

        .select-icon ul.list-inline.icons-list li.less-link a {
            font-size: 12px;
            color: #131025 !important;
        }

        .select-icon ul.list-inline.icons-list li.less-link.open {
            display: block;
        }

    .select-icon ul.list-inline.icons-list li.more-link.open {
        display: none;
    }

.worktype-form, a.create-link.remove {
    display: none;
}

    .worktype-form.open {
        display: block;
    }

/*Backlogs*/
.accordion .card-header .title {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding-top: 3px;
}

.accordion .card-header .accicon {
    float: left;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
    padding-top: 2px;
}

.accordion .card-header {
    cursor: pointer;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: transparent;
    padding: 12px 12px 11px;
}

.accordion .card {
    border: 1px solid #F6F5F5;
    background: #F6F5F5;
    border-radius: 10px;
    margin-bottom: 20px;
}

.accordion .card-header .title span {
    padding: 0px 7px;
    font-weight: 400;
    font-size: 12px;
    color: #777;
}

.accordion .card-header .title small {
    color: #9F9F9F;
    font-weight: 500;
    font-size: 12px;
}

.accordion .card-body {
    border: none;
    padding: 0px;
}

.sprint-description-div {
    padding: 0px 17px 10px;
}

    .sprint-description-div p.sprint-description {
        font-size: 12px;
        color: #777;
        margin-top: -6px;
    }

.accordion a.dotsprint-link img {
    width: 17px;
}

.accordion .card-header:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
}

.accordion .card-header .card-title {
    width: 60%;
    margin-bottom: 0px;
}

.accordion .level2Wrapper {
    display: none;
}

.sprint-right a.sprint-link, .sprint-right a.sprint-end-link {
    background: #9B99A4;
    border-radius: 5px;
    padding: 5px 20px;
    color: #fff !important;
    font-size: 12px;
    margin-right: 10px;
}

.sprint-right a.sprint-end-link {
    background: #9B99A4;
    border-radius: 5px;
    padding: 5px 20px;
    color: #fff !important;
    font-size: 12px;
    margin-right: 10px;
}

.sprint-righ a.dotsprint-link img {
    width: 18px;
}

.backlog_right .btn:focus {
    outline: none;
    box-shadow: none;
}

.backlog_right .custom-dropdown, .backlog_right .dropdown-menu {
    border-radius: 3px;
}

    .backlog_right .custom-dropdown .dropdown-item {
        color: #414D55;
        font-size: 14px;
    }

        .backlog_right .custom-dropdown .dropdown-item:active {
            background-color: #8882F4;
            color: #fff;
        }

.backlog_right .status_dropdown[data-color=TODO-status] button {
    background-color: #8882F4;
}

.backlog_right .status_dropdown[data-color=InProgress-status] button {
    background-color: #4E9ADC;
}

.backlog_right .status_dropdown[data-color=Done-status] button {
    background-color: #97C35B;
}

.backlog_right .status_dropdown[data-color=INPROGRESS-status] button {
    background-color: #4E9ADC;
}

.backlog_right .status_dropdown[data-color=DONE-status] button {
    background-color: #97C35B;
}

.backlog_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 18px;
    border-bottom: 1px solid #70707024;
    background: #fff;
    margin: 0px 0;
}

    .backlog_list .title_div img {
        vertical-align: middle;
        margin-right: 8px;
        position: relative;
        top: -1px;
        width: 20px;
        border-radius: 2px;
    }

    .backlog_list .title_div p {
        font-size: 12px;
        color: #000;
        white-space: nowrap;
    }

    .backlog_list .backlog_right {
        display: flex;
        position: relative;
        top: 2px;
        margin-left: 10px;
       
    }

        .backlog_list .backlog_right button {
            padding: 0px 6px;
            color: #fff;
            font-size: 12px;
            height: 23px;
            line-height: 23px;
            background-color: #8882F4;
        }

    .backlog_list img.backlog_user {
        margin-left: 10px;
        border-radius: 50%;
        max-width: 25px;
    }

    .backlog_list .backlog_right button.dropdown-toggle::after {
        background: url(../images/down-whitearrow.svg) no-repeat;
        width: 8px;
        height: 5px;
        border: none;
        position: relative;
        top: 2px;
    }

    .backlog_list .title_div {
        padding-top: 5px;
        display: flex;
        width: 60%;
        overflow: hidden;
    }

.create-backlogs {
    background: #EBEBEBBA;
    padding: 8px 15px 8px;
}

    .create-backlogs img {
        vertical-align: middle;
        margin-right: 5px;
        width: 12px;
        position: relative;
        top: -1px;
    }

.sprint-right .dropdown-menu {
    min-width: 100px;
    right: 8px;
    padding: 2px 0px 3px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1607843137);
    border: 1px solid rgba(112, 112, 112, 0.2196078431);
}

    .sprint-right .dropdown-menu a {
        margin: 0px;
        font-size: 12px;
        font-weight: 400;
        padding: 3px 9px;
        color: #000 !important;
    }

.backlog_list .backlog_right ul {
    padding: 0px;
}

    .backlog_list .backlog_right ul li {
        padding: 0 0px;
    }

        .backlog_list .backlog_right ul li a {
            padding: 1px 10px;
        }

.backlog-head {
    cursor: pointer;
    border-bottom: none;
    width: 100%;
    background: transparent;
    padding: 14px 0px 14px 12px;
    display: inline-block;
}

    .backlog-head .accicon2 {
        float: left;
        font-size: 14px;
        margin-right: 10px;
        cursor: pointer;
        -webkit-transition: all 50ms ease-in-out;
    }

.rotated-accicon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 50ms ease-in-out;
}

.backlog-head .title {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    padding-top: 3px;
    float: left;
}

.backlog-head a.create-sprint {
    float: right;
    background: #131025;
    padding: 2px 12px;
    color: #fff !important;
    border-radius: 3px;
    font-size: 13px;
}

.backlog-head .title small {
    color: #9F9F9F;
    font-weight: 500;
    margin-left: 15px;
}

.backlog-sprint .create-backlogs {
    background: transparent;
    padding: 10px 15px;
}

.backlog-sprint .backlog-body {
    border: 1px dashed #7070704D;
    min-height: 66px;
    margin-bottom: 7px;
    display: none;
}
/*edit sprint popup*/
.editsprt-popup .modal-popup {
    width: 700px;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    box-shadow: 0px 4px 5px -2px rgb(0 0 0 / 10%), 0px 7px 10px 1px rgb(0 0 0 / 10%), 0px 2px 16px 1px rgb(0 0 0 / 10%);
    overflow-x: auto;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    border-radius: 15px;
    display: none;
}

.editsprt-popup.open .modal-popup {
    display: block;
    width: 620px;
}

.editsprt-popup button.close {
    border: none;
    background: transparent;
    position: absolute;
    right: 20px;
    top: 20px;
}

    .editsprt-popup button.close img {
        width: 12px;
    }

.editsprt-popup .popup-body {
    padding: 0px;
    overflow: hidden;
}

    .editsprt-popup .popup-body .sprint-form {
        padding: 15px 35px 10px;
    }

.editsprt-popup .edit-div h3 {
    font-size: 18px;
    font-weight: 500;
    background: #131025;
    padding: 17px 30px 16px;
    color: #fff;
}

.sprint-form .form-group {
    margin-bottom: 10px;
}

.sprint-form label {
    color: #000;
    font-size: 13px;
    margin-bottom: 3px;
}

.sprint-form input, .sprint-form select {
    height: 35px;
    max-width: 313px;
    font-size: 14px;
    padding: 7px 10px;
    border-color: #ccc;
    border-radius: 3px;
}

    .sprint-form input:focus, .sprint-form select:focus, .sprint-form textarea:focus {
        box-shadow: none !important;
        border-color: #ccc !important;
    }

.sprint-form textarea {
    height: 95px;
    font-size: 14px;
    padding: 10px;
    border-color: #ccc;
    border-radius: 3px;
}

body.editfix .bodyoverlay {
    background: rgb(39 39 39 / 77%);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 999;
    top: 0;
}
/*Workflow*/
.workflow-listflow {
    margin-top: 13px;
}

.workflow-head {
    display: flex;
    align-items: center;
}

.workflowlist ul.workflow_list {
    display: flex;
}

.workflow-title {
    margin-right: 12px;
    padding-top: 7px;
}

.workflowlist ul.workflow_list li {
    padding-right: 11px;
}

.workflow-title h3 {
    font-size: 14px;
    color: #000;
    padding-bottom: 5px;
}

.workflow-title p {
    color: #5E5A5A;
    font-size: 12px;
}

.workflow_status ul.workflow-box {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 8px;
}

    .workflow_status ul.workflow-box li span {
        color: #5E5A5A;
        font-size: 12px;
        display: block;
        line-height: 16px;
    }

    .workflow_status ul.workflow-box li {
        padding: 0px;
        width: 110px;
    }

        .workflow_status ul.workflow-box li img {
            width: 31px;
        }

        .workflow_status ul.workflow-box li a {
            display: inline-block;
            padding: 5px;
            cursor: pointer;
        }

            .workflow_status ul.workflow-box li a:hover {
                background: #f0f0f0;
            }

.workflow-drag .start p {
    color: #fff;
    text-align: center;
    line-height: 89px;
    font-weight: 500;
    font-size: 13px;
}

.workflow-drag .start {
    background: #313E5B;
    width: 89px;
    height: 89px;
    border-radius: 50%;
    margin-left: 0;
    display: flex;
    align-self: flex-start;
    justify-content: center;
}

.workflow-drag .main-line {
    display: flex;
    height: 72px;
    position: absolute;
    width: 72px;
    justify-content: center;
    margin-left: 7px;
    top: 87px;
}

    .workflow-drag .main-line .line-topbtm {
        background-color: #70707085;
        display: block;
        height: auto;
        width: 2px;
    }

        .workflow-drag .main-line .line-topbtm::after {
            content: "";
            background: #70707085;
            width: 111px;
            position: absolute;
            height: 2px;
            bottom: 0;
            left: 37px;
        }

.workflow-main {
    min-height: 250px;
    /*position: absolute;*/
}

    .workflow-main .create {
        position: relative;
        /*left: 150px;*/
        border: 1px solid #707070;
        padding: 6px 10px;
        border-radius: 20px;
        bottom: -15px;
        background: #fff;
        min-width: 116px;
        text-align: center;
        top: 0px;
        margin-right: 0px !important;
    }

.workflow-drag {
    position: relative;
    height: 300px;
    width: 100%;
    cursor: move;
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
}

.flowstart-div {
    height: 300px;
    display: flex;
    margin-right: 2px;
}

.workflow-main .arrow-line {
    background: rgba(112, 112, 112, 0.5215686275);
    width: 34px;
    height: 2px;
    /*left: 265px;*/
    position: relative;
    top: 8px;
    align-self: center;
}

.workflow-main .arrow-right {
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    display: inline-block;
    height: 10px;
    right: 0;
    position: absolute;
    bottom: -4px;
    width: 10px;
    transform: rotate(315deg);
    border-bottom-style: solid;
    border-color: #B4B4B4
}

.workflow-main .create.flow {
    align-self: center;
}

.workflow-main .flow {
    margin: 13px 12px 0px 0px;
    align-self: flex-end;
    position: relative;
}

.workflow-main .todo-status .todo {
    background: #8882F4;
    border: 1px solid rgba(112, 112, 112, 0.5215686275);
    border-radius: 10px;
    width: 139px;
    height: 35px;
    line-height: 34px;
}

.workflow-main .todo-status p {
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    height: 35px;
    line-height: 34px;
}

.workflow-main .inprogress-status .inprogress {
    background: #4E9ADC;
    border: 1px solid rgba(112, 112, 112, 0.5215686275);
    border-radius: 10px;
    width: 139px;
    height: 35px;
    line-height: 34px;
}

.workflow-main .inprogress-status p {
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    height: 35px;
    line-height: 34px;
}

.workflow-main .done-status .done {
    background: #97C35B;
    border: 1px solid rgba(112, 112, 112, 0.5215686275);
    border-radius: 10px;
    width: 139px;
    height: 35px;
    line-height: 34px;
}

.workflow-main .done-status p {
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    height: 35px;
    line-height: 34px;
}

.workflow-main .todo, .workflow-main .inprogress, .workflow-main .done {
    width: 100%;
}

.arrowup-line {
    display: flex;
    height: 82px;
    position: relative;
    width: 2px;
    justify-content: center;
    margin: 0 auto;
}

    .arrowup-line .arrow-up {
        background: #70707085;
        width: 2px;
        position: relative;
        top: 0px;
    }

        .arrowup-line .arrow-up::before {
            content: "";
            border-bottom-width: 2px;
            border-right-style: solid;
            border-right-width: 2px;
            display: inline-block;
            height: 12px;
            left: -5px;
            position: absolute;
            top: 1px;
            width: 12px;
            transform: rotate(226deg);
            border-bottom-style: solid;
            border-color: #B4B4B4;
        }

.status-info {
    background: #313E5B;
    border-radius: 3px;
    margin-bottom: 10px;
}

.todo-popup .modal-popup {
    width: 600px;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    box-shadow: 0px 4px 5px -2px rgb(0 0 0 / 10%), 0px 7px 10px 1px rgb(0 0 0 / 10%), 0px 2px 16px 1px rgb(0 0 0 / 10%);
    overflow-x: auto;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    border-radius: 10px;
    display: none;
}

.todo-popup.open .modal-popup {
    display: block;
}

.todo-popup button.close {
    border: none;
    background: transparent;
    position: absolute;
    right: 30px;
    top: 48px;
}

    .todo-popup button.close img {
        width: 12px;
    }

.todo-popup .modal-popup .popup-body {
    padding: 15px 20px;
}

    .todo-popup .modal-popup .popup-body h3 {
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 15px;
        color: #000;
    }

    .todo-popup .modal-popup .popup-body p {
        padding-bottom: 15px;
        color: #000;
    }

    .todo-popup .modal-popup .popup-body form input {
        height: 40px;
        border-radius: 5px;
        margin-bottom: 2px;
        border-color: rgba(112, 112, 112, 0.4784313725);
    }

        .todo-popup .modal-popup .popup-body form input:focus {
            box-shadow: none !important;
            border-color: rgba(112, 112, 112, 0.4784313725) !important;
        }

    .todo-popup .modal-popup .popup-body form span {
        font-size: 12px;
        color: #000;
    }

.todo-popup .modal-popup .flowdesign-btn {
    text-align: right;
}

    .todo-popup .modal-popup .flowdesign-btn button.btn.btn-primary {
        box-shadow: none;
        padding: 8px 20px;
        border-radius: 4px;
        margin: 0 0px 0 5px;
        min-width: 85px;
    }

.transition-select {
    position: relative;
    font-size: 14px;
    color: #333;
    padding-right: 25px;
}

    .transition-select.transition-right {
        padding-left: 25px;
        padding-right: 10px;
    }

    .transition-select .dropdown-list {
        padding: 0px;
        background: #fff;
        position: absolute;
        top: 55px;
        left: 11px;
        right: 2px;
        transform-origin: 50% 0;
        transform: scale(1, 0);
        transition: transform 0.15s ease-in-out 0.15s;
        max-height: 200px;
        overflow-y: auto;
        width: 311px;
    }

    .transition-select .dropdown-option {
        display: block;
        padding: 6px 12px 6px;
        opacity: 0;
        transition: opacity 0.15s ease-in-out;
        margin-bottom: 0px;
        font-size: 13px;
    }

    .transition-select .dropdown-label {
        display: block;
        height: 36px;
        background: #fff;
        border: 1px solid rgba(112, 112, 112, 0.4784313725);
        padding: 6px 12px;
        line-height: 24px;
        margin-bottom: 0px;
        cursor: pointer;
        border-radius: 5px;
        font-size: 13px;
    }

        .transition-select .dropdown-label:before {
            content: "";
            float: right;
            background: url("../images/down-arrow.svg") no-repeat;
            width: 12px;
            height: 8px;
            background-size: 10px;
            margin-top: 7px;
        }

    .transition-select.on .dropdown-list {
        transform: scale(1, 1);
        transition-delay: 0s;
        padding: 0px;
        border: 1px solid rgba(112, 112, 112, 0.4784313725);
        border-top: 0px;
    }

        .transition-select.on .dropdown-list .dropdown-option {
            opacity: 1;
            transition-delay: 0.2s;
        }

    .transition-select.on .dropdown-label:before {
        content: "";
        background: url("../images/down-arrow.svg") no-repeat;
        width: 12px;
        height: 8px;
        background-size: 10px;
        margin-top: 9px;
    }

    .transition-select [type=checkbox] {
        position: relative;
        top: 2px;
        margin-right: 4px;
    }

    .transition-select.transition-right .dropdown-list {
        left: 25px;
    }

.transition-popup .modal-popup {
    width: 720px;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    box-shadow: 0px 4px 5px -2px rgb(0 0 0 / 10%), 0px 7px 10px 1px rgb(0 0 0 / 10%), 0px 2px 16px 1px rgb(0 0 0 / 10%);
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    border-radius: 15px;
    display: none;
}

.transition-popup.open .modal-popup {
    display: block;
}

.transition-popup button.close {
    border: none;
    background: transparent;
    position: absolute;
    right: 30px;
    top: 48px;
}

    .transition-popup button.close img {
        width: 12px;
    }

.transition-popup .modal-popup .popup-body {
    padding: 15px 20px;
}

    .transition-popup .modal-popup .popup-body h3 {
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 10px;
        color: #000;
    }

    .transition-popup .modal-popup .popup-body p {
        padding-bottom: 15px;
        color: #000;
    }

.transition-popup input.form-control {
    height: 36px;
    border-color: rgba(112, 112, 112, 0.4784313725);
    border-radius: 5px;
}

    .transition-popup input.form-control:focus {
        box-shadow: none !important;
        border-color: rgba(112, 112, 112, 0.4784313725) !important;
    }

.transition-select.on .dropdown-list .dropdown-option:hover {
    background: #eee;
    cursor: pointer;
}

.transition-popup .modal-popup .popup-body .transition-select p {
    padding-bottom: 2px;
    font-size: 14px;
    color: #000;
}

.transition-popup .modal-popup .popup-body .form-group p {
    padding-bottom: 2px;
    color: #000;
}

.transition-popup .modal-popup .popup-body .form-group span {
    font-size: 11px;
}

.transition-popup .modal-popup .flowdesign-btn {
    text-align: right;
    margin-top: 0;
}

    .transition-popup .modal-popup .flowdesign-btn button.btn.btn-primary {
        box-shadow: none;
        padding: 8px 20px;
        border-radius: 4px;
        margin: 0 0px 0 5px;
        min-width: 85px;
    }

        .transition-popup .modal-popup .flowdesign-btn button.btn.btn-primary.cancel {
            background: #6c757d !important;
            border-color: #6c757d;
        }

.arrow-status {
    position: absolute;
    text-align: center;
    top: 33px;
    width: 51px;
    left: 0px;
    right: 0;
    display: initial;
    margin: 0 auto;
}

    .arrow-status i {
        font-size: 18px;
    }

.transition-popup .modal-popup .row {
    position: relative;
}

.transition-select.transition-right .dropdown-list input {
    opacity: 0;
    position: absolute;
    top: 10px;
    width: 80%;
}

.rule-popup .modal-popup {
    width: 800px;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    box-shadow: 0px 4px 5px -2px rgb(0 0 0 / 10%), 0px 7px 10px 1px rgb(0 0 0 / 10%), 0px 2px 16px 1px rgb(0 0 0 / 10%);
    overflow-x: auto;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    border-radius: 15px;
    display: none;
}

.rule-popup.open .modal-popup {
    display: block;
    overflow: inherit;
}

.rule-popup button.close {
    border: none;
    background: transparent;
    position: absolute;
    right: 30px;
    top: 48px;
}

    .rule-popup button.close img {
        width: 12px;
    }

.rule-popup .modal-popup .popup-body {
    padding: 23px 24px;
}

    .rule-popup .modal-popup .popup-body h3 {
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 34px;
        color: #000;
        padding-left: 10px;
    }

    .rule-popup .modal-popup .popup-body p {
        color: #000;
    }

.rule-right .header-search-wrapper {
    max-width: 100%;
}

.rule-right .search-main {
    padding: 0px;
    margin-bottom: 23px;
}

.rule-left ul li.nav-item {
    width: 100%;
    margin-bottom: 5px;
    min-height: 48px;
}

    .rule-left ul li.nav-item a {
        border: none;
        padding-left: 10px;
        margin: 0px;
        color: #000 !important;
    }

.rule-left ul.nav-tabs {
    border: none;
}

.rule-popup .modal-popup .popup-body ul.nav.nav-tabs li p {
    padding-top: 10px;
    padding-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}

.rule-left ul li.nav-item a i {
    width: 24px;
    height: 24px;
    background: #42526e;
    color: #fff;
    border-radius: 50%;
    line-height: 24px;
    text-align: center;
    font-size: 10px;
    margin-right: 10px;
}

.rule-left ul li.nav-item a span {
    position: relative;
    top: 1px;
}

.rule-left ul li.nav-item a.nav-link:hover {
    background: #ebecf0;
}

.rule-left ul li.nav-item a.nav-link.active {
    background: #ebecf0;
    border-top: 2px solid #131025;
    border-radius: 0px;
    border-bottom: 2px solid #131025;
    color: #131025 !important;
}

    .rule-left ul li.nav-item a.nav-link.active i {
        background: #131025;
    }

.rule-left ul li.nav-item.rule-para {
    min-height: 100%;
}

.rule-popup .modal-popup .rule-left {
    padding-left: 10px;
}

.rules-items .media img {
    width: 32px;
    height: 32px;
}

.rules-items .media {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    padding: 10px;
    cursor: pointer;
}

    .rules-items .media .media-body h5 {
        font-weight: 500;
        color: #000;
        font-size: 14px;
        padding-bottom: 2px;
    }

    .rules-items .media .media-body p {
        font-size: 13px;
        color: #000;
    }

.tab-content .rules-items {
    margin-top: 15px;
    height: 240px;
    overflow-x: auto;
}

.rule-popup .modal-popup .flowdesign-btn {
    text-align: right;
    margin-top: 30px;
}

    .rule-popup .modal-popup .flowdesign-btn button.btn.btn-primary {
        margin-left: 6px;
        font-size: 14px;
        font-weight: 500;
        background: #131025;
        border-radius: 6px;
        padding: 7px 20px;
    }

.flowdesign-btn button.btn.btn-primary:active, .flowdesign-btn button.btn.btn-primary:focus {
    background: #131025;
}

.rules-items .media:hover {
    background: #ebecf0;
}

.rules-items .media.active {
    background: #ebecf0;
    border-top: 2px solid #131025;
    border-bottom: 2px solid #131025;
}

.rules-items .header-search-wrapper input {
    padding-left: 15px;
}

.rules-items .media .media-left {
    position: relative;
}

    .rules-items .media .media-left span {
        position: absolute;
        right: 15px;
        bottom: 2px;
        font-size: 9px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        text-align: center;
        line-height: 15px;
    }

    .rules-items .media .media-left.red-lock span {
        background: rgba(249, 222, 212, 0.9);
        color: #f00;
    }

    .rules-items .media .media-left.grn-validate span {
        background: #baf3bd;
        color: #28a745;
    }

    .rules-items .media .media-left.perf-action span {
        background: #cce0ff;
        color: #4d93f8;
    }

.select-popup .modal-popup {
    width: 800px;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    box-shadow: 0px 4px 5px -2px rgb(0 0 0 / 10%), 0px 7px 10px 1px rgb(0 0 0 / 10%), 0px 2px 16px 1px rgb(0 0 0 / 10%);
    overflow-x: auto;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    border-radius: 15px;
    display: none;
    000000
}

.select-popup.open .modal-popup {
    display: block;
}

.select-popup button.close {
    border: none;
    background: transparent;
    position: absolute;
    right: 30px;
    top: 48px;
}

.select-popup .modal-popup .popup-body {
    padding: 23px 24px;
}

    .select-popup .modal-popup .popup-body h3 {
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 34px;
        color: #000;
        padding-left: 10px;
    }

    .select-popup .modal-popup .popup-body p {
        color: #000;
    }

.select-popup .transition-select.transition-right {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.select-popup .rules-items {
    margin-bottom: 20px;
}

.select-popup .form-group .select li {
    display: none;
    cursor: pointer;
    padding: 7px 12px 5px;
    border: 1px solid #BBC7DC;
    border-top: none;
    border-left: 1px solid rgba(112, 112, 112, 0.4784313725);
    border-right: 1px solid rgba(112, 112, 112, 0.4784313725);
    background: #fff;
}

.select-popup .transition-select.transition-right .dropdown-list {
    left: 10px;
    width: 97.4%;
}

.select-popup .transition-select .dropdown-list .dropdown-option {
    position: relative;
    color: #000;
}

    .select-popup .transition-select .dropdown-list .dropdown-option .arrow-status {
        top: 0;
        position: relative;
        padding: 0px 5px;
    }

.select-popup .form-group .select li:first-child {
    display: block;
    border: none;
    border-radius: 4px;
}

.select-popup .transition-select .dropdown-list .dropdown-option .arrow-status i {
    font-size: 13px;
}

.select-popup .form-group ul.select.open li:first-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.select-popup .form-group .select {
    border: 1px solid rgba(112, 112, 112, 0.4784313725);
    display: block;
    padding: 0;
    border-radius: 4px;
    position: relative;
    height: 40px;
    width: 100%;
    z-index: 9;
}

.transition-select.transition-right .dropdown-list {
    z-index: 99;
}

.select-popup .form-group .select li:hover {
    background-color: #ddd;
}

.select-popup .form-group .select li:first-child:hover {
    background-color: transparent;
}

.select-popup .form-group .select.open li {
    display: block;
}

.select-popup .form-group .select li span {
    display: inline-block;
    background: #954CFF;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    font-size: 13px;
    margin: 0px 8px 0px 0px;
}

.select-popup .form-group {
    padding: 0px 10px;
    margin-bottom: 15px;
}

.select-popup .modal-popup .flowdesign-btn {
    text-align: right;
    margin-top: 30px;
}

    .select-popup .modal-popup .flowdesign-btn button.btn.btn-primary {
        margin-left: 6px;
        font-size: 14px;
        font-weight: 500;
        background: #131025;
        border-radius: 6px;
        padding: 7px 20px;
    }

.select-popup .transition-select .dropdown-label {
    height: 40px;
    padding: 8px 12px;
    color: #000;
    font-size: 14px;
}

.select-popup .transition-select .dropdown-list .dropdown-option span.status {
    background: #42526e;
    color: #fff;
    border-radius: 5px;
    padding: 2px 6px 2px;
    font-size: 12px;
}

.select-popup ul.select-text.transition-select.transition-right li:first-child {
    display: block;
    border: none;
    border-radius: 4px;
}

.workflow-side {
    position: fixed;
    right: -320px;
    z-index: 99;
    top: 0;
    display: block;
    height: 100vh;
    width: 340px;
    background: #f4f5f7;
    border-left: 1px solid #ccc;
    transition: 1s;
    display: none;
}

    .workflow-side.active {
        right: 0px;
    }

    .workflow-side .workflowside_inner {
        padding: 48px 20px;
        text-align: center;
        overflow-x: auto;
    }

        .workflow-side .workflowside_inner p {
            padding-bottom: 10px;
            color: #000;
        }

.workflowside_inner h3 {
    font-size: 1.4em;
    color: #000;
    padding-bottom: 10px;
    font-weight: 500;
}

.workflow-side .workflowside_inner img.slide-img {
    max-width: 160px;
    margin-bottom: 20px;
}

.workflow-side a.slide-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 2px solid #ccc;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    background: #fff;
    left: -13px;
}

.status-slide {
    padding: 25px;
    overflow-y: auto;
    height: 100vh;
}

    .status-slide h3 {
        color: #000;
        font-weight: 600;
        font-size: 18px;
    }

    .status-slide p {
        color: #000;
        font-size: 12px;
        padding-bottom: 15px;
    }

    .status-slide label, .status-slide h4 {
        color: #000;
        margin-bottom: 3px !important;
        font-size: 14px;
        text-transform: uppercase;
    }

    .status-slide .form-group {
        margin-bottom: 5px;
    }

    .status-slide h4 {
        font-weight: 500;
        font-size: 13px;
    }

    .status-slide .form-group input {
        margin-bottom: 20px;
        height: 35px;
        border-color: rgba(112, 112, 112, 0.4784313725);
        border-radius: 3px;
    }

.dropdown-select.cate-slide ul li span {
    width: 18px;
    background: transparent;
    height: 18px;
    border: 1px solid #a5adba;
    border-radius: 4px;
    vertical-align: middle;
    margin-top: -2px;
}

.status-slide p.cat-para {
    padding-bottom: 0px;
}

.dropdown-select.cate-slide {
    height: 38px;
    margin-top: 7px;
}

    .dropdown-select.cate-slide .dropdown-list li:first-child {
        padding: 8px 12px 7px;
    }

    .dropdown-select.cate-slide .dropdown-list li {
        padding: 8px 12px 7px;
    }

.status-slide .dropdown-select .dropdown-list li {
    font-size: 13px;
}

.dropdown-select.cate-slide ul.dropdown-list::after {
    top: 18px;
}

.dropdown-select.cate-slide .progresslist span {
    border-color: #4c9aff;
    background: rgb(76 154 255 / 10%);
}

.dropdown-select.cate-slide .donelist span {
    border-color: #57d9ae;
    background: rgb(87 217 174 / 10%);
}

.dropdown-select.cate-slide .todolist span {
    border-color: #a5adba;
    background: rgb(165 173 186 / 10%);
}

.status-slide .transition-group {
    margin-top: 30px;
}

    .status-slide .transition-group a.create-trans {
        float: right;
        padding: 2px 5px;
    }

        .status-slide .transition-group a.create-trans img {
            width: 15px;
            vertical-align: middle;
        }

.status-slide .form-check label {
    font-size: 13px;
    text-transform: inherit;
}

.status-slide .transition-group p {
    padding-bottom: 10px;
}

.status-slide .transition-group a.create-trans:hover {
    background: #e7e5e5;
}

.status-display .arrow-status {
    position: relative;
    top: 2px;
}

.status-display span.status {
    background: #313E5B;
    color: #fff;
    width: 43%;
    padding: 1px 6px;
    font-weight: 500;
    font-size: 12px;
    border-radius: 3px;
    margin-right: 7px;
}

.status-display span.gray-bg {
    background: #e7e5e5;
    width: 43%;
    padding: 1px 6px;
    font-weight: 500;
    font-size: 12px;
    border-radius: 3px;
    color: #000;
    margin-left: 8px;
}

.status-display {
    position: relative;
    background: #fff;
    padding: 8px 10px;
    border: 1px solid rgba(112, 112, 112, 0.4784313725);
    border-radius: 3px;
}

.workflow-slidebtn {
    height: auto;
    position: absolute;
    bottom: 32px;
    display: flex;
    align-items: flex-end;
    padding-top: 10px;
    background: #f4f5f7;
    width: 100%;
}

.status-display .arrow-status i {
    font-size: 13px;
}

.status-slide .transition-group h4 {
    padding-bottom: 2px;
}

.workflow-slidebtn button.btn.btn-primary {
    margin-right: 6px;
    font-size: 13px;
    font-weight: 500;
    background: #131025;
    border-radius: 6px;
    padding: 6px 15px;
}

.workflow-side.active i.fa-angle-right::before {
    content: "\f104";
}

.rules-transition .media:hover {
    background: transparent;
    cursor: inherit;
}

.rules-transition .media img {
    width: 32px;
    height: 32px;
}

.rules-transition .media {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    padding: 10px;
    cursor: pointer;
}

    .rules-transition .media .media-body h5 {
        font-weight: 500;
        color: #000;
        font-size: 14px;
        padding-bottom: 2px;
    }

    .rules-transition .media .media-body p {
        font-size: 13px;
        color: #000;
    }

    .rules-transition .media .media-left.grn-validate span {
        background: #baf3bd;
        color: #28a745;
    }

    .rules-transition .media .media-left {
        position: relative;
    }

        .rules-transition .media .media-left span {
            position: absolute;
            right: 15px;
            bottom: 2px;
            font-size: 9px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            text-align: center;
            line-height: 15px;
        }

        .rules-transition .media .media-left.red-lock span {
            background: rgba(249, 222, 212, 0.9);
            color: #f00;
        }

.select-popup .transition-select .dropdown-list {
    width: 97.4%;
    left: 10px;
}

.assignto-div {
    justify-content: flex-end;
    margin-top: 0;
    margin-bottom: 8px;
}

.select-popup {
    display: block;
}

.rulepopup-div.close {
    display: none;
}

.select-popup.open {
    display: block;
}

.select-popup .form-check {
    padding: 0px 30px 5px;
}

    .select-popup .form-check label {
        margin-bottom: 0px;
        color: #000;
    }

    .select-popup .form-check span {
        display: block;
        font-size: 12px;
        color: #000;
    }

    .select-popup .form-check.form-checkdiv {
        padding-left: 50px;
    }

ul.select.select-text.select-icon li {
    font-size: 14px;
    color: #000;
}

    ul.select.select-text.select-icon li img {
        width: 20px;
        vertical-align: middle;
    }

ul.select.select-text::before {
    content: "";
    float: right;
    background: url(../images/down-arrow.svg) no-repeat;
    width: 12px;
    height: 8px;
    background-size: 10px;
    top: 18px;
    right: 10px;
    position: relative;
}

.dropdown-select {
    margin: 0px;
    width: 100%;
    position: relative;
    height: 40px;
}

/*.dropdown-select .select-label {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 24px;
    color: #000;
    font-size: 14px;
    background: #fff;
    z-index: 9;
    cursor: pointer;
    user-select: none;
    border: 1px solid rgba(112, 112, 112, 0.4784313725);
    padding: 8px 12px;
    border-radius: 5px;
}*/

ul.dropdown-list::after {
    content: "";
    float: right;
    background: url(../images/down-arrow.svg) no-repeat;
    width: 12px;
    height: 8px;
    background-size: 10px;
    top: 16px;
    right: 13px;
    position: absolute;
    cursor: pointer;
}

.dropdown-select .dropdown-list {
    position: absolute;
    top: 0px;
    width: 100%;
    display: block;
    border: 1px solid rgba(112, 112, 112, 0.4784313725);
    background: #fff;
    height: auto;
    overflow-y: auto;
    border-radius: 5px;
}

.dropdown-select.active .dropdown-list {
    display: block
}

.dropdown-select .dropdown-list li:first-child {
    display: block;
    padding: 7px 12px;
}

.dropdown-select .dropdown-list li {
    display: none;
    width: 100%;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    user-select: none;
    padding: 3px 12px 3px;
}

.dropdown-select .dropdown-list.active li {
    display: block;
}

.dropdown-select .dropdown-list li:hover {
    background: #eee;
    cursor: pointer;
}

.dropdown-select .dropdown-list li:first-child:hover {
    background: transparent;
}

ul.dropdown-list span {
    display: inline-block;
    background: #954CFF;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    font-size: 13px;
    margin: 0px 8px 0px 0px;
}

.dropdown-select.restrict-field ul li img {
    vertical-align: middle;
}

.dropdown-select.restrict-field ul li {
    padding: 5px 12px;
}

.dropdown-select.update-select ul li img {
    vertical-align: middle;
    width: 20px;
}

.dropdown-select.update-select ul li {
    padding: 7px 12px;
}

.dropdown-select .dropdown-list li:first-child {
    padding: 7px 12px;
}

.select-popup .transition-select.transition-right .transition-selectlist .dropdown-list {
    width: 100%;
    left: 0px;
    transform: none;
}

.select-popup .transition-select .dropdown-list li .dropdown-option span {
    width: auto;
    height: auto;
    background: transparent;
    color: #000;
    margin: 0;
}

.select-popup .transition-select .dropdown-list li .dropdown-option {
    opacity: 1;
    padding: 0px;
}

.select-popup .transition-select.transition-right .transition-selectlist .dropdown-list li {
    padding: 3px 12px;
}

    .select-popup .transition-select.transition-right .transition-selectlist .dropdown-list li:first-child {
        padding: 7px 12px;
    }

.dropdown-select.restrict-people .dropdown-list {
    z-index: 9;
}

.rules-slide {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 2px solid #4E9ADC;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
}

.arrowup-line.rule-line .arrow-up {
    background: #4E9ADC;
}

    .arrowup-line.rule-line .arrow-up::before {
        border-color: #4E9ADC;
    }

.rules-trans .transition-group h3 {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 2px;
    padding-top: 11px;
}

.allrule-merge {
    background: #fff;
    padding: 10px 10px 10px 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-height: auto;
    max-height: 200px;
    overflow-y: auto;
}

    .allrule-merge .select-rule select {
        float: left;
        width: 110px;
        padding: 5px;
        font-size: 12px;
        background-color: #4E9ADC;
        color: #fff;
        background-position: 93% 50%;
        line-height: 1;
        background-image: url("../images/down-whitearrow.svg");
        background-size: 10px;
        padding-right: 20px;
    }

    .allrule-merge .select-rule {
        display: inline-block;
        width: 100%;
    }

    .allrule-merge .dropdown-dot {
        float: right;
        position: relative;
    }

    .allrule-merge .modal-popup .rule-left {
        padding-left: 10px;
    }

    .allrule-merge .media img {
        width: 32px;
        height: 32px;
    }

    .allrule-merge .media {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
        padding: 5px 10px 0px 5px;
        cursor: pointer;
    }

        .allrule-merge .media .media-body h5 {
            font-weight: 500;
            color: #000;
            font-size: 12px;
            padding-bottom: 2px;
        }

        .allrule-merge .media .media-body p {
            font-size: 11px;
            color: #000;
            padding-bottom: 0px;
        }

        .allrule-merge .media .media-left.red-lock span {
            background: rgba(249, 222, 212, 0.9);
            color: #f00;
        }

        .allrule-merge .media .media-left span {
            position: absolute;
            right: 15px;
            bottom: 2px;
            font-size: 9px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            text-align: center;
            line-height: 15px;
        }

    .allrule-merge .media-left {
        position: relative;
    }

.ruleslist-merge {
    display: flex;
    justify-content: space-between;
    border: 1px solid #ccc;
    padding-right: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.allrule-merge .dropdown-dot img {
    width: 18px;
    vertical-align: middle;
}

.allrule-merge .dropdown-dot a.rulemerge-dot {
    padding: 5px;
}

    .allrule-merge .dropdown-dot a.rulemerge-dot:hover {
        background: #ccc;
        border-radius: 3px;
    }

.allrule-merge .dropdown-dot .dropdown-menu {
    right: 0;
    min-width: 110px;
    padding: 5px 0px;
}

    .allrule-merge .dropdown-dot .dropdown-menu a {
        font-size: 13px;
    }

.status-slide .form-group input:focus {
    box-shadow: none !important;
}

.transition-properties .modal-popup {
    width: 750px;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    box-shadow: 0px 4px 5px -2px rgb(0 0 0 / 10%), 0px 7px 10px 1px rgb(0 0 0 / 10%), 0px 2px 16px 1px rgb(0 0 0 / 10%);
    overflow-x: auto;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    border-radius: 15px;
    display: none;
}

.transition-properties.open .modal-popup {
    display: block;
}

.transition-properties .modal-popup .popup-body {
    padding: 27px 24px;
}

    .transition-properties .modal-popup .popup-body h3 {
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 10px;
        color: #000;
    }

    .transition-properties .modal-popup .popup-body p {
        font-size: 14px;
        margin-bottom: 10px;
        color: #000;
    }

.properties-main .key-div {
    width: 50%;
}

.properties-main .value-div {
    width: 50%;
}

.properties-main {
    display: flex;
    border-bottom: 1px solid rgba(112, 112, 112, 0.4784313725);
    padding-bottom: 2px;
}

.transition-properties a.property-link svg {
    width: 14px;
    vertical-align: middle;
    margin-right: 2px;
}

.transition-properties a.property-link {
    background: #ebeaea !important;
    width: auto;
    padding: 7px 15px 7px 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    margin-top: 15px;
    display: inline-block;
    margin-bottom: 15px;
    color: #000 !important;
}

.transition-properties .flowdesign-btn {
    text-align: right;
}

.properties-values {
    display: flex;
    margin-top: 10px;
    display: none;
}

    .properties-values.open {
        display: flex;
    }

    .properties-values .form-inline {
        width: 50%;
        padding-right: 15px;
    }

    .properties-values .form-trash {
        margin-top: 8px;
    }

        .properties-values .form-trash i {
            color: #f00;
            cursor: pointer;
        }

    .properties-values .form-inline input {
        border-color: rgba(112, 112, 112, 0.4784313725);
        height: 35px;
    }

        .properties-values .form-inline input:focus {
            box-shadow: none !important;
            border-color: rgba(112, 112, 112, 0.4784313725) !important;
        }

.transition-properties a.property-link:hover g#plus line {
    stroke: #fff !important;
}

.transition-properties a.property-link:hover {
    background: #131025 !important;
    color: #fff !important;
}

.transition-properties .flowdesign-btn button {
    margin-left: 6px;
    font-size: 13px;
    font-weight: 500;
    background: #131025;
    border-radius: 6px;
    padding: 6px 15px;
}

/*.status-div .active-line::before {
    content: "";
    background: #70707085;
    width: 2px;
    height: 25px;
    position: absolute;
    left: 0px;
    right: 0;
    margin: auto;
    top: -27px;
}
.status-div .active-line::after {
    content: "";
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    display: inline-block;
    height: 12px;
    left: 0;
    position: absolute;
    width: 12px;
    transform: rotate(405deg);
    border-bottom-style: solid;
    border-color: #70707085;
    right: 0px;
    margin: auto;
    top: -14px;
}*/
.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}

.notebook-template {
    max-width: 680px;
    margin: 25px auto 0;
    display: none;
}

    .notebook-template.open {
        display: block;
    }

.table_format .table tr th {
    background-color: #f1f5f9 !important;
    color: #000 !important;
    border: 1px solid #c1c7d0 !important;
    height: auto;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 10px !important;
    vertical-align: middle;
    width: 180px !important;
}

.table_format table.table {
    border: 1px solid #c1c7d0;
}

.table_format .table tr td {
    border: 1px solid #c1c7d0 !important;
    padding: 6px 10px;
}

    .table_format .table tr td input {
        border: none;
        padding: 0px;
        font-size: 13px;
    }

        .table_format .table tr td input:focus {
            box-shadow: none !important;
        }

.table_format {
    margin-bottom: 25px;
}

.template-head {
    margin-bottom: 25px;
}

    .template-head input {
        border: none;
        padding: 0px;
        font-size: 13px;
    }

        .template-head input:focus {
            box-shadow: none !important;
        }

    .template-head h2 {
        font-size: 19px;
        font-weight: 500;
        color: #000;
    }

.table_format .table-resp-div h2 {
    font-size: 19px;
    font-weight: 500;
    padding-bottom: 15px;
    color: #000;
}

.wiki-add {
    width: 25%;
    height: calc(85vh - 20px);
}

.left-notebook {
    width: 75%;
    margin-top: 5px;
}

    .left-notebook .ql-toolbar.ql-snow + .ql-container.ql-snow {
        border: none;
        height: calc(85vh - 20px);
    }

.wiki-main .ql-toolbar.ql-snow {
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 2px 4px;
    font-family: "Roboto", sans-serif;
    border-radius: 5px;
}

.wiki-main .ql-snow.ql-toolbar button svg {
    width: 14px;
}

.wiki-main .ql-toolbar.ql-snow .ql-formats {
    margin-right: 1px;
}

.wiki-main .ql-snow .ql-picker {
    font-size: 12px;
}

    .wiki-main .ql-snow .ql-picker.ql-header {
        width: 82px;
    }

.file-sec .inner-data .dropdown-menu a i {
    padding-right: 11px;
    color: #131025;
}

.sidebar-client.workspace-sidebar {
    padding: 10px;
}

.wiki-main .ql-toolbar.ql-snow .ql-stroke {
    stroke: #958c8c;
}

.files-div table.table.files-table thead th:first-child {
    padding-left: 18px;
}

.tabheader ul li a img {
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -1px;
}

.maintabcontent.mt-2 .left-notebook {
    margin-top: 10px;
}

.maintabcontent.mt-2 .wiki-right {
    margin-top: 10px;
}

.filter-right button {
    height: 31px;
    font-size: 12px;
}

.filter-right {
    display: flex;
    justify-content: end;
}

.assign-left {
    display: flex;
}

.workspace_row.d-flex.align-items-center {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.filter-right .filtertab a {
    padding: 8px 8px;
    height: 33px;
    font-size: 12px;
}

.assign-left .current_user_list {
    padding-left: 10px;
}

/*.ql-toolbar.ql-snow + .ql-container.ql-snow {
    height: 80vh;
    overflow-y: auto;
}*/
.left-notebook .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .left-notebook .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #958c8c;
}

.left-notebook .ql-toolbar.ql-snow .ql-picker-label {
    color: #958c8c;
}

.wiki-main .ql-snow .ql-fill, .wiki-main .ql-snow .ql-stroke.ql-fill {
    fill: #958c8c;
}
/*body.notebook-body section.home-section.second_sidebar_active {
    overflow: hidden;
}*/
.editor-main {
    padding-bottom: 50px;
}

.wiki-right ul.nav.nav-tabs li .dropdown-menu {
    min-width: 200px;
    margin-left: 15px;
    padding: 0px;
}

.wiki-right ul.nav.nav-tabs li.nav-item.notebookadd-li .dropdown-menu {
    top: 28px;
}

.wiki-right ul.nav.nav-tabs li .dropdown-menu a {
    font-size: 12px;
    padding: 5px 10px;
}

.wiki-right ul.nav.nav-tabs li .dropdown-edit img {
    position: relative;
    top: 2px;
    margin: 0px;
    vertical-align: middle;
    padding: 0px;
    width: 3px;
}

.wiki-right ul.nav.nav-tabs li a span {
    width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

.wiki-right ul.nav.nav-tabs li .dropdown-edit {
    float: right;
    position: absolute;
    right: 30px;
    height: 29px;
}

    .wiki-right ul.nav.nav-tabs li .dropdown-edit .dropdown-menu {
        position: absolute;
        right: 12px;
        width: 50px !important;
        min-width: 70px;
        top: 21px;
        cursor: pointer;
        z-index: 999;
    }

        .wiki-right ul.nav.nav-tabs li .dropdown-edit .dropdown-menu a {
            width: 100%;
        }

.left-notebook .ql-toolbar.ql-snow {
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 1;
}

.wiki-right ul.nav.nav-tabs li a.notebook-edit {
    text-align: right;
    height: 29px;
}

.wiki-right ul.nav.nav-tabs li .dropdown-edit a:hover, .wiki-right ul.nav.nav-tabs li.nav-item.notebookadd-li .dropdown-menu a:hover {
    background: #eee;
    border-color: none !important;
}

.wiki-right ul.nav.nav-tabs li.nav-item.notebookadd-li {
    position: relative;
}

.left-notebook .ql-toolbar.ql-snow.toptoolbar {
    top: 53px;
    position: fixed;
    width: 57%;
    background: #fff;
    z-index: 9;
}

.wiki-right.toptoolbar {
    position: fixed;
    top: 49px;
    right: 30px;
    width: 18%;
}

    .wiki-right.toptoolbar ul.nav.nav-tabs li .dropdown-edit {
        right: 0;
    }

.index-notebook {
    padding-top: 0px !important;
}

.Delete_Modal_Wrapper.notebook-delete .modal-confirm {
    top: 47%;
    transform: translateY(-50%);
}

.wiki-add .nav-link.page_rename {
    width: 88% !important;
    border-radius: 0px;
    float: left;
    padding: 6px 15px;
    cursor: auto;
    color: #000;
    border-color: #ccc !important;
}

.projectscrum-list .nav-tabs .notebook-icon svg {
    margin-right: 5px;
}

.projectscrum-list .nav-tabs .file-icon svg {
    margin-right: 5px;
}

.left-notebook button#insert-table {
    position: absolute;
    z-index: 99;
    right: 18px;
    background: transparent;
    border: none;
    padding: 0px;
    font-size: 0px;
    background-image: url(../images/table-icon.png);
    width: 20px;
    height: 21px;
    background-size: 20px;
    background-repeat: no-repeat;
    top: 6px;
}

.left-notebook {
    position: relative;
}

    .left-notebook table {
        min-width: 300px;
        margin-bottom: 1rem;
        background-color: transparent;
        border-collapse: collapse;
        border: 1px solid #999;
    }

    .left-notebook tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }

    .left-notebook table tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }

    .left-notebook table td, .left-notebook table th {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #999;
        padding: 15px !important;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999 !important;
    }

    .left-notebook table td, .left-notebook table th {
        display: table-cell;
        vertical-align: inherit;
    }

aside.second_sidebar.active.project_sidebar.projectsetting-sidebar {
    left: 60px;
}

    aside.second_sidebar.active.project_sidebar.projectsetting-sidebar .toggle_wrapper {
        display: none;
    }

.boardsplit.active .board-main {
    display: flex;
}

.boardsplit .board-main {
    display: none
}

.boardsplit a.split-link span {
    padding: 0px 5px;
    font-weight: 400;
    color: #000;
    font-size: 13px;
}

.boardsplit a.split-link {
    color: #954CFF !important;
    font-size: 14px;
    font-weight: 500;
}

    .boardsplit a.split-link span.current-txt {
        color: #954CFF !important;
        font-weight: 500;
    }

    .boardsplit a.split-link svg {
        width: 19px;
        margin-right: 5px;
    }

.board-main.open {
    display: flex;
}

.boardsplit .board-main {
    margin-top: 20px;
}

.boardsplit {
    clear: both;
    margin-bottom: 70px;
}

.settingpopup {
    display: none;
}

    .settingpopup.open {
        display: block;
    }

.main_template_wrapper.projecttask-div {
    display: block;
}

.projecttask-div .bottom_row.sort_field {
    display: block;
}

.pagedesign-left .template_wrapper_right ul {
    grid-gap: 0 2% !important;
}

    .pagedesign-left .template_wrapper_right ul li {
        min-width: 140px;
        display: flex;
        align-items: center;
        margin: 0px 8px 6px 0px;
        cursor: pointer;
        transition: all 200ms;
        user-select: none;
        position: relative;
        height: 35px;
        background: #fff !important;
        text-align: left;
        padding:6px 10px !important;
        line-height: 47px;
        border-radius: 7px !important;
        border: 1px solid #4E9ADC73;
        font-size: 12px;
        color: #000;
    }

.projecttask-div .accordion-button {
    min-width: 200px;
}

.pagedesign-left .template_wrapper_right ul li img {
    margin-right: 13px;
    width: 23px;
    position: relative;
    top: 1px;
}

.projecttask-div .pagedesign-left .template_wrapper_right {
    background: transparent;
    padding: 0px;
}

.projecttask-div .pagedesign-right .form_builder_area {
    min-height: auto;
}

.projecttask-div .pagedesign-right .bot_right {
    background: transparent;
}

.projecttask-div .pagedesign-right .accordion {
    min-height: 40px;
    margin-bottom: 20px;
    border-radius: 7px;
    border: 1px solid #4E9ADC73;
    background: #fff;
}

.projecttask-div .draglist-right .accordion-body .remove_bal_field {
    float: right;
}

.tasklist-filter {
    float: right;
    margin-top: 10px;
}

.userlist_management li.dropdown-user {
    display: flex;
    width: auto;
    height: auto;
    background: transparent;
    line-height: initial;
    border: none;
    border-radius: 0px;
    font-weight: 500;
    text-align: left;
    margin: 0px;
    align-items: center;
}

    .userlist_management li.dropdown-user .user_initals.user_intial_image {
        margin-right: 7px;
    }

    .userlist_management li.dropdown-user .user_initals {
        display: inline-block;
        background: #954CFF;
        color: #fff;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        text-align: center;
        line-height: 24px;
        font-size: 13px;
        margin: 0px 8px 0px 0px;
    }

        .userlist_management li.dropdown-user .user_initals.user_intial_image {
            background: transparent;
            margin-left: 5px;
            text-align: center;
        }

            .userlist_management li.dropdown-user .user_initals.user_intial_image img {
                width: 24px;
                height: 24px;
            }

.userlist_management li ul {
    min-width: 200px;
    width: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    border-radius: 5px;
    position: absolute;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 7px 0px 0px;
    top: 70px;
    left: 0;
    display: none;
    overflow-y: auto;
}

    .userlist_management li ul li {
        margin: 0px;
        padding: 5px 10px;
        height: auto;
        cursor: pointer;
    }

        .userlist_management li ul li:hover {
            background: #f8f8f8;
        }

.pagedesign-left .template_wrapper_right .previous-fields ul li {
    margin: 0px 0px 6px 0px;
}

.pagedesign-right .accordion-button {
    padding: 10px 15px;
}

.pagedesign-right .form_builder_field {
    margin: 12px 10px;
}

.document-display img {
    width: 23px;
}

.pagedesign-left .header-search-wrapper {
    max-width: 100%;
}

.main_template_wrapper .pagedesign-left .field_container .field_wrapper {
    grid-template-columns: 52% 48%;
}

.main_template_wrapper .pagedesign-left .previous-fields .field_wrapper {
    grid-template-columns: 100%;
}

.work-items-right .issue-type-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
}

.work-items h2 {
    font-size: 15px;
    font-weight: 500;
}

    .work-items h2 img {
        vertical-align: middle;
        margin-right: 4px;
    }

a.workflow-btn {
    margin-right: 15px;
}

    a.workflow-btn img {
        vertical-align: middle;
        margin-right: 3px;
    }

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

.work-items-right {
    margin-top: 15px;
}

    .work-items-right .dropdown-menu {
        right: 0px;
        padding: 0px;
        top: 24px;
        z-index: 99;
    }

a.workflow-dot {
    position: relative;
    top: -2px;
}

.work-items-right .dropdown-menu a {
    padding: 5px 10px;
}

.craete-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.workitem-dot {
    position: relative;
}

.newwork-popup .modal-popup .popup-body .work-itemtype img {
    width: 17px;
    border-radius: 2px;
}

.project-sidebartitle ul.comp-list.client_worspace_list {
    overflow: inherit;
}

.worklist_new ul.comp-list.client_worspace_list .level_items {
    padding: 0px;
    margin-left: 7px;
}

    .worklist_new ul.comp-list.client_worspace_list .level_items p {
        font-weight: 500;
        color: #000;
        font-size: 12px;
        margin-top: -10px;
        background: #fff;
        display: table;
        padding: 0px 5px 2px;
        margin-left: 11px
    }

.worklist_new ul.comp-list.client_worspace_list li {
    padding: 0px;
    margin-top: 15px;
}

.worklist_new ul.comp-list.client_worspace_list .level_items p svg {
    width: 15px;
    margin-top: -2px;
}

.worklist_new ul.comp-list.client_worspace_list .level_items {
    padding: 0px;
    border: 1px solid #7070703D;
    border-radius: 3px;
}

    .worklist_new ul.comp-list.client_worspace_list .level_items a {
        margin-bottom: 1px;
        padding: 2px 8px 2px;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
        display: block;
    }

        .worklist_new ul.comp-list.client_worspace_list .level_items a:last-child {
            border: none;
            padding-bottom: 3px;
        }

.project-sidebartitle ul.comp-list.client_worspace_list li:hover, .project-sidebartitle ul.comp-list.client_worspace_list li.active {
    background: transparent;
    border-radius: 0;
}

.project_sidebar ul.comp-list.client_worspace_list li a.addnew-list {
    text-align: right;
    color: #131025 !important;
    padding: 4px 2px 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.work-itemsdelete .open {
    opacity: 1;
    display: block;
}

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete .modal-confirm .icon-box-Del i {
    color: #f00;
    font-size: 25px;
    display: inline-block;
}

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete .modal-confirm .icon-box-Del {
    width: 40px;
    height: 40px;
    border-color: #f00;
}

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete h3 {
    font-weight: 500;
    color: #000;
    margin-bottom: 6px !important;
    font-size: 16px;
}

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete p {
    color: #000;
    font-size: 14px;
}

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete .modal-footer {
    padding: 5px 5px 10px;
}

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete .modal-header {
    padding: 2px 5px 10px;
}

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete .modal-footer .btn-delete {
    background: #cf0505;
    border: 1px solid #cf0505;
}

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete .modal-footer .btn-cancel {
    background: transparent;
    border: 1px solid #000;
    color: #000;
}

    .Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete .modal-footer .btn-cancel:hover {
        background: #131025;
        border-color: #131025;
        color: #fff;
    }

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete .modal-footer .btn {
    padding: 10px 20px !important;
    min-width: auto;
    min-height: auto;
    font-size: 13px;
    min-width: 100px;
}

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete .modal-body {
    padding: 2px 5px 5px;
}

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete.delete-popup .modal-body {
    padding: 2px 15px 10px;
}

.overlay-bg {
    display: none;
}

.deleteitems-body .overlay-bg {
    display: block;
    position: fixed;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.select-worklist .select {
    font-size: 14px;
    padding: 0px;
    text-align: left;
    max-width: 80%;
    margin: 10px auto 0;
}

    .select-worklist .select.open li:last-child {
        border-bottom: 1px solid #ccc !important;
    }

    .select-worklist .select.open li {
        display: block;
        border-bottom: none !important;
    }

    .select-worklist .select li {
        display: none;
        cursor: pointer;
        padding: 6px 12px;
        border: 1px solid #ccc !important;
        border-top: none;
        border-left: 1px solid #ccc !important;
        border-right: 1px solid #ccc !important;
        background: #fff;
        color: #000;
    }

    .select-worklist .select.open li:first-child {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .select-worklist .select li:first-child {
        display: block;
    }

    .select-worklist .select li img {
        vertical-align: middle;
        margin-top: -2px;
        margin-right: 8px;
        width: 18px;
        border-radius: 3px;
    }

.warning-msg {
    background: #fff7d6;
    margin: 15px 5px 5px;
    padding: 9px;
    border-radius: 3px;
}

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete .warning-msg p {
    font-size: 12px;
    text-align: left;
}

    .Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete .warning-msg p svg {
        width: 16px;
        stroke: #ff8b00;
        margin-right: 5px;
    }

.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete a {
    color: #131025 !important;
}

.worklist_new ul.comp-list.client_worspace_list .level_items:hover {
    background: transparent;
}

span.tooltip-main span.tooltip-div.hover {
    display: block;
}

span.tooltip-main {
    position: relative;
}

    span.tooltip-main span.tooltip-div {
        display: none;
        background: #000;
        padding: 9px 8px 3px;
        position: absolute;
        left: -8px;
        width: 175px;
        top: 27px;
        border-radius: 5px;
        z-index: 999;
    }

        span.tooltip-main span.tooltip-div span {
            color: #fff;
            margin-bottom: 8px;
            line-height: 19px;
            display: block;
            font-size: 12px;
            font-weight: 400;
        }

        span.tooltip-main span.tooltip-div::after {
            content: "";
            border-left: 10px solid transparent;
            border-right: 13px solid transparent;
            border-top: 23px solid black;
            width: 20px;
            height: 20px;
            display: initial;
            position: absolute;
            top: -6px;
            transform: rotate(60deg);
            left: 0;
        }


#tooltip-worklist span.tooltip-div.hover4 {
    display: block;
}

#tooltip-worklist2 span.tooltip-div.hover2 {
    display: block;
}

#tooltip-worklist3 span.tooltip-div.hover3 {
    display: block;
}

.edit-workflowpopup.open .modal {
    opacity: 1;
    display: block;
}

    .edit-workflowpopup.open .modal .modal-dialog {
        max-width: 95% !important;
        margin: 0 auto;
        display: block;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
    }

    .edit-workflowpopup.open .modal .modal-content {
        height: 90vh;
    }

.card-title button.add-date-btn {
    box-shadow: none;
    border: none;
    background: #9B99A4;
    color: #fff;
    padding: 3px 5px 3px;
    border-radius: 3px;
    font-size: 12px;
    margin: 0px 5px;
}

    .card-title button.add-date-btn:focus {
        border: none;
        outline: none;
    }

a.sprint-link.disabled-sprint {
    opacity: .55;
    cursor: not-allowed;
}

a#StopSprintButton {
    background: #f00;
}

.sprint-right a.sprint-end-link:hover {
    background: #f00;
}

.sprint-right a.sprint-link:hover {
    background: #97c35b;
}

.sprint-right a.sprint-link.disabled-sprint:hover {
    background: #9B99A4;
}

img.task-creator-img {
    width: inherit;
    height: inherit;
    cursor: inherit;
    border-radius: inherit;
}

.sprint-dropdown {
    padding-left: 5px;
    position: relative;
    /*  min-width: 335px;*/
    display: flex;
    justify-content: flex-end;
    width: 252px;
}

.sprint-dropdown .select {
    display: block;
    padding: 0;
    z-index: 9;
    margin-bottom: 0px;
    min-width: 250px;
    position: absolute;
    top: -14px;
    right: 7px;
}

.sprint-dropdown .select.open {
    right: 10px;
    min-width: 282px;
    max-height:450px;
    overflow-y:auto;
}

.sprint-dropdown li {
    display: none;
    cursor: pointer;
    border: 1px solid #DEE9FC;
    border-bottom: 1px solid #DEE9FC;
    background: #fff;
    font-size: 14px;
    position: relative;
    padding: 5px 21px 5px 7px;
    color: #954CFF;
    height: 36px;
}

.sprint-dropdown li:hover {
    background: #F4F4F4
}

.card-title button.add-date-btn {
    box-shadow: none;
    border: none;
    background: #9B99A4;
    color: #fff;
    padding: 3px 5px 3px;
    border-radius: 3px;
    font-size: 12px;
    margin: 0px 5px;
}

.card-title button.add-date-btn:focus {
    border: none;
    outline: none;
}

a.sprint-link.disabled-sprint {
    opacity: .55;
    cursor: not-allowed;
}

.sprint-right a.sprint-end-link:hover {
    background: #f00;
}

.sprint-right a.sprint-link:hover {
    background: #97c35b;
}

.sprint-right a.sprint-link.disabled-sprint:hover {
    background: #9B99A4;
}


.sprint-dropdown {
    padding-left: 5px;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.sprint-dropdown .select {
    display: block;
    padding: 0;
    z-index: 9;
    margin-bottom: 0px;
    min-width: 250px;
    position: absolute;
    top: -14px;
    right: 7px;
}

.sprint-dropdown .select.open {
    right: 10px;
}

.sprint-dropdown li {
    display: none;
    cursor: pointer;
    border: 1px solid #DEE9FC;
    border-bottom: 1px solid #DEE9FC;
    background: #fff;
    font-size: 14px;
    position: relative;
    padding: 5px 21px 5px 7px;
    color: #954CFF;
    height: 36px;
}

.sprint-dropdown li:hover {
    background: #F4F4F4
}

.sprint-dropdown li:nth-child(2) {
    border-top: 1px solid #ccc;
}

.sprint-dropdown ul li:first-child {
    display: block;
    position: relative;
    background-color: #fff;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-image: url(../images/down-arrow.svg);
    background-position: 97% 48%;
    background-repeat: no-repeat;
    background-size: 0.693rem;
    padding: 0px 27px 1px 7px;
    border-radius: 3px;
    height: 27px;
    margin-top: 1px;
}

.sprint-dropdown ul li:first-child span.current-txt {
    top: 3px;
    background:#fff;
}

    .sprint-dropdown ul span.sprint-span {
        white-space: nowrap;
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sprint-dropdown ul span.current-txt {
        position: absolute;
        right: 23px;
        top: 3px;
        font-size: 11px;
    }

    .sprint-dropdown ul li:first-child .sprint-data {
        font-size: 10px;
    }

    .sprint-dropdown ul li span.current-txt.completed-sprint {
        color: #97C35B !important;
    }

    .sprint-dropdown ul li .sprint-data {
        display: block;
        position: absolute;
        top: 22px;
        font-size: 10px;
    }

    .sprint-dropdown ul.select.open li:first-child span.current-txt {
        top: 4px;
        color: #954CFF;
    }

    .sprint-dropdown ul li:first-child .sprint-data {
        display: none;
    }

    .sprint-dropdown ul.select.open li:first-child {
        background-position: 96% 30%;
        padding: 2px 27px 5px 7px;
    }

    .sprint-dropdown ul.select.open li:first-child span.sprint-data {
        display: block;
        position: absolute;
        top: 22px;
        font-size: 11px;
    }

    .sprint-dropdown ul li span {
        padding: 0px !important;
        font-size: 13px;
        color: #000;
    }

        .sprint-dropdown ul li span.current-txt {
            color: #954CFF;
            padding: 0px !important;
        }

    .sprint-dropdown ul li:first-child span {
        padding-left: 0;
    }
       .sprint-dropdown .select.open li {
        border-bottom: none;
        height: 45px;
    }

        .sprint-dropdown .select.open li:last-child {
            border-bottom: 1px solid #ccc;
        }

    .sprint-dropdown ul.select.open li {
        display: inherit;
        background-position: 96% 35%;
        padding: 2px 27px 5px 7px;
    }

.listscrum-right .sprint-dropdown {
    float: left;
    height: 100%;
    width: 63%;
}

.listscrum-right .filter_group {
    width: 36%;
}

.listscrum-right .sprint-dropdown .select {
    top: 20px;
}

.newwork-popup .modal-popup .popup-body .work-itemtype.active {
    background-image: url(../images/tick-icon.png);
    background-repeat: no-repeat;
    background-position: 97% 51%;
    background-size: 16px;
    border-color: #131025;
    background-color: transparent;
}

.select-icon ul.list-inline.icons-list li.list-inline-items.active img {
    width: 26px;
}

.select-icon ul.list-inline.icons-list li.list-inline-items.active {
    outline: 1px solid #131025;
    padding: 5px;
    border-radius: 3px;
}

.pagedesign-right .accordion-button:focus {
    box-shadow: none !important;
}

.d-flex.view-cat {
    justify-content: flex-end;
    align-items: center;
}

    .d-flex.view-cat .form-check {
        margin-left: 12px;
        margin-bottom: 0px;
    }

        .d-flex.view-cat .form-check label {
            font-size: 13px;
            margin-bottom: 0px;
        }

.d-flex.view-cat {
    padding-bottom: 15px;
}

    .d-flex.view-cat .current_user_list .dropdown-toggle li:first-child {
        line-height: 36px;
    }

ul#selectedWorkflows li img {
    width: 15px;
}

/*ul.comp-list.client_worspace_list li.active {
    background: rgba(249, 222, 212, 0.5) !important;
}*/

/*.board-cont.close {
    display: none;
}*/
.customerusers-div.open, .projectusers-div.open, .projecttask-div.open, .workflow-div.open, .api-settings-div.open {
    display: block;
}
.customerusers-div, .projectusers-div, .projecttask-div, .workflow-div, .api-settings-div {
    display: none;
}

.userlist_management.userdetails-list .dropdown-menu .user-name-img {
    width: 20px;
    display: block;
    height: 20px;
    margin: 0;
    background: transparent;
    border-radius: 3px;
}

.userlist_management.userdetails-list .dropdown-menu .userlist > li .user_initals {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 0;
    background: transparent;
    text-align: center;
    color: #ffffff;
    font-size: 0.87rem;
    line-height: 25px;
}

.userlist_management.userdetails-list {
    margin-left: 5px;
}

.userlist_management.userdetails-list .dropdown-toggle li.add-user svg {
        stroke: #954CFF;
    }

.group-tbtn.grp-main {
    position: relative;
    overflow: inherit;
   /* min-width: 415px;*/
    display: flex;
    justify-content: end;
}

.group-tbtn.grp-main .filter-by {
    position: absolute;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    padding: 10px 10px 5px;
    top: 36px;
    z-index: 2;
    width: 305px;
    right: 0;
    border: 1px solid #eee;
    display: none;
}

        .group-tbtn.grp-main .filter-by .userdetails-list .dropdown-menu ul li:hover {
            background-color: transparent;
        }

        .group-tbtn.grp-main .filter-by .d-flex.view-cat .form-check {
            margin: 0px 0px 6px;
        }

        .group-tbtn.grp-main .filter-by .d-flex.view-cat {
            display: block !important;
            padding-bottom: 0px;
        }

        .group-tbtn.grp-main .filter-by .userdetails-list .dropdown-menu {
            position: relative !important;
            width: auto;
            transform: none !important;
            box-shadow: none;
        }

            .group-tbtn.grp-main .filter-by .userdetails-list .dropdown-menu .userlist {
                display: inline-block;
                width: 100%
            }

            .group-tbtn.grp-main .filter-by .userdetails-list .dropdown-menu ul li {
                width: 100%;
                display: flex !important;
                padding: 0px 0px 5px;
                margin-right: 0px;
                float: none;
            }

.current_user_list .dropdown-menu .userlist > li .user_checkbox {
    width: 15px;
    height: 15px;
    min-width: 15px;
    position: relative;
}

    .current_user_list .dropdown-menu .userlist > li .user_checkbox svg {
        width: 7px;
        position: relative;
        top: -2px;
    }

    .current_user_list .dropdown-menu .userlist > li .user_checkbox i.fa.fa-check::before {
        font-size: 11px;
        position: absolute;
        top: 2px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

.current_user_list .dropdown-menu {
    position: absolute !important;
}

.group-tbtn.grp-main .filter-by .userdetails-list .dropdown-menu ul li span {
    margin-right: 5px;
}

.group-tbtn.grp-main .filter-by .userdetails-list .dropdown-menu ul li .user_name {
    margin-right: 5px;
}

.group-tbtn.grp-main .filter-by .userdetails-list .dropdown-menu .user-name-img {
    width: 15px;
    height: 15px;
}

.group-tbtn.grp-main .filter-by .userdetails-list .dropdown-menu .userlist > li .user_initals {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.group-tbtn.grp-main .filter-by .userdetails-list .dropdown-menu .userlist > li.active .user_checkbox {
    margin-top: -1px;
}

.group-tbtn.grp-main .filter-by input {
    border-radius: 50%;
}

button.btnassignedcreate.view-by {
    margin-left: 0px;
    background: transparent;
    border: 1px solid #eee;
    border-radius: 5px;
}

/*button.mr-50.btnmeother.btntaskother {
    background: transparent;
    border: 1px solid #eee;
}*/

button.btnassignedcreate.view-by svg {
    width: 15px;
    height: auto;
    stroke: #000;
    position: relative;
    top: -1px;
}

.statusdisplay-main .status-display .chosen-container a.chosen-single {
    background: #313E5B !important;
    color: #fff !important;
    width: 43%;
    padding: 0px 6px !important;
    font-weight: 500;
    font-size: 12px;
    border-radius: 4px !important;
    margin-right: 7px;
    float: left;
    box-shadow: none !important;
    line-height: 25px;
    height: 25px;
}

.statusdisplay-main {
    height: 210px;
    overflow-y: auto;
}

.group-tbtn.grp-main .view-by {
    border-radius: 3px;
    background: #fff;
}


.move-statuses form h4 {
    font-weight: 500;
    color: #000;
    padding-bottom: 10px;
}

.move-statuses form .move-statuses {
    background: #f5f5f5;
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

    .move-statuses form .move-statuses ul.list-inline {
        display: flex;
    }

        .move-statuses form .move-statuses ul.list-inline li {
            background: #fff;
            padding: 2px 10px;
            margin-bottom: 10px;
            border-radius: 3px;
            margin-right: 5px;
        }

            .move-statuses form .move-statuses ul.list-inline li img {
                vertical-align: middle;
                width: 15px;
                border-radius: 3px;
                margin-right: 4px;
                margin-top: -2px;
            }

.status-div .left-div {
    padding-right: 0px;
}

.status-div .right-div {
    padding-left: 0px;
}

.move-statuses .modal-popup .popup-body form p {
    padding-bottom: 4px;
    color: #6b778c;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.status-div {
    padding: 5px 0px;
}

span.status.inprogress {
    background: #deebff;
    padding: 2px 6px 1px;
    color: #0052cc !important;
    font-weight: 500;
    text-decoration: line-through !important;
    font-size: 11px !important;
    border-radius: 3px !important;
}

.exception-div a {
    background: #f5f5f5;
    padding: 10px 15px 7px;
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 14px;
    border: 1px solid #ccc;
    color: #000 !important;
    border-radius: 3px;
}

    .exception-div a svg {
        float: right;
        width: 18px;
        STROKE: #000;
    }

.exception-toggle {
    background: #f5f5f5;
    padding: 10px 15px;
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 14px;
    border: 1px solid #ccc;
    color: #000 !important;
    border-radius: 3px;
    display: none;
}

    .exception-toggle.open {
        display: block;
    }

    .exception-toggle a {
        background: #eee;
        padding: 7px 10px 5px;
        border-radius: 3px;
        float: right;
        font-weight: 400;
        border: 1px solid #ccc;
    }

        .exception-toggle a svg {
            width: 16px;
            margin-right: 5px;
            margin-top: -3px;
        }

    .exception-toggle .form-group {
        clear: both;
        margin-top: 10px;
        margin-bottom: 0px;
        display: block;
    }

.status-name .chosen-container-single {
    width: 44% !important;
    margin-left: 0px;
}

.status-display .status-name .chosen-container a.chosen-single {
    width: 100%;
}

.status-display .status-name .chosen-container-single .chosen-single div b {
    background-position: 0px 3px;
}

.status-display .status-name span.gray-bg {
    margin-left: 0px;
}

.status-display .status-name .arrow-status {
    left: 0;
    width: 25px;
    display: inline-block;
}

.backlog-field {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #70707024;
    background: #fff;
    margin: 0px 0;
}

    .backlog-field button {
        padding: 4px 7px 0px 0px !important;
    }

.board-grid .addnewtask {
    display: flex;
    align-items: center;
}

    .board-grid .addnewtask button.addtask-btn {
        height: 28px;
        width: 30px;
        FONT-WEIGHT: 100;
        border-radius: 5px;
        background: #eee;
        color: #333333;
        padding: 3px 8px;
        border: 0;
        opacity: 1;
        transition: all .2s;
    }

        .board-grid .addnewtask button.addtask-btn:hover {
            background: #131025;
        }

            .board-grid .addnewtask button.addtask-btn:hover svg line {
                stroke: #fff;
            }

        .board-grid .addnewtask button.addtask-btn svg line {
            stroke: #000;
        }

        .board-grid .addnewtask button.addtask-btn svg {
            width: 12px;
            margin-top: -1px;
        }

.board-grid .dropdown-right {
    margin-right: 7px;
}

.board-grid .newtask_row_inner {
    display: none;
}

ul.breadcumb-div {
    display: none;
    margin-top: -14px;
    padding-bottom: 1px;
}

    ul.breadcumb-div li {
        padding-right: 5px;
        font-size: 13px;
    }

.status_dropdown button {
    border-radius: 3px !important;
}

.status_dropdown ul.dropdown-menu.status_change.show {
    padding: 0px;
    font-size: 12px;
}

    .status_dropdown ul.dropdown-menu.status_change.show li {
        border-bottom: 1px solid #DEE9FC;
        padding: 2px 3px 0px;
        border-color: #DEE9FC;
    }

        .status_dropdown ul.dropdown-menu.status_change.show li:last-child {
            border: none;
        }

        .status_dropdown ul.dropdown-menu.status_change.show li a {
            padding: 2px 8px;
            border: none;
            display: inline;
            font-size: 12px;
            border-radius: 3px;
        }

        .status_dropdown ul.dropdown-menu.status_change.show li:hover {
            background: #f5f5f5;
        }

        .status_dropdown ul.dropdown-menu.status_change.show li:last-child a {
            border-bottom: honeydew;
        }

.status_dropdown ul.dropdown-menu.status_change.show {
    padding: 0px;
    font-size: 12px;
    top: -11px !important;
    border-color: #eee;
}

.workspace-count {
    width: 28px;
    height: 21px;
    background: #f5f5f5;
    color: #333;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    font-size: 10px;
    font-weight: 500;
}

.worklist_new ul.comp-list.client_worspace_list .level_items {
    background: transparent;
    color: #000;
}

    .worklist_new ul.comp-list.client_worspace_list .level_items a.projecttask-link.active {
        background: rgba(249, 222, 212, 0.5);
        color: #131025 !important;
    }

ul#ulPreviousFields svg path, ul#ulPreviousFields svg {
    width: 18px;
    height: 18px;
    padding: 0px;
    margin-right: 9px;
}

.project-sidebartitle.overview-project ul.comp-list.client_worspace_list li.active {
    background: rgba(249, 222, 212, 0.5) !important;
    color: #131025 !important;
}

.Delete_Modal_Wrapper .modal-confirm .icon-box-Del svg {
    width: 50px !important;
    height: 50px;
}

    .Delete_Modal_Wrapper .modal-confirm .icon-box-Del svg path {
        fill: #f15e5e;
    }

.Delete_Modal_Wrapper .modal-confirm button {
    background: #131025;
    font-size: 14px;
    padding: 10px 20px;
}

.Delete_Modal_Wrapper.notebook-delete.work-itemsdelete .warning-msg p {
    color: #000;
    font-size: 12px;
}

.warning-msg p svg {
    width: 17px;
}

.Delete_Modal_Wrapper.notebook-delete.work-itemsdelete h3 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 8px;
}

.Delete_Modal_Wrapper.notebook-delete.work-itemsdelete p {
    color: #000;
    font-size: 14px;
}

.project_sidebar.projectsetting-sidebar .project-sidebartitle.sidetemp li.active {
    background: rgba(249, 222, 212, 0.5) !important;
}

    .project_sidebar.projectsetting-sidebar .project-sidebartitle.sidetemp li.active a {
        color: #131025 !important;
    }

.Delete_Modal_Wrapper.notebook-delete.work-itemsdelete .chosen-container-multi .chosen-choices li.search-field input {
    width: 100% !important;
}
.project-sidebartitle .comp-list.client_worspace_list li.workflow-li {
    padding: 4px 3px;
}
.project-sidebartitle .comp-list.client_worspace_list li.active.workflowworkitemlist {
    background: rgba(249, 222, 212, 0.5) !important;
    
}

    .project-sidebartitle .comp-list.client_worspace_list li.active.workflowworkitemlist a {
        color: #131025 !important;
    }

.row.transition-delete-div .arrow-status {
    top: 26px;
}

.row.transition-delete-div {
    position: relative;
    padding: 10px 0px 0px;
}

    .row.transition-delete-div .dropdown.transition-select {
        margin-bottom: 0px;
        padding-right: 15px;
    }

        .row.transition-delete-div .dropdown.transition-select.transition-right {
            padding-left: 15px;
        }

        .row.transition-delete-div .dropdown.transition-select p {
            text-align: left;
            font-size: 12px;
        }

    .row.transition-delete-div .chosen-container-single .chosen-single {
        height: 33px;
        border-radius: 3px;
        background: #fff;
        text-align: left;
        padding: 5px 6px;
        font-size: 12px;
        border-color: #ccc;
        box-shadow: none;
    }

        .row.transition-delete-div .chosen-container-single .chosen-single div b {
            top: 5px;
            position: relative;
        }

    .row.transition-delete-div .chosen-container-multi .chosen-choices {
        border-color: #ccc;
    }

.dvbox {
    font-size: 12px;
    text-align: left;
}

.bot_right li h2 span, .bot_left li h2 span {
    font-size: 13px;
}

.accordion-item.repeaterror {
    border: 1px solid #f00;
}

    .accordion-item.repeaterror .accordion-header button {
        background: rgba(249, 222, 212, 0.5);
        color: #131025;
    }

.accordion-body input:focus {
    box-shadow: none !important;
}

.dvcursor .ui-draggable, .main_template_wrapper .field_container .field_wrapper > li {
    cursor: grab !important;
}

.dvcursor {
    cursor: auto;
}

.projecttask-div .pagedesign-right .accordion.ui-droppable-active {
    cursor: grab !important;
}

.projecttask-div .pagedesign-right .accordion.ui-droppable-active {
    border: 2px dashed #131025;
    background: rgba(249, 222, 212, 0.5) !important;
}

.migrate-div {
    text-align: left;
    width: 100%;
    display: block;
    color: #000 !important;
    font-size: 13px;
}

    .migrate-div svg {
        float: right;
        width: 17px;
    }

.migrate-main {
    border: 1px solid #eee;
    padding: 6px 10px;
    margin-top: 5px;
}

    .migrate-main .transition-delete-div {
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

    .migrate-main .row.transition-delete-div .dropdown.transition-select {
        padding-left: 0px
    }

    .migrate-main .row.transition-delete-div .dropdown.transition-right {
        padding-right: 0px;
        padding-left: 15px;
    }

.status-migrate {
    display: none;
}

.field-migrate {
    display: none;
}

.migrate-main .row-flex {
    display: flex;
    padding: 0px;
    position: relative;
}

.migrate-main .chosen-container-multi .chosen-choices li.search-field {
    padding: 2px 0 0px;
    font-size: 12px;
}

.migrate-main input {
    height: 33px;
}

.project_sidebar_icon {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.space-div {
    padding: 0px 5px 0px 10px;
}

    .space-div label {
        margin-bottom: 3px;
        font-size: 13px;
    }

button#discard {
    background: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
    padding: 8px 15px;
}

.Application_Wrapper.projectboard_scrum {
    width: 100%;
}

.create-backlogs ul.dropdown-menu.status_change.show {
    width: auto;
    min-width: 100px;
}

    .create-backlogs ul.dropdown-menu.status_change.show a {
        padding: 5px !important;
    }

    .create-backlogs ul.dropdown-menu.status_change.show li img {
        margin-right: 7px;
    }

    .create-backlogs ul.dropdown-menu.status_change.show a img {
        margin-right: 7px;
        width: 20px;
    }

.backlog-field ul.dropdown-menu.status_change.show a img {
    margin-right: 7px;
    width: 20px;
}

.backlog-field .status_dropdown ul.dropdown-menu.status_change.show li a {
    display: flex;
    align-items: center;
}

.backlog-field .status_dropdown ul.dropdown-menu.status_change.show a {
    padding: 7px 10px 7px;
    line-height: 1;
}

.create-backlogs .status_dropdown ul.dropdown-menu.status_change.show {
    min-height: auto;
}

.create-backlogs .backlog_right button img {
    width: 20px;
    margin-right: 0px;
}

.create-backlogs .backlog_right button {
    padding: 5px 5px 0px;
}

.drag-main {
    position: relative;
}

.create-backlogs .backlog_right {
    display: flex;
    align-items: center;
    padding: 5px 0px 0px;
}

.search-main.userssearch {
    justify-content: space-between;
}

.adduser_popup {
    width: 368px;
    right: 0;
    border-radius: 3px;
    top: 36px;
    padding: 15px;
    box-shadow: 2px 4px 15px rgba(0,0,0,0.1);
    border: none;
    z-index: 9;
}

    .adduser_popup h4 {
        color: #000;
        padding-bottom: 5px;
        font-size: 14px;
    }

    .adduser_popup label {
        font-size: 12px;
        margin-bottom: 3px;
        color: #000;
    }

    .adduser_popup span.input-group-btn {
        position: absolute;
        left: 5px;
    }

    .adduser_popup input {
        padding-left: 30px;
        border-radius: 3px !important;
        height: 35px;
    }

    .adduser_popup select {
        border-radius: 3px !important;
        height: 35px;
        background-image: url(../images/down-arrow.svg);
        background-repeat: no-repeat;
        background-position: 96% 52%;
        background-size: 10px;
    }

        .adduser_popup input:focus, .adduser_popup select:focus {
            box-shadow: none !important;
        }

    .adduser_popup .form-group {
        margin-bottom: 10px;
    }

        .adduser_popup .form-group button svg {
            width: 18px;
        }

        .adduser_popup .form-group button {
            padding: 0px;
            z-index: 999;
        }

    .adduser_popup a.invite-user {
        box-shadow: none;
        padding: 0px;
        color: #131025 !important;
        font-size: 11px;
    }

        .adduser_popup a.invite-user svg {
            width: 15px;
            margin-top: -1px;
        }

    .adduser_popup .user-btns {
        text-align: right;
    }

        .adduser_popup .user-btns button {
            font-size: 12px;
            padding: 5px 10px;
            color: #fff;
            border-radius: 3px;
            width: 89px;
        }

        .adduser_popup .user-btns .btn-add {
            background: #131025;
        }

.projectuser .table_list thead th:first-child {
    border-left: 1px solid #edeef2 !important;
}

.projectuser .table_list thead th:last-child {
    border-right: 1px solid #edeef2 !important;
}

.projectuser .table_list thead th {
    color: #000 !important;
    border: 1px solid #e8e8eb !important;
}

.projectuser .tasklist-main tr.table-clr td {
    color: #000 !important;
    border: 1px solid #e8e8eb !important;
    font-size: 11px !important;
    white-space: initial;
    line-height: 15px;
    width: 16%;
}

.projectuser input.billing-input {
    border: 1px solid #D5D5D5;
    height: 32px;
    background: #F4F4F4;
    box-shadow: none;
    padding-left: 10px;
    width: 100%;
    border-radius: 3px;
    color: #000;
    font-size: 12px;
}

.projectuser table.table.table_list tbody td:nth-child(2) {
    width: 13%;
}

.projectuser table.table.table_list tbody td:nth-child(3) {
    color: #A6ABB0 !important;
    width: 20%;
}

.projectuser table.table.table_list tbody td:nth-child(5) {
    width: 14%;
}

.projectuser table.table.table_list tbody td:nth-child(4) {
    width: 8%;
}

.projectuser .table-list .media .media-body {
    float: left;
}

.Delete_Modal_Wrapper.teamrevoke .modal-confirm .modal-content {
    padding: 0px;
    overflow: hidden;
}

    .Delete_Modal_Wrapper.teamrevoke .modal-confirm .modal-content .modal-body {
        padding: 0px;
        text-align: left;
    }

        .Delete_Modal_Wrapper.teamrevoke .modal-confirm .modal-content .modal-body h3 {
            text-align: left;
            background: #fff;
            color: #000;
            padding: 12px 20px;
            border-bottom: 1px solid #eee;
        }

.revoketeam {
    display: inline-block;
    padding: 10px 20px 0px;
    width: 100%;
}

    .revoketeam label {
        color: #000;
        font-size: 13px;
        padding: 5px 0px 0px;
        margin-bottom: 3px;
    }

    .revoketeam input {
        width: 20px;
        height: 20px;
        border-radius: 3px !important;
    }

        .revoketeam input:focus {
            box-shadow: none !important
        }

.projectuser .tasklist-main tr.table-clr td svg {
    width: 16px;
    margin-right: 4px;
}

.Delete_Modal_Wrapper.teamrevoke .modal-confirm .modal-footer {
    padding: 10px 15px;
    border-top: 1px solid #eee;
    margin: 20px 0px 0px;
}

    .Delete_Modal_Wrapper.teamrevoke .modal-confirm .modal-footer button {
        font-size: 13px;
        min-width: 90px;
        min-height: auto;
    }

.Delete_Modal_Wrapper.teamrevoke .modal-confirm .form-check-input:checked {
    background-color: #131025;
    border-color: #131025;
}

.Delete_Modal_Wrapper.teamrevoke.teamadduser .modal-confirm .modal-content .modal-body h3 {
    text-align: center;
    background: transparent;
    color: #000;
    padding: 2px 0px 13px;
    font-size: 18px;
    border: none;
}

.Delete_Modal_Wrapper.teamrevoke.teamadduser p {
    text-align: center;
}

.adduser_popup .userlist_management ul {
    min-width: 100%;
    width: 100%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    border-radius: 5px;
    position: relative;
    transition: all 0.5s ease-in-out;
    z-index: 99;
    padding: 10px 0px 0px;
    top: 0px;
    left: 0;
    display: none;
    overflow-y: auto;
}

.adduser_popup .userlist_management li.dropdown-user {
    padding: 8px 40px 6px 15px;
    position: relative;
    cursor: pointer;
    display: block;
}

    .adduser_popup .userlist_management li.dropdown-user .user_name span {
        font-size: 12px;
        display: block;
        color: #9C9898;
    }

    .adduser_popup .userlist_management li.dropdown-user .user_initals {
        float: left;
        margin-left: 0px;
    }

.kanban-drag li.dropdown-user .user_name .dropdown-role {
    font-size: 12px;
    display: block;
    color: #9C9898;
    line-height: 1.4;
}

.kanban-drag li.dropdown-user .user_name .dropdown-email {
    font-size: 12px;
    display: block;
    color: #9C9898;
}

.adduser_popup .userlist_management li.dropdown-user .user_name {
    font-size: 15px;
    font-weight: 400;
    color: #525252;
    line-height: 18px;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adduser_popup .userlist_management li.dropdown-user:hover {
    background: #F2F2F291;
}

.adduser_popup .userlist_management li.dropdown-user::after {
    content: "";
    background-image: url(../images/tick-circle.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 23px;
    position: absolute;
    right: 7px;
    background-size: 120px;
    top: 12px;
}

.adduser_popup li.dropdown-invite {
    padding: 8px 20px 8px;
    border-top: 1px solid #eee;
    margin-top: 10px;
}

    .adduser_popup li.dropdown-invite:hover {
        background: #F2F2F291;
    }

    .adduser_popup li.dropdown-invite a.invite-user {
        width: 100%;
        display: block;
    }

.adduser_popup .userlist_management li.dropdown-user.active::after {
    background-position: -29px;
}

.email-tags {
    position: relative;
    display: flex;
    left: 30px;
    align-items: center;
    top: 0px;
    display: block;
    width: 280px;
}

    .email-tags span.email-value img {
        width: 17px;
        height: 17px;
        margin-right: 5px;
        margin-left: 0px;
    }

    .email-tags span.email-value p {
        line-height: 1;
    }

    .email-tags span.email-value {
        display: flex;
        font-size: 12px;
        align-items: center;
        background: #F1F1F1;
        padding: 4px 6px;
        margin-right: 6px;
        border-radius: 4px;
        font-weight: 400;
        color: #000;
        float: left;
        margin-bottom: 5px;
    }

        .email-tags span.email-value a {
            padding: 0px;
            box-shadow: none !important;
        }

            .email-tags span.email-value a svg {
                width: 13px;
                margin-left: 5px;
                height: 13px;
                stroke: #9C9898;
            }

span.input-group-btn.email-icon {
    position: absolute;
    left: 5px;
    width: 30px;
    height: 30px;
    z-index: 9;
    top: 5px;
}

    span.input-group-btn.email-icon svg {
        width: 18px;
        stroke: #9C9898;
    }

.dependent-div h4 {
    font-size: 13px;
}

.dependent-box {
    padding: 15px 20px 10px;
    border: 1px solid #ced4da;
    border-radius: 3px;
    margin-bottom: 5px;
}

.dependent-div .dependent-box p {
    font-size: 13px;
    float: left;
    margin-bottom: 10px;
    cursor: text;
}

.dependent-div .dependent-box a.set-default {
    float: right;
    color: #131025 !important;
    font-size: 13px;
    display: none;
    font-weight: 500;
}

.dependent-div .dependent-box:hover a.set-default {
    display: block;
}

.dependent-div button.btn.btn-dropdown {
    display: block;
    clear: both;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 15px;
    margin-left: 19px;
    border-radius: 4px;
}

    .dependent-div button.btn.btn-dropdown:focus {
        box-shadow: none !important;
    }

    .dependent-div button.btn.btn-dropdown svg {
        width: 12px;
        margin-top: -2px;
        fill: #000;
        stroke: #000;
        margin-right: 5px;
    }

        .dependent-div button.btn.btn-dropdown svg line {
            fill: #000;
            stroke: #000;
        }

    .dependent-div button.btn.btn-dropdown:hover {
        background: #eee;
    }

.dependent-div {
    padding-bottom: 10px;
}

.dependent-box .input-field {
    clear: both;
    margin: 0px 20px;
    position: relative;
}

    .dependent-box .input-field a.set-default {
        position: absolute;
        right: 35px;
        top: 8px;
    }

    .dependent-box .input-field a.close-field {
        position: absolute;
        right: 9px;
        top: 9px;
    }

        .dependent-box .input-field a.close-field img {
            width: 12px;
        }

    .dependent-box .input-field input {
        height: 35px;
        border-radius: 3px;
        margin-bottom: 2px;
    }

    .dependent-box .input-field a.set-default {
        display: none !important;
    }

    .dependent-box .input-field:hover a.set-default {
        display: block !important;
    }

#dependent-div {
    display: none;
}

.email-tags input {
    min-height: auto;
    position: relative;
    width: auto;
    border: none;
    background: transparent;
    padding: 5px 0px;
    height: auto;
    float: left;
}

    .email-tags input:focus {
        border: none;
        box-shadow: none !important;
        background: transparent;
    }

.adduser_popup .userlist_management {
    min-height: 35px;
    border: 1px solid #ced4da;
    padding: 5px 5px 0px;
}

.Delete_Modal_Wrapper.revoke-teamnew .modal-confirm .modal-content {
    padding: 10px 0px 0px;
}

    .Delete_Modal_Wrapper.revoke-teamnew .modal-confirm .modal-content .modal-body {
        padding: 0px 50px 10px;
    }

.Delete_Modal_Wrapper.revoke-teamnew .modal-confirm .modal-footer {
    padding: 15px 15px;
    border-top: 1px solid #eee;
    margin: 10px 0px 0px;
}

    .Delete_Modal_Wrapper.revoke-teamnew .modal-confirm .modal-footer button {
        font-size: 13px;
        min-width: 90px;
        min-height: auto;
    }

.Delete_Modal_Wrapper.revoke-teamnew .modal-confirm .modal-content .modal-body .migrate-main {
    margin-top: 20px;
}

.Delete_Modal_Wrapper.revoke-teamnew ul.chosen-choices li p {
    padding: 4px 5px 2px;
}

.dependent-div .dependent-box p input {
    border: none;
    color: #000;
    font-size: 13px;
}

    .dependent-div .dependent-box p input::placeholder {
        color: #000;
        font-size: 13px;
    }

.dependent-div .dependent-box a.close-field.parent-close {
    float: right;
    margin-left: 15px;
}

    .dependent-div .dependent-box a.close-field.parent-close img {
        width: 12px;
    }

.pagedesign-right li.ui-drag-div {
    min-width: 140px;
    display: flex;
    align-items: center;
    margin: 8px 10px;
    cursor: move;
    transition: all 200ms;
    user-select: none;
    position: relative;
    min-height: 1px;
    background: #fff;
    text-align: left;
    line-height: 17px;
    border-radius: 7px !important;
    font-size: 12px;
    color: #000;
}

    .pagedesign-right li.ui-drag-div .form_builder_field {
        width: 100%;
        margin: 0px;
    }

.projecttask-div .pagedesign-right .accordion.ui-droppable-active li.ui-drag-div {
    height: 40px !important;
}

    .projecttask-div .pagedesign-right .accordion.ui-droppable-active li.ui-drag-div.ui-sortable-placeholder {
        margin: 0px;
        height: 1px !important;
    }

.projecttask-div .pagedesign-right .accordion li.ui-drag-div.ui-sortable-placeholder {
    margin: 0px;
    height: 0px !important;
    line-height: 0px;
    min-height: 0px !important;
}

.board-create textarea {
    border: none;
    padding: 0px;
    resize: none;
}

.board-create {
    background: #fff;
    padding: 12px 13px 7px;
    border-radius: 5px;
    border: 1px solid #131025;
    position: relative;
}

    .board-create textarea:focus {
        box-shadow: none !important;
        border: none !important;
    }

a.plus-create {
    padding-bottom: 5px;
    font-size: 14px;
}

a.floating-create {
    position: fixed;
    bottom: 50px;
}

a.backlog-create {
    padding-bottom: 5px;
    font-size: 14px;
}

a.plus-create svg {
    width: 16px;
    margin-top: -2px;
}

a.backlog svg {
    width: 16px;
    margin-top: -2px;
}

.board-create {
    display: none;
}

    .board-create button {
        padding: 0px;
    }

        .board-create button img {
            width: 16px;
        }

        .board-create button::after {
            top: 16px;
            position: absolute;
        }

    .board-create .backlog_right .custom-dropdown .status_change li a {
        font-size: 12px;
        padding: 5px 12px 4px !important;
    }

    .board-create .backlog_right .custom-dropdown .status_change li img {
        margin-right: 3px;
        width: 16px;
        vertical-align: middle;
        margin-top: -1px;
    }

    .board-create .backlog_right .custom-dropdown .status_change {
        z-index: 99;
        min-height: 90px;
        min-width: 120px;
    }

    .board-create .current_user_list img {
        width: 100%;
        height: 100%;
    }

.create-textarea {
    display: flex;
    justify-content: space-between;
}

    .create-textarea .user-name-img.bg-even {
        width: 23px;
        font-size: 10px;
        cursor: pointer;
        height: 22px;
        line-height: 23px;
    }

.profile-view .card {
    position: absolute;
    width: auto;
    height: auto;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
    border-radius: 10px;
    transition: 0.5s;
    right: -35px;
    z-index: 9;
    top: 50px;
    padding-right: 20px;
}

    .profile-view .card .box a {
        color: #666 !important;
        font-size: 11px;
    }

.group-tbtn.grp-main button
.profile-view .card::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: auto;
    z-index: inherit;
    transform: rotate(0deg) !important;
    top: -20px;
    right: 13px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #131025;
}

.profile-view {
    display: none;
}

    .profile-view .card .box {
        position: relative;
        top: 0;
        left: 0;
        text-align: left;
        padding: 0;
        box-sizing: border-box;
        width: 100%;
        display: flex;
        align-items: center;
    }

        .profile-view .card .box .img {
            width: 75px;
            height: 75px;
            border-radius: 10px;
            overflow: hidden;
            border: 1px solid #ccc;
            float: left;
            margin-right: 12px;
        }

            .profile-view .card .box .img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .profile-view .card .box h2 {
            font-size: 13px;
            color: #000;
            margin: 0px !important;
            font-weight: 500;
            text-align: left;
            padding: 0px;
        }

    .profile-view .profile-right br {
        display: none;
    }

    .profile-view .card .box a svg {
        width: 13px;
        stroke: #666;
        margin-right: 3px;
        margin-top: -1px;
    }

    .profile-view .card .profile-right small {
        font-size: 11px;
        display: block;
        line-height: 17px;
    }

.projectuser .table-list .media .media-left img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}

.Client-content {
    width: 100%;
   
}
div#kanbanview {
    margin-left: -5px;
}
.board-cont .kanban-container .kanban-drag {
    background: #F9F9F9;
}

.board-cont .kanban-container header.kanban-board-header {
    background: #F9F9F9 !important;
    padding: 15px 15px 10px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;  
}

    .board-cont .kanban-container header.kanban-board-header .kanban-title-board {
        background: #8882F4;
        font-size: 13px;
        border-radius: 5px;
        display: inline-block;
        width: auto;
        text-align: center;
        color: #fff;
        margin-right: 10px;
        padding: 4px 10px 2px;
    }

    .board-cont .kanban-container header.kanban-board-header img {
        margin-right: 10px;
        width: 14px;
    }

.kanban-item.hidden-workitem {
    display: none;
}

.kanban-item.hidden-assignedToMe {
    display: none;
}

.kanban-item.hidden-assignedToOthers {
    display: none;
}

.kanban-item.hidden-CreatedByMe {
    display: none;
}

.kanban-item.hidden-PendingRecords {
    display: none;
}

.hidden-workitem {
    display: none;
}

.hidden-assignedToMe {
    display: none;
}

.hidden-assignedToOthers {
    display: none;
}

.hidden-CreatedByMe {
    display: none;
}

.hidden-PendingRecords {
    display: none;
}

.select-icon .icons-list img {
    width: 33px;
    border-radius: 4px;
}

.todo-popup .modal-popup .flowdesign-btn button.btn.btn-primary.cancel {
    background: #6c757d !important;
}

.projectcreate_blank {
    margin: 0px;
    width: 100%;
    height: 92vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blank_div svg {
    width: 16px;
    margin-top: -1px;
    margin-right: 1px;
}

.blank_div a {
    font-size: 15px;
    font-weight: 500;
    background: #131025;
    color: #fff !important;
    padding: 8px 15px;
    border-radius: 3px;
}
/*.Application_Wrapper.projectboard_scrum {
    display: none;
}*/

.tooltip {
    position: absolute;
    display: inline-block;
    opacity: 1;
    width: 33px;
    height: 33px;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        min-width: max-content;
        background-color: #f5f5f5;
        color: #000;
        text-align: center;
        border-radius: 2px;
        padding: 3px 15px;
        position: absolute;
        z-index: 99;
        top: 37px;
        border: 1px solid #ccc;
        font-weight: 500;
        font-size: 12px;
        left: 0px;
        white-space: nowrap;
    }

ul.list-inline.icons-list li {
    position: relative;
    height: 33px;
    display: block;
}

.tooltip span.tooltiptext::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #f5f5f5;
    position: absolute;
    left: 7px;
    top: -10px;
    right: auto;
    margin: auto;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.workitems-design ul li {
    padding: 0;
    font-size: 12px;
    position: relative;
    line-height: 1;
}

.workitems-design ul {
    display: inline-flex;
    justify-content: center;
    width: auto;
    background: transparent;
    float: none;
    align-items: center;
    padding-left: 7px;
    padding-top: 3px;
    border-radius: 4px;
    width: 100%;
}

    .workitems-design ul li a::after {
        content: "";
        background: #ccc;
        width: 1px;
        height: 15px;
        position: absolute;
        right: 0px;
        margin: auto;
        top: 0;
        bottom: 0;
    }
    .workitems-design ul li a.grid_workitemtype::after {
        content: "";
        background: #ccc;
        width: 1px;
        height: 15px;
        position: absolute;
        right: 0px;
        margin: auto;
        top: 0;
        bottom: 0;
        display: block !important;
    }

  /*  .workitems-design ul li:last-child a::after {
        display: none;
    }*/

.workitems-design {
    margin-bottom: 6px;
}

    .workitems-design ul li img {
        width: 18px;
        vertical-align: middle;
        border-radius: 2px;
        margin-right: 7px;
        margin-top: -1px;
    }

    .workitems-design ul li a {
        color: #000 !important;
        display: flex;
        align-items: center;
        cursor:pointer;
    }

        .workitems-design ul li a svg {
            width: 15px;
            height: auto;   
            position: relative;
            top: 0px;
        }

        .workitems-design ul li a input.checkbox-input {
            margin-right: 0px;
            position: absolute;
            z-index: 9;
            width: 71%;
            height: 19px;
            cursor: pointer;
            opacity: 0;
        }

    .workitems-design ul li label {
        margin-bottom: 0px;
    }

.migrate-main .transition-delete-div .transition-select h4 {
    text-align: left;
    font-size: 12px;
    margin-top: 0px;
    border: 1px solid #ccc;
    height: 33px;
    padding: 9px 10px;
    border-radius: 3px;
}

.company-modal .chosen-container-single .chosen-single {
    height: 33px;
    border-radius: 3px;
    background: #fff;
    text-align: left;
    padding: 4px 10px;
    font-size: 12px;
    border-color: #ccc;
    box-shadow: none;
}

    .company-modal .chosen-container-single .chosen-single div b {
        top: 5px;
        position: relative;
    }

.company-modal input {
    border-color: #ccc;
}

    .company-modal input:focus {
        border-color: #ccc;
    }

.migrate-main .row.transition-delete-div .dropdown.transition-right {
    text-align: left;
}

.migrate-main .row.transition-delete-div .chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98px;
}

.migrate-main .row.transition-delete-div h4 {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 125px;
}

.board-cont .kanban-container header.kanban-board-header.title-inprogress .kanban-title-board {
    background: #4E9ADC;
}

.board-cont .kanban-container header.kanban-board-header.title-done .kanban-title-board {
    background: #97C35B;
}

.kanban-container .kanban-board .kanban-drag {
    padding: 0px 15px 5px;
    position: relative;
}

.kanban-container .kanban-board {
    padding-bottom: 10px;
    min-width: 340px;
    max-width: 340px;
    margin: 0px 6px !important;
}

.active ~ .home-section #AllTaskDetails {
    overflow: visible !important;
    overflow-y: auto;
}

.Client-content {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.kanban-container {
    display: flex;
}

    .kanban-container .kanban-board {
        height: auto;
        min-height: 100%;
    }

.active ~ .home-section #AllTaskDetails #myKanban {
    min-width: initial;
    margin: 0px;
    overflow: auto;
}

.backlog-field .backlog_right button img {
    width: 20px;
}

.backlog-field .backlog_right button::after {
    top: -6px;
    position: relative;
}

.backlog-field .status_dropdown ul.dropdown-menu.status_change.show {
    top: 0px !important;
    min-height: inherit;
}

.status_dropdown ul.dropdown-menu.status_change.show {
    min-height: auto;
}

.Application_Wrapper {
    min-height: 93vh;
    padding-bottom: 0px;
}

.kanban-container .kanban-board .kanban-drag {
    max-height: calc(100vh - 300px);
}

.board-cont .kanban-container header.kanban-board-header .count {
    background: #9B99A4;
    min-width: 28px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    border-radius: 37px;
    color: #fff;
    padding: 0px 4px;
}

.board-cont .kanban-container header.kanban-board-header .kanban-dot .board-dot img {
    vertical-align: middle;
    width: 5px !important;
}

.board-cont .kanban-container header.kanban-board-header .kanban-header {
    display: flex;
}

.group-tbtn.grp-main span.filter-div svg path {
    fill: #000;
}

.group-tbtn.grp-main span.filter-div svg {
    width: 16px;
    margin-right: 7px;
    margin-top: -2px;
}

.group-tbtn.grp-main button.filter-new::after {
    display: none;
}

.group-tbtn.grp-main button.filter-new {
    padding: 0px;
    margin-right: 5px;
}

    .group-tbtn.grp-main button.filter-new span.filter-div {
        padding: 0px 10px;
        font-weight: 400;
        color: #000;
    }

    .group-tbtn.grp-main button.filter-new span.filter-count {
        border-left: 1px solid #E8F0FD;
        height: 100%;
        padding: 5px 6px;
        color: #525252;
        font-weight: 400;
    }

    .group-tbtn.grp-main button.filter-new.sort-new svg {
        width: 15px;
        margin-top: -2px;
    }

    .group-tbtn.grp-main button.filter-new.row-size svg {
        width: 15px;
        margin-top: -2px;
    }

.sort-div .input_wrapper {
    width: 350px;
    height: 32px;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

    .sort-div .input_wrapper input[type=checkbox] {
        width: 170px;
        height: 33px;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #969696;
        border-radius: 1.25rem;
        position: absolute;
        outline: 0;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        opacity: 0;
    }

        .sort-div .input_wrapper input[type=checkbox]:after {
            position: absolute;
            content: "";
            top: 0.125rem;
            left: 0.188rem;
            width: 171px;
            height: 34px;
            background: #ffffff;
            z-index: 2;
            border-radius: 0px;
            -webkit-transition: all 0.35s;
            transition: all 0.35s;
            top: 0;
        }

    .sort-div .input_wrapper span {
        position: relative;
        top: 0.563rem;
        transition: all 0.35s;
        z-index: 1;
    }

    .sort-div .input_wrapper .is_checked {
        width: 85px;
        left: 0;
        font-size: 16px;
        background: #F4F4F5;
        color: #9C9898;
        padding: 4px 10px;
        border-radius: 9px;
        border: 1px solid #E8E8EB;
        text-align: center;
        top: 0px;
    }

    .sort-div .input_wrapper .is_unchecked {
        width: 85px;
        left: -6px;
        font-size: 16px;
        background: #F4F4F5;
        color: #9C9898;
        padding: 4px 10px;
        border-radius: 9px;
        border: 1px solid #E8E8EB;
        text-align: center;
        top: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        z-index: -1;
    }

    .sort-div .input_wrapper input[type=checkbox]:checked {
        background: #fff;
    }

        .sort-div .input_wrapper input[type=checkbox]:checked:after {
            left: 0;
        }

        .sort-div .input_wrapper input[type=checkbox]:checked + .is_checked {
            /*    -webkit-transform: translateX(0) translateY(-30%) scale(1);*/
            transform: none;
        }

        .sort-div .input_wrapper input[type=checkbox]:checked ~ .is_unchecked {
            /*  -webkit-transform: translateX(-190%) translateY(-30%) scale(0);*/
            transform: none;
        }

.sort-by {
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    width: 480px;
    border-top: 5px solid #131025;
    border-radius: 5px;
    position: absolute;
    z-index: 99;
}

.group-tbtn.grp-main .dropdown {
    display: inline-block;
}

    .group-tbtn.grp-main .dropdown .downdown-list {
        position: absolute;
        background: #fff;
        right: 0px;
        z-index: 9;
        top: 38px;
        display: none;
    }

.sort-div {
    padding: 15px 20px;
    background: #fff;
}

    .sort-div h3 {
        font-size: 14px;
        padding-bottom: 10px;
        color: #000;
    }

.sort-list {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .sort-list svg path {
        fill: #DADADA;
    }

    .sort-list > svg {
        margin-right: 9px;
        width: 26px;
    }

    .sort-list select {
        border-radius: 2px;
        border-color: #E8E8EB;
        margin-right: 15px;
        color: #525252;
        height: 30px;
        padding: 4px 10px;
        font-size: 13px;
    }

    .sort-list a.close-sort svg {
        margin: 0px 0px 0px 5px;
        stroke: #9C9898;
    }

.sort-div .input_wrapper span svg {
    margin: -2px 6px 0px 6px;
}

    .sort-div .input_wrapper span svg path {
        fill: #9C9898 !important;
    }

a.add-sort img {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

a.add-sort {
    color: #525252 !important;
    font-size: 12px;
    padding-left: 18px;
}

.companysettings-link .tooltip .tooltiptext {
    min-width: 125px;
}

.collapse-sort {
    background: #FFF6F4;
    padding: 2px 20px;
}

    .collapse-sort .form-switch .form-check-input:checked {
        background-color: #131025;
        border-color: #131025;
    }

    .collapse-sort .form-switch {
        display: flex;
        justify-content: center;
    }

        .collapse-sort .form-switch input {
            height: 1.125rem;
            width: 2.188rem;
        }

    .collapse-sort ul {
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .collapse-sort a.clear-div {
        color: #131025 !important;
    }

    .collapse-sort ul li {
        display: flex;
    }

    .collapse-sort ul .form-check.form-switch {
        margin: 6px 10px 0px;
    }

    .collapse-sort ul li span {
        color: #9C9898;
        font-size: 14px;
        padding-top: 2px;
    }

    .collapse-sort ul .form-check.form-switch input {
        border-radius: 25px;
    }

        .collapse-sort ul .form-check.form-switch input:focus {
            box-shadow: none !important;
        }

.group-tbtn.grp-main .dropdown .downdown-list::before {
    content: "";
    width: 13px;
    height: 13px;
    top: -9px;
    background-color: #131025;
    box-shadow: none;
    transform: rotate(45deg);
    position: absolute;
    right: 16px;
    z-index: -1;
}

.group-tbtn.grp-main button.filter-new.active {
    background: #131025;
    border-color: #131025 !important;
}

    .group-tbtn.grp-main button.filter-new.active span.filter-div {
        color: #fff;
    }

        .group-tbtn.grp-main button.filter-new.active span.filter-div svg path {
            fill: #fff;
        }

    .group-tbtn.grp-main button.filter-new.active span.filter-count {
        color: #fff;
        border-color: #fff;
    }
/*switch on-off */
.toggle-label {
    position: relative;
    width: 415px;
    height: 33px;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .toggle-label svg path {
        fill: #9C9898 !important;
    }

    .toggle-label input[type=checkbox] {
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

        .toggle-label input[type=checkbox] + .back {
            position: absolute;
            width: 100%;
            height: 32px;
            left: 0;
            top: 0;
            border-radius: 9px;
            border: 1px solid #E8E8EB;
            transition: background 150ms linear;
            background: #F4F4F5;
        }

        .toggle-label input[type=checkbox]:checked + .back {
            border: 1px solid #E8E8EB;
            cursor: pointer;
        }

        .toggle-label input[type=checkbox] + .back .toggle {
            display: block;
            position: absolute;
            content: ' ';
            background: #131025;
            width: 50%;
            height: 100%;
            transition: margin 150ms linear;
            border: 1px solid #131025;
            border-radius: 9px;
            color: #fff;
        }

        .toggle-label input[type=checkbox]:checked + .back .toggle {
            margin-left: 87px;
        }

    .toggle-label .label {
        display: block;
        position: absolute;
        width: 50%;
        color: #9C9898;
        line-height: 31px;
        text-align: center;
        font-size: 16px;
    }

        .toggle-label .label svg {
            margin: 0px 5px;
        }

        .toggle-label .label.on {
            left: 0px;
        }

        .toggle-label .label.off {
            right: 0px;
        }

    .toggle-label input[type=checkbox]:checked + .back .label.on {
    }

    .toggle-label input[type=checkbox] + .back .label.off {
        cursor: pointer;
    }


    .toggle-label span.back span.label.active {
        color: #fff;
    }

        .toggle-label span.back span.label.active svg path {
            fill: #fff !important;
        }
/*switch on-off */
.gantt-main {
    position: relative;
}

    .gantt-main span {
        display: inline;
    }

.workitems-design ul svg.feather.feather-plus {
    width: 17px;
    stroke: #131025;
}


.workitems-design ul input[type='checkbox'] {
    height: 0;
    width: 0;
}

    .workitems-design ul input[type='checkbox'] + label {
        position: relative;
        display: flex;
        align-items: center;
        transition: color 250ms cubic-bezier(.4,.0,.23,1);
        cursor: pointer;
    }

        .workitems-design ul input[type='checkbox'] + label > span {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 6px;
            margin-left: 5px;
            width: 17px;
            height: 17px;
            background: transparent;
            border: 2px solid #9b99a4;
            border-radius: 2px;
            cursor: pointer;
            transition: all 250ms cubic-bezier(.4,.0,.23,1);
        }

    .workitems-design ul input[type='checkbox']:checked + label > span {
        animation: shrink-bounce 200ms cubic-bezier(.4,.0,.23,1);
    }

        .workitems-design ul input[type='checkbox']:checked + label > span:before {
            content: "";
            position: absolute;
            top: 4px;
            left: 8px;
            border-right: 2px solid transparent;
            border-bottom: 2px solid transparent;
            transform: rotate(45deg);
            transform-origin: 0% 100%;
            animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
        }

@keyframes shrink-bounce {
    0% {
        transform: scale(1);
    }

    33% {
        transform: scale(.85);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #9b99a4;
        transform: translate3d(0,0,0) rotate(45deg);
    }

    33% {
        width: 5px;
        height: 0;
        transform: translate3d(0,0,0) rotate(45deg);
    }

    100% {
        width: 5px;
        height: 11px;
        border-color: #9b99a4;
        transform: translate3d(0,-.5em,0) rotate(45deg);
    }
}

.workitems-design ul li .view-status-div.active {
    background-color: #fff;
    position: relative;
    z-index: 1;
    transition: background 301ms ease-out;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 2px solid #131025;
}

.workitems-design ul li .view-status-div {
    padding: 6px 11px 5px;
}

.workitems-design ul li {
    /*padding:0px;*/
}

    .workitems-design ul li .view-status-div.active a::after {
        display: none;
    }

    .workitems-design ul li .view-status-div.active::before {
        content: "";
        background: url(../images/edge-icon.svg) no-repeat;
        width: 9px;
        height: 9px;
        position: absolute;
        left: -8px;
        bottom: 0;
        background-size: cover;
    }

    .workitems-design ul li .view-status-div.active::after {
        content: "";
        background: url(../images/edge-icon.svg) no-repeat;
        width: 9px;
        height: 9px;
        position: absolute;
        right: -8px;
        transform: scaleX(-1);
        bottom: 0;
        background-size: cover;
    }

.workitems-design .tooltip .tooltiptext {
    left: auto;
    right: 0;
    background: #fff;
}

.workitems-design .tooltip span.tooltiptext::before {
    border-bottom: 10px solid #fff;
    right: 6px;
    left: auto;
}

.workitems-design ul.list-inline.view-category {
    padding: 0px;
    border-radius: 4px;
    top:2px;
    position:relative;
}

.workitems-design .downdown-list.status-by {
    position: absolute;
    background: #fff;
    z-index: 99;
    min-width: 245px;
    display: none;
    border-radius: 5px;
    box-shadow: 2px 4px 8px rgba(0,0,0,0.16);
    border-top: 5px solid #131025;
    left: 8px;
    transform: translate(-10%, 0px);
    top: 35px;
}


.workitems-design .downdown-list.status-by.for-report{
    
    transform: translate(0%, 0px);
    
}
    .workitems-design .downdown-list.status-by .input-field input {
        width: 100%;
        border: 2px dashed #4BA3F2;
        height: 27px;
        padding-left: 10px;
    }

    .workitems-design .downdown-list.status-by ul.list-unstyled.status-list {
        padding: 0px;
        background: transparent;
        display: block;
        float: none;
    }

    .workitems-design .downdown-list.status-by .input-field {
        margin: 0px 13px 5px;
    }

    .workitems-design .downdown-list.status-by ul li a::after {
        display: none;
    }

    .workitems-design .downdown-list.status-by ul.list-unstyled.status-list li {
        padding: 7px 13px;
    }

        .workitems-design .downdown-list.status-by ul.list-unstyled.status-list li a {
            color: #000 !important;
            font-size: 12px;
        }

    .workitems-design .downdown-list.status-by::before {
        content: "";
        width: 13px;
        height: 13px;
        top: -10px;
        background-color: #131025;
        box-shadow: none;
        transform: rotate(45deg);
        position: absolute;
        right: 33px;
        left: 0;
        margin: auto;
        z-index: -1;
    }

    .workitems-design .downdown-list.status-by .dropdown-status-new {
        padding: 15px 0px 10px;
        background: #fff;
        border-radius: 5px;
    }
/*.workitems-design ul li .view-status-div.active + .downdown-list.status-by {
    display:block;
}*/
.workitems-design ul a.workitem-table {
    padding: 0;
}

.workitems-design ul li.workitem-table {
    padding: 6px 6px 5px;
}

.View-by .view-status-new {
    color: #000;
    border-radius: 3px !important;
    padding: 5px 10px !important;
}

.View-by ul.dropdown-menu {
    padding: 0px;
    border-radius: 0px;
    border-color: #DEE8FC;
}

    .View-by ul.dropdown-menu li a {
        font-size: 12px;
        border-bottom: 1px solid #DEE8FC;
        padding: 4px 10px 2px;
    }

.View-by .view-status-new:hover, .View-by .view-status-new:focus {
    background: transparent;
}

.View-by .view-status-new::after {
    background: url(../images/arrow-filter.svg) no-repeat;
    width: 15px;
    height: 12px;
    background-size: 14px;
    top: 1px;
    font-size: 0px;
    position: relative;
}

.view-category .viewby-parent-div {
    padding: 6px 20px 5px 10px;
}

.workitems-design ul li .view-status-div {
    padding: 6px 10px 5px;
}

.workitems-design ul li.active {
    padding-top: 4px;
}

.workitems-design ul.list-inline.view-category li.active {
    padding-top: 0;
}

a.board-dot svg path {
    fill: #b3b3b3;
}

a.board-dot svg {
    width: 28px;
    height: 28px;
}

.kanban-dot {
    visibility: hidden;
}

.board-cont .kanban-container header.kanban-board-header:hover .kanban-dot {
    visibility: visible;
}

.single-workitemview-ul {
    padding-left: 9px !important;
}

.kanban-container .kanban-board .kanban-item {
    padding: 0.3rem 0.87rem 0rem !important;
}

.kanban-item .agile-board-content-wrapper h2 {
    margin-bottom: 0px !important;
    padding: 5px 0px;
    font-size: 13px;
}

.kanban-container .agile-board-content-wrapper .d-flex.justify-content-between.align-items-start {
    height: 30px;
}

.current_user_list .dropdown-toggle li {
    width: 29px;
    height: 29px;
    line-height: 29px;
    font-size: 12px;
    position: relative;
}

.kanban-container .current_user_list .dropdown-toggle li.add-user {
    width: 29px;
    height: 29px;
}

    .kanban-container .current_user_list .dropdown-toggle li.add-user svg {
        width: 15px;
    }

.d-flex.justify-content-between.py-2 {
    padding-top: 0px !important;
    padding-bottom: 3px !important;
}

.kanban-item .agile-board-content-wrapper .time_priority .medium {
    font-size: 12px;
}

.kanban-item .agile-board-content-wrapper .p_r_e_img > div img {
    width: 27px;
    height: 27px;
    border: none;
}

.kanban-item .current_user_list .dropdown-toggle li {
    border: none;
    overflow: visible;
}

td.gdfCell.taskAssigs.userlist_management {
    overflow: visible;
}

.board-main .kanban-container .kanban-board.collapsed {
    max-width: 40px;
    padding-bottom: 0px;
    min-width: 40px;
}

    .board-main .kanban-container .kanban-board.collapsed header.kanban-board-header .kanban-title-board {
        display: block;
        transform: rotate(-90deg);
        margin: 50px -39px 50px;
        padding: 3px 7px;
        width: 106px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .board-main .kanban-container .kanban-board.collapsed .kanban-drag {
        display: none;
    }

    .board-main .kanban-container .kanban-board.collapsed header.kanban-board-header .kanban-header {
        display: block;
    }

    .board-main .kanban-container .kanban-board.collapsed header.kanban-board-header {
        padding: 15px 6px 10px !important;
        display: block;
    }

        .board-main .kanban-container .kanban-board.collapsed header.kanban-board-header img {
            width: 14px;
            display: block;
            margin: 0px 6px 5px;
        }

.board-cont .kanban-container .kanban-board.collapsed header.kanban-board-header .kanban-dot {
    visibility: visible;
}

.board-cont .kanban-container .board-dot.colllapsed-div {
    display: none;
}

.board-cont .kanban-container .kanban-board.collapsed .board-dot {
    display: none;
}

    .board-cont .kanban-container .kanban-board.collapsed .board-dot.colllapsed-div {
        display: block;
    }

.board-cont .kanban-container .kanban-board.collapsed header.kanban-board-header .count {
    width: 26px;
    height: 25px;
    text-align: center;
    line-height: 25px;
}

.kanban-dropdown-parent .status_dropdown ul.dropdown-menu.status_change.show {
    min-height: auto;
    top: 0px !important;
}

.popup-header {
    background: #fff;
    color: #000;
    padding: 13px 20px;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .popup-header h3 {
        font-size: 20px;
        font-weight: 500;
        color: #000;
    }

.popup-footer {
    padding: 10px 15px;
    border-top: 1px solid #dee2e6;
}

.taskAssigs .dropdown-toggle {
    margin: 0;
    padding: 0;
    display: flex;
    cursor: pointer;
}

.taskAssigs .user_initals {
    line-height: 22px;
}

.taskAssigs .dropdown-toggle::after {
    display: none;
}

.taskAssigs .dropdown-toggle li {
    border: 3px solid #ffffff;
    width: 26px;
    height: 26px;
    overflow: visible;
    border-radius: 50%;
    margin-left: -10px;
    text-align: center;
    background: #DEE9FC;
    font-weight: bold;
    line-height: 26px;
    font-size: 12px;
}

    .taskAssigs .dropdown-toggle li:first-child {
        margin-left: 0;
    }

    .taskAssigs .dropdown-toggle li.add-user {
        border-radius: 50%;
        width: 26px;
        height: 26px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        background: #EEEEEE 0% 0% no-repeat padding-box;
        border: 1px solid #DEE9FC;
        padding: 2px;
    }

        .taskAssigs .dropdown-toggle li.add-user svg {
            width: 14px;
        }

    .taskAssigs .dropdown-toggle li.totaluser {
        border-radius: 50%;
        width: 28px;
        height: 28px;
        font-size: 10px;
        color: #ffffff;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: space-around;
        background: #97C35B 0% 0% no-repeat padding-box;
        border: 1px solid #DEE9FC;
        padding: 2px;
    }

.taskAssigs .dropdown-menu {
    /*position: fixed !important;*/
    border-radius: 5px;
    border: 0;
    background: #ffffff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    width: 300px;
    padding: 0;
}

    .taskAssigs .dropdown-menu .user-name-img {
        width: 25px;
        display: block;
        height: 25px;
        margin: 0;
    }

    .taskAssigs .dropdown-menu .search {
        padding: 10px;
        position: relative;
    }

        .taskAssigs .dropdown-menu .search input {
            background: #F6F5F5 0% 0% no-repeat padding-box;
            border-radius: 5px;
            border: none;
            color: #333333;
            font-size: 0.87rem;
            padding: 8px 35px 8px 10px;
            width: 100%;
            outline: none;
        }

        .taskAssigs .dropdown-menu .search .search-icon {
            position: absolute;
            right: 20px;
            top: 15px;
        }

    .taskAssigs .dropdown-menu .drop-footer {
        border-top: 1px solid #DEE9FC;
        padding: 8px 10px;
    }

        .taskAssigs .dropdown-menu .drop-footer button {
            background: none;
            border: 0;
        }

            .taskAssigs .dropdown-menu .drop-footer button.inviteuser {
                color: #8882F4;
            }

            .taskAssigs .dropdown-menu .drop-footer button:hover {
                color: #131025;
            }

    .taskAssigs .dropdown-menu .userlist {
        max-height: 300px;
        overflow: auto;
    }

        .taskAssigs .dropdown-menu .userlist > li {
            padding: 6px 10px;
            cursor: pointer;
            font-size: 0.87rem;
        }

            .taskAssigs .dropdown-menu .userlist > li small {
                display: block;
                font-size: 0.75rem;
                color: #99A5BC;
                line-height: 10px;
                letter-spacing: 1px;
            }

                .taskAssigs .dropdown-menu .userlist > li small.user_email {
                    margin-top: 5px;
                    letter-spacing: 0;
                    color: #777;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

            .taskAssigs .dropdown-menu .userlist > li button {
                background: none;
                border: 0;
                color: #777777;
                font-size: 0.87rem;
            }

            .taskAssigs .dropdown-menu .userlist > li .user_initals {
                margin-right: 10px;
                width: 25px;
                height: 25px;
                border-radius: 50%;
                background: #ff5555;
                text-align: center;
                color: #ffffff;
                font-size: 0.87rem;
                line-height: 25px;
            }

            .taskAssigs .dropdown-menu .userlist > li .user_checkbox {
                width: 20px;
                height: 20px;
                background: #d5d5d5;
                border-radius: 50%;
                text-align: center;
                min-width: 20px;
                font-size: 0.85rem;
                color: #f5f5f5;
                line-height: 20px;
            }

            .taskAssigs .dropdown-menu .userlist > li.active .user_checkbox {
                background: #131025;
                color: #fff;
            }

            .taskAssigs .dropdown-menu .userlist > li:hover {
                background: #f7f7f7;
            }

.taskAssigs.userlist_management li ul {
    top: 36px;
    left: auto;
    right: 0;
    padding: 0px;
}

    .taskAssigs.userlist_management li ul li {
        width: auto;
        height: auto;
        background: transparent;
        padding: 5px 10px;
        margin: 0px;
    }

.taskAssigs.userlist_management .user_name {
    line-height: 1;
    font-weight: 400;
}

.taskAssigs.userlist_management .user-name-img {
    margin: 0;
}

.taskAssigs.userlist_management li.dropdown-user .user_initals.user_intial_image {
    margin-left: 0;
}

.userlist_management li.dropdown-user .user_initals {
    line-height: 25px;
    font-size: 11px;
}

.taskAssigs.userlist_management li ul li:hover {
    background: #f5f5f5;
    border-radius: 0px;
}

.board-cont .search-main .header-search-wrapper input {
    padding: 6px 35px 5px 15px;
}

.gantt-main .group-tbtn.grp-main {
    min-width: auto;
}

.board-cont .gantt-main .header-search-wrapper {
    margin-right: 10px;
}

.gantt-main .search-main {
    padding: 0px;
    justify-content: space-between;
}

.gantt-main .current_user_list.dropdown {
    padding-top: 0px;
}

.gantt-div {
    width: 100%;
    display: flex;
    padding: 4px 0px;
}

.board-cont .gantt-main .search-main .header-search-wrapper input {
    padding: 4px 35px 4px 15px;
    width: 192px;
}

.SelectedUsersUl_gantt {
    display: flex;
}

td.gdfCell.taskAssigs.userlist_management .users_list li img {
    width: 20px;
    height: 20px
}

.backlog_right .status_dropdown ul.status_change li a[data-class=TODO] {
    background-color: #8882F4;
    color: #fff !important;
}

.backlog_right .status_dropdown ul.status_change li a[data-class=INPROGRESS] {
    background-color: #4E9ADC;
    color: #fff !important;
}

.backlog_right .status_dropdown ul.status_change li a[data-class=DONE] {
    background-color: #97C35B;
    color: #fff !important;
}

.workitems-design ul.list-inline.view-category.single-workitemview-ul li.active {
    padding-top: 0px;
}

a.gantt-plus svg {
    width: 12px;
}

a.gantt-plus {
    background: #eee;
    padding: 2px 5px;
    border-radius: 3px;
    display: none;
    position: relative;
}

.workitem-gantt:hover a.gantt-plus {
    display: block;
}

.workitem-gantt a.gantt-plus:hover {
    background: #ccc;
}

.dropdown.dropdown-status ul.dropdown-menu a.dropdown-item img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -1px;
}

.dropdown.dropdown-status ul.dropdown-menu {
    padding: 0px;
}

    .dropdown.dropdown-status ul.dropdown-menu a.dropdown-item {
        padding: 3px 6px 3px;
        border-bottom: 1px solid #eee;
        font-size: 13px;
    }

        .dropdown.dropdown-status ul.dropdown-menu a.dropdown-item img {
            width: 16px;
        }

div#StatusPlusDiv .addStatusBtn {
    border: none;
    background: #f9f9f9;
    padding: 5px 7px;
    border-radius: 3px;
}

    div#StatusPlusDiv .addStatusBtn svg {
        width: 21px;
    }

div#StatusPlusDiv .addStatusBtn {
    border: none;
    background: #f5f5f5;
    padding: 5px 7px;
    border-radius: 3px;
}

.NewStatusParent.open {
    padding-bottom: 10px;
    min-width: 340px;
    max-width: 340px;
    border-radius: 10px;
    background: #f8f8f8;
    padding: 5px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    margin: 0px 6px;
}

    .NewStatusParent.open input {
        width: 100%;
        height: 35px;
        margin-bottom: 5px;
        border-radius: 3px;
        padding: 5px;
        border: 2px solid #131025 !important;
    }

        .NewStatusParent.open input::placeholder {
            font-size: 12px;
        }

.NewStatusParent a.close-kanban {
    display: none;
}

.NewStatusParent.open a.close-kanban {
    display: block;
    background: #fff;
    float: right;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 30px;
    border-radius: 2px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}

    .NewStatusParent.open a.close-kanban img {
        width: 12px;
    }

.NewStatusParent {
    margin-right: 20px;
}

/*.toggle_wrapper.bx-menu.secondsidebar_toggle {
    display: none;
}*/

.status-field {
    position: relative;
}

    .status-field .status-close {
        position: absolute;
        right: 0;
        bottom: -25px;
        display: flex;
    }

        .status-field .status-close button {
            background: #fff;
            margin-left: 1px;
            border: 1px solid #ccc;
            border-radius: 3px;
            width: 24px;
        }

            .status-field .status-close button svg {
                width: 15px;
                height: 15px;
                margin-top: -1px;
            }

                .status-field .status-close button svg path {
                    fill: #4d4d4d;
                }

            .status-field .status-close button.tick-btn:hover {
                background: #97c35b;
            }

            .status-field .status-close button.cancel-btn:hover {
                background: #f00;
            }

            .status-field .status-close button.tick-btn:hover svg path {
                fill: #fff;
            }

            .status-field .status-close button.cancel-btn:hover svg path {
                fill: #fff;
            }

input.task-backlog-edit-input {
    border: none;
    width: 100%;
    font-size: 12px;
}

.kanban-drag .add_taskuser_list_gantt li.search svg {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 15px;
    width: 20px;
    height: 20px;
    stroke: #4d4d4d;
}

.kanban-drag .add_taskuser_list_gantt li.search input {
    width: 100%;
    padding: 8px 10px 8px 35px;
}

.kanban-drag .add_taskuser_list_gantt li.search {
    position: relative;
}

.kanban-drag .add_taskuser_list_gantt li.dropdown-user {
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

    .kanban-drag .add_taskuser_list_gantt li.dropdown-user .user_initals.user_intial_image {
        margin-right: 5px;
    }

    .kanban-drag .add_taskuser_list_gantt li.dropdown-user .user_initals {
        display: inline-block;
        background: #954CFF;
        color: #fff;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 30px;
        font-size: 13px;
        margin: 0px 8px 0px 0px;
    }

.kanban-drag .add_taskuser_list_gantt {
    overflow: hidden;
    overflow-y: auto;
}

    .kanban-drag .add_taskuser_list_gantt li.dropdown-user img.user-name-img {
        border: none;
    }

    .kanban-drag .add_taskuser_list_gantt li.dropdown-user:hover {
        background: #f5f5f5;
    }

    .kanban-drag .add_taskuser_list_gantt li.dropdown-user .user_name {
        font-size: 13px;
    }

.kanban-drag .add_taskuser_list_board li.search svg {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 15px;
    width: 20px;
    height: 20px;
    stroke: #4d4d4d;
}

.kanban-drag .add_taskuser_list_board li.search input {
    width: 100%;
    padding: 8px 10px 8px 35px;
}

.kanban-drag .add_taskuser_list_board li.search {
    position: relative;
}

.kanban-drag .add_taskuser_list_board li.dropdown-user {
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

    .kanban-drag .add_taskuser_list_board li.dropdown-user .user_initals.user_intial_image {
        margin-right: 8px;
        background: transparent;
    }

    .kanban-drag .add_taskuser_list_board li.dropdown-user .user_initals {
        display: inline-block;
        background: #954CFF;
        color: #fff;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        text-align: center;
        line-height: 25px;
        font-size: 13px;
        margin: 0px 8px 0px 0px;
    }

.kanban-drag .add_taskuser_list_board {
    overflow: hidden;
    overflow-y: auto;
}

    .kanban-drag .add_taskuser_list_board li.dropdown-user img.user-name-img {
        border: none;
        width: 25px;
        height: 25px;
    }

    .kanban-drag .add_taskuser_list_board li.dropdown-user:hover {
        background: #f5f5f5;
    }

    .kanban-drag .add_taskuser_list_board li.dropdown-user .user_name {
        font-size: 13px;
    }

.kanban-item .agile-board-content-wrapper .p_r_e_img > div span {
    font-size: 8px;
    height: 15px;
    width: 15px;
    line-height: 15px;
    top: 2px;
    left: 0;
    right: auto;
    bottom: auto;
    background: #f00;
}

.accord-right .slider:before {
    display: none;
}

.ganttworkitem-dropdown img {
    width: 16px;
    border-radius: 3px;
}

.ganttworkitem-dropdown button {
    margin-top: 3px;
}

.child-workitems {
    display: none;
    margin: 0px 20px;
    border: 1px solid #131025;
    padding: 1px 3px;
    border-radius: 3px;
}

.child-inner {
    display: flex;
    align-items: center;
}

.child-workitems input {
    text-align: left !important;
    font-weight: 400 !important;
}

.child-workitems button {
    margin-right: 4px;
    margin-top: 2px;
}

.profile-view .card .box .user_initals {
    width: 75px;
    height: 75px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
    background: #DEE9FC;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.profile-view .card .box .img img {
    border-radius: 0px;
}

.status-name .chosen-container-single .chosen-single span {
    font-size: 11px;
    line-height: 24px;
}

.workflow-side .chosen-container-single .chosen-single {
    height: 33px;
    border-radius: 3px;
    background: #fff;
    text-align: left;
    padding: 4px 10px;
    font-size: 12px;
    border-color: #ccc;
    box-shadow: none;
}

    .workflow-side .chosen-container-single .chosen-single div b {
        top: 5px;
        position: relative;
    }

.workflow-side .statusdisplay-main .chosen-container-single .chosen-single div b {
    top: 0px;
    position: relative;
}

.workflow-side input {
    border-color: #ccc;
}

    .workflow-side input:focus {
        border-color: #ccc;
    }

.status-slide .form-group label {
    font-size: 11px;
}

.work-items h2 img {
    width: 20px;
    border-radius: 3px;
}


.backlog_right ul.user_list_dropdown.compliance_user_list.add_taskuser_list_board {
    overflow: hidden;
    height: 300px;
    overflow-y: auto;
}

.backlog_right .userlist_management .dropdown-menu li.dropdown-user .user_initals {
    display: inline-block;
    background: #954CFF;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-size: 13px;
    float: left;
    margin: 5px 8px 0px 0px;
}

.backlog_right .userlist_management .dropdown-menu li.dropdown-user img {
    float: left;
    margin: 5px 8px 0px 0px;
}

.backlog_right .userlist_management .dropdown-menu li.dropdown-user {
    padding: 8px 10px 6px 10px;
    position: relative;
    cursor: pointer;
    display: block;
}

.backlog_right .current_user_list .dropdown-menu .search input {
    padding: 8px 10px 8px 40px;
}

.backlog_right .userlist_management .dropdown-menu li.dropdown-user .user_name span {
    font-size: 12px;
    display: block;
    color: #9C9898;
}

.backlog_right ul.user_list_dropdown.compliance_user_list.add_taskuser_list_board li.search svg {
    position: absolute;
    top: 2px;
    bottom: 0;
    margin: auto;
    left: 20px;
    height: 22px;
    width: 20px;
    right:auto;
}

.backlog_right .dropdown-menu li.dropdown-user .user_name .dropdown-role {
    font-size: 11px;
    display: block;
    color: #9C9898;
    line-height: 1.4;
}

.backlog_right li.dropdown-user .user_name .dropdown-email {
    font-size: 12px;
    display: block;
    color: #9C9898;
}

.backlog_right .userlist_management li.dropdown-user .user_name {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 18px;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.backlog_right .userlist_management li.dropdown-user:hover {
    background: #F2F2F291;
}

.backlog_right li.dropdown-invite {
    padding: 8px 20px 8px;
    border-top: 1px solid #eee;
    margin-top: 10px;
}

    .backlog_right li.dropdown-invite:hover {
        background: #F2F2F291;
    }

    .backlog_right li.dropdown-invite a.invite-user {
        width: 100%;
        display: block;
    }

.backlog_right .userlist_management li.dropdown-user.active::after {
    background-position: -29px;
}

.dropdown.sprint-dropdown-div {
    margin-right: 10px;
    margin-top: 0px;
}

    .dropdown.sprint-dropdown-div button {
        background: transparent;
        color: #000;
        border: 1px solid #DEE9FC;
        border-radius: 3px;
        cursor: pointer;
    }

.backlog_list .dropdown.sprint-dropdown-div ul li a {
    font-size: 12px;
    border-bottom: 1px solid #DEE9FC;
}

.backlog_list .dropdown.sprint-dropdown-div ul li:last-child a {
    border-bottom: none;
}

.backlog_list .dropdown.sprint-dropdown-div {
    display: flex;
    white-space: nowrap;
    align-items: center;
}

    .backlog_list .dropdown.sprint-dropdown-div p {
        margin-right: 7px;
        font-size: 12px;
    }

.backlog_list .dropdown.sprint-dropdown-div {
    display: none;
}

.backlog_list:hover .dropdown.sprint-dropdown-div {
    display: flex;
}

.backlog_list .backlog_right .dropdown.sprint-dropdown-div button.dropdown-toggle::after {
    background: url(../images/down-arrow.svg) no-repeat;
    background-size: contain;
    margin: 0 5px 0 1px;
}

.search-main.board-cont .adduser_popup {
    padding: 15px !important;
}

span.remove_user {
    position: absolute;
    left: 0;
    z-index: 9;
    background: #f00;
    width: 10px;
    height: 10px;
    line-height: 8px;
    border-radius: 50%;
    top: 3px;
    left: 3px;
}

    span.remove_user svg path {
        fill: #fff;
    }

    span.remove_user svg {
        width: 10px !important;
        margin-top: 3px;
        height: 9px !important;
    }

.current_user_list .dropdown-toggle li img, .current_user_list .dropdown-toggle li img {
    width: 30px;
    height: 30px;
    object-fit: cover;
}

.current_user_list .dropdown-menu.adduser_popup {
    padding: 15px;
}

.task-pinning svg {
    width: 14px;
}

a.backlog-create svg {
    width: 16px;
    margin-top: -2px;
}

.delete-task-dropdown i::after {
    display: none;
}

.filterby-div {
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    width: 800px;
    border-top: 5px solid #131025;
    border-radius: 5px;
}

    .filterby-div .filter-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.filter-new {
    display: flex;
    align-items: center;
}

.filter-checklist {
    display: flex;
    align-items: center;
}

.filterby-div .filter-head .filter-new h3 {
    margin-bottom: 0px !important;
    font-weight: 400;
    padding-bottom: 0px;
    margin-right: 10px;
}

.filterby-div .checkbox input {
    position: relative;
    top: 2px;
}

.filterby-div .checkbox {
    margin-left: 10px;
    margin-top: -3px;
    position: relative;
}

.filter-new h3 {
    margin-right: 0px;
    font-size: 11px;
}

.filterby-div .checkbox label {
    line-height: 1;
    margin-left: 3px;
    font-size: 13px;
    margin-bottom: 11px;
    color: #000;
    color: #000;
}

.filterby-div .checkbox input[type='checkbox'] {
    height: 0;
    width: 0;
}

    .filterby-div .checkbox input[type='checkbox'] + label {
        position: relative;
        display: flex;
        align-items: center;
        transition: color 250ms cubic-bezier(.4,.0,.23,1);
        cursor: pointer;
        margin-bottom: 0px;
    }

        .filterby-div .checkbox input[type='checkbox'] + label > span {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 6px;
            width: 17px;
            height: 17px;
            background: transparent;
            border: 2px solid #9b99a4;
            border-radius: 2px;
            cursor: pointer;
            transition: all 250ms cubic-bezier(.4,.0,.23,1);
        }

    .filterby-div .checkbox input[type='checkbox']:checked + label > span {
        animation: shrink-bounce 200ms cubic-bezier(.4,.0,.23,1);
    }

        .filterby-div .checkbox input[type='checkbox']:checked + label > span:before {
            content: "";
            position: absolute;
            top: 5px;
            left: 3px;
            border-right: 2px solid transparent;
            border-bottom: 2px solid transparent;
            transform: rotate(45deg);
            transform-origin: 0% 100%;
            animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
        }

.filterby-div .checkbox input.checkbox-input {
    margin-right: 10px;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 19px;
    cursor: pointer;
    opacity: 0;
}

@keyframes shrink-bounce {
    0% {
        transform: scale(1);
    }

    33% {
        transform: scale(.85);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #9b99a4;
        transform: translate3d(0,0,0) rotate(45deg);
    }

    33% {
        width: 5px;
        height: 0;
        transform: translate3d(0,0,0) rotate(45deg);
    }

    100% {
        width: 5px;
        height: 11px;
        border-color: #9b99a4;
        transform: translate3d(0,-.5em,0) rotate(45deg);
    }
}

.filterby-div .checkbox input.show + label > span:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 3px;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
}

.filter-head h3 {
    font-weight: 500;
    padding-bottom: 0px;
}

a.floating-create {
    background: #f9f9f9;
    bottom: 45px;
    width: 100%;
    position: fixed;
    padding: 8px 12px 7px;
    min-width: 320px;
    max-width: 320px;
    display: inline-block;
    margin-left: -9px;
}

.backlog-task-details-dropdown .delete-btn {
    float: left;
    margin-right: 5px;
}

.backlog-task-details-dropdown a {
    padding: 3px 10px 1px !important;
    font-size: 13px;
}

.backlog-task-details-dropdown i::after {
    display: none;
}

.sprint-parent .backlog_right .dropdown.custom-dropdown.status_dropdown {
    margin-top: 5px;
}

.sprint-parent .backlog_right .backlog-task-details-dropdown {
    margin-top: 8px;
    cursor: pointer;
}
.coming-soon p {
    font-size: 18px;
}

.coming-soon {
    display: flex;
    justify-content: center;
    height: 82vh;
    align-items: center;
}
.backlog-wrapper {
    justify-content: space-between;
    align-items: center;
    margin-bottom:8px;
}

.backloghead-div {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.backlog-wrapper label {
    margin-bottom: 0px;
}

.users_list li .remove_user {
    background: #f00;
}

.gantt-main .taskAssigs .dropdown-toggle {
    justify-content: center;
}

.dropdown.custom-dropdown.status_dropdown.quickFilterDropdown {
    margin-left: 5px;
}

.editor-close {
    position: relative;
    right: 0;
    top: 6px;
    display: flex;
}

    .editor-close button {
        background: #97c35b;
        margin-right: 2px;
        border: 1px solid #ccc;
        border-radius: 3px;
        width: 21px;
        height: 21px;
        line-height: 20px;
    }

        .editor-close button svg {
            width: 15px;
            height: 15px;
            margin-top: -1px;
        }

button#DiscardStatusName {
    background: #f96464 !important;
    border-color: #f96464 !important;
}

.editor-close button svg path {
    fill: #fff;
}

.other-users .assign_list li .user_initals.user_intial_image {
    background: transparent !important;
}

.userlist-div .user_initals.user_intial_image {
    margin-right: 5px;
}

.userlist-div {
    background: #EEEEEE;
    padding: 3px 10px 2px 7px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.3;
    width: auto;
    display: inline-block;
    align-items: center;
    position: relative;
    margin: 3px 0px;
}

    .userlist-div .user_name {
        width: auto;
        display: inline-block;
        padding-top: 3px;
        font-size: 11px;
    }

    .userlist-div .user_initals.user_intial_image {
        margin-right: 0;
        float: left;
        background: transparent;
    }

    .userlist-div .user_initals {
        margin-right: 5px;
        font-size: 8px;
        background: #131025;
        color: #fff;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        font-size: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .userlist-div span.remove_user {
        position: relative;
        right: 0;
        left: auto;
        top: 0;
        background: transparent;
        padding-left: 2px;
    }

        .userlist-div span.remove_user svg {
            width: 13px !important;
            margin-top: 0;
            height: 11px !important;
        }

            .userlist-div span.remove_user svg path {
                fill: #afafaf;
            }

    .userlist-div .user_initals.user_intial_image img.user-name-img {
        margin: 0px 4px 0 0;
        width: 17px;
        height: auto;
    }

ul.singleuserteamsselecteddefaultul li {
    margin-right: 5px;
}

ul.singleuserteamsselecteddefaultul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

ul.singleusersourceselectedul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    ul.singleusersourceselectedul li {
        margin-right: 5px;
    }

#notebook_editor_div button#chatgpt-icon svg {
    width: 20px;
    position: relative;
    top: 1px;
    height: 20px;
}

    #notebook_editor_div button#chatgpt-icon svg path {
        fill: #313e5b;
    }

    #notebook_editor_div button#chatgpt-icon svg:hover path {
        fill: #131025;
    }

.chatgpt-main .input-group {
    border: 1px solid #eee;
    border-radius: 25px;
    display: flex;
    align-items: center;
    padding: 10px 15px;
}

    .chatgpt-main .input-group img {
        width: 27px;
        vertical-align: middle;
    }

    .chatgpt-main .input-group input {
        border: none;
        padding: 0px 10px;
    }

        .chatgpt-main .input-group input:focus {
            border: none;
            box-shadow: none !important;
        }

    .chatgpt-main .input-group span.input-group-right svg {
        stroke: #4d4d4d;
        background: #f4f4f4;
        border-radius: 3px;
        padding: 7px;
        height: 30px;
        width: 30px;
    }

.chatgpt-main {
    position: relative;
    margin-top: -44px;
}

    .chatgpt-main a.chatgpt-close img {
        width: 17px;
    }

    .chatgpt-main a.chatgpt-close {
        position: absolute;
        right: 3px;
        top: -9px;
        z-index: 999;
    }

.attachments_wrapper .attached_item_wrapper .img_section img {
    height: 50px;
    width: 100%;
    margin: 12px auto;
    display: block;
    object-fit:contain;
}

.gantt-main .dropdown.custom-dropdown.status_dropdown.quickFilterDropdown {
    margin-top: 6px;
}

.quickFilterDropdown .sort-div {
    padding: 7px 12px;
    background: #fff;
}

.workspacesetting-popup .modal-dialog {
    max-width: 1080px;
    transform: none !important;
}

.workspcesetting-inner .row {
    margin: 0px 0 15px;
}

.workspacesetting-right {
    text-align: right;
}

    .workspacesetting-right span {
        font-weight: 600;
        margin-right: 3px;
    }

.workspacesetting-popup .modal-header {
    padding: 11px 37px 7px;
}

.workspacesetting-popup label {
    font-size: 13px;
    color: #000;
    margin-bottom: 0px;
    padding: 7px 15px 0px;
}

.search-workspace {
    display: flex;
    margin-top: 30px;
}

    .search-workspace label {
        margin-right: 10px;
    }

    .search-workspace .header-search-wrapper input {
        height: 32px;
    }

    .search-workspace .header-search-wrapper .search-icon {
        margin-left: 0px;
        margin-top: 0;
    }

    .search-workspace .header-search-wrapper {
        background: #f6f5f5;
        padding: 0px 8px;
        border-radius: 3px;
    }

    .search-workspace .header-search-wrapper {
        max-width: 278px;
    }

.workspcesetting-inner input {
    max-width: 230px;
    border-color: #EAEAEA;
    font-size: 12px;
}

.workspcesetting-inner select {
    max-width: 230px;
    border-color: #EAEAEA;
    font-size: 12px;
}

.search-workspace .header-search-wrapper input::placeholder {
    font-size: 12px;
}

.search-workspace .header-search-wrapper input {
    max-width: 100%;
    padding: 5px 10px 3px;
    color: #000;
}

.workspacesetting-popup .modal-body {
    padding: 10px 0px 10px;
}

.workspacesetting-right p {
    font-size: 13px;
}

.workspcesetting-inner {
    padding: 0px 30px 0 12px;
}

.workspacesetting-popup .modal-body .modal-footer {
    padding: 10px 20px 0 !important;
}

.workspacesetting-popup .users-btn a {
    padding: 3px 6px 2px;
}

.workspacesetting-popup .users-btn {
    padding: 0;
    position: relative;
    display: flex;
    justify-content: end;
    align-items: flex-end;
    height: 100%;
    bottom: 0px;
}

    .workspacesetting-popup .users-btn a img {
        margin-top: -2px;
    }

.workspacesetting-popup .projectuser table.table.table_list tbody td:nth-child(3) {
    width: 11%;
}

.workspacesetting-popup .projectuser {
    padding: 0px 40px 20px;
}

.form-check.allow-workitem {
    display: flex;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right input[type="datetime-local"]::-webkit-inner-spin-button, .edit_Wrapper .left_edit_details .task_details_rightsec .task_details_ul li .accord-right input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    -webkit-appearance: none;
}

.workspacesetting-popup .chosen-container-single .chosen-single {
    height: 33px;
    border-radius: 3px;
    background: #fff;
    text-align: left;
    padding: 4px 10px;
    font-size: 12px;
    border-color: #ccc;
    max-width: 230px;
    box-shadow: none;
}

    .workspacesetting-popup .chosen-container-single .chosen-single div b {
        top: 5px;
        position: relative;
    }

.workspacesetting-popup input {
    border-color: #ccc;
}

    .workspacesetting-popup input:focus {
        border-color: #ccc;
    }

.workspacesetting-popup .chosen-container {
    max-width: 230px;
}

.backlog_right .userlist_management .dropdown-menu li.dropdown-user .user_initals.user_intial_image {
    background: transparent;
    padding: 0px;
    margin: 0px 7px 0 0;
}

li.edit_drop.clone-kanbanItem .clone-btn {
    float: left;
    margin-right: 5px;
}

    li.edit_drop.clone-kanbanItem .clone-btn svg {
        width: 14px;
        height: 14px;
        stroke:#222;
    }

.kanban-no-popup.dropdown.delete-task-dropdown ul.dropdown-menu li {
    border: 1px solid #eee;
}

    .kanban-no-popup.dropdown.delete-task-dropdown ul.dropdown-menu li a {
        padding: 3px 10px 1px;
        font-size: 12px;
    }

.kanban_top_row .dropdown .dropdown-menu .delete-btn {
    margin-right: 6px;
}

.kanban-no-popup.dropdown.delete-task-dropdown ul.dropdown-menu li a .delete-btn {
    width: 12px;
}

.second_sidebar .comp-list#clientSidebar .dropdown .dropdown-menu li .delete-workspace svg {
    width: 11px;
    position: relative;
    top: 1px;
}

.second_sidebar .comp-list#clientSidebar .dropdown .dropdown-menu li .delete-workspace svg path {
    color: #dc3545;
}

.second_sidebar .comp-list#clientSidebar .dropdown .dropdown-menu li .delete-workspace {
    padding: 4px 9px 5px;
}

.second_sidebar .client_worspace_list li.has_workspace li ul li.delete-project a.delete-subicon svg {
    width: 11px !important;
    height: 12px !important;
    margin-right: 5px !important;
    position: relative;
    top: 0px;
}

.second_sidebar .client_worspace_list li.has_workspace li ul li.delete-project a.delete-subicon {
    padding: 6px 9px 5px;
}

div#editsprt-popup .workdesign-btn {
    padding: 0 35px 20px;
}

.workspace_slide svg path {
    fill: #525252;
}

.comp-list .pinned_clients p svg path {
    fill: #fff;
}

.comp-list .pinned_clients p svg {
    background: #131025;
    width: 15px;
    border-radius: 50%;
    height: 15px;
    margin-right: 5px;
    margin-top: -2px;
    transform: rotate(90deg);
    transition: 1s;
}

.comp-list .pinned_clients p.rotate svg {
    transform: rotate(0deg);
}

.comp-list .pinned_clients P {
    padding-bottom: 0px;
}

    .comp-list .pinned_clients P.rotate {
        padding-bottom: 7px;
    }

.kanban-container .kanban-board .kanban-item.kanban-item-focus:first-child {
    animation: blink2 3s;
}

@keyframes blink2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1.07);
    }

    50% {
        transform: scale(1.02);
    }

    0% {
        transform: scale(1);
    }
}

ul#ulPreviousFields a.delete-btn {
    position: absolute;
    right: 10px;
    top: 0px;
    display: none;
    cursor: pointer;
    z-index: 9;
}

    ul#ulPreviousFields a.delete-btn svg {
        width: 12px;
        height: auto;
        margin: 0px;
        position: relative;
        top: -5px;
    }

ul#ulPreviousFields li {
    position: relative;
}

    ul#ulPreviousFields li:hover a.delete-btn {
        display: block;
    }

.current_user_list .img img {
    border: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 8px;
}

.kanban-drag li.dropdown-user .user_initals {
    display: inline-block;
    background: #954CFF;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    margin: 0px 8px 0px 0px;
}

.kanban-drag li.dropdown-user {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    line-height: 1.5;
    cursor: pointer;
}

.edit_Wrapper .left_edit_details .task_details_rightsec .kanban-drag li.dropdown-user {
    margin-bottom: 0px;
    padding: 5px 10px 0;
}

.current_user_list .dropdown-menu .user_name {
    font-size: 13px;
}

.kanban-drag .current_user_list .dropdown-menu li.dropdown-user:hover {
    background: #f5f5f5;
}

.current_user_list .dropdown-menu {
    max-height: 240px;
    overflow-y: auto;
}

.kanban-drag .current_user_list li.search input {
    width: 100%;
    padding: 8px 10px 8px 35px;
}

.kanban-drag .current_user_list li.search {
    position: relative;
    margin-bottom: 0px !important;
    display: block !important;
}

    .kanban-drag .current_user_list li.search svg {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 15px;
        width: 20px;
        height: 20px;
        stroke: #4d4d4d;
        right:auto;
    }

.current_user_list .dropdown-toggle li.selected-member {
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.current_user_list .dropdown-toggle li.totaluser {
    padding: 0px 4px !important;
}

.kanban-drag.user-control {
    max-height: max-content !important;
    background: transparent !important;
    overflow: visible;
    padding: 0px !important;
}

/*Not Implemented*/
.not-implemented {
    pointer-events: none;
    cursor: none;
}

    .not-implemented label {
        color: #ccc !important;
        opacity: .6
    }

    .not-implemented .switch-field input:checked + label {
        background-color: #ccc;
        border-color: #ccc;
        color: #eee !important;
        opacity: .6
    }

    .not-implemented input {
        border-color: #ccc !important;
        color: #ccc !important;
        opacity: .6 !important;
    }

    .not-implemented button {
        color: #ccc !important;
        border-color: #ccc !important;
        opacity: .6
    }

    .not-implemented img {
        opacity: .2;
    }

    .not-implemented a.color-pick svg {
        background: #ccc;
        opacity: .6
    }

a.color-pick.not-implemented {
    opacity: .6
}

    a.color-pick.not-implemented svg {
        background: #ccc;
    }

.not-implemented .form-check-input:checked[type=checkbox] {
    background: #ccc;
    opacity: .6
}

.not-implemented .slide-range span:before {
    background: #ccc;
}

.not-implemented .slide-range span:after {
    background: #ccc;
}

.not-implemented span.email-format {
    color: #ccc;
}

.toast-item-wrapper.toast-top-center {
    margin: 0 auto;
    top: 10px;
    left: 0;
    right: 0;
    min-width: 250px;
    width: 250px;
}
/*.home-section.projectdetail_scroll {
    overflow: hidden;
}*/
.home-section {
    height: 85vh;
}

.Application_Wrapper.projectcreate_blank {
    background: url(../images/create-project.png) no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #e8eef7;
}

.free-trail {
    height: 22px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
    border-top: 27px solid #8882F4;
    border-left: 7px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    z-index: 99;
}

    .free-trail .trail-content {
        color: #fff;
        font-weight:400;
        font-size: 14px;
        padding: 0px 10px;
       
        position: relative;
        top: -14px;
    }

.freetrail-main {
    width: 85%;
}
/*custome dropdown*/
.custom-input {
    background-image: url(../images/arrow-filter.svg);
    background-position: 98% 52%;
    background-repeat: no-repeat;
    background-size: 18px;
    cursor: pointer;
}

ul.customdropdown-data li.search svg {
    position: absolute;
    top: 6px;
    bottom: 0;
    margin: auto;
    left: 9px;
    width: 27px;
    height: 18px;
    stroke: #4d4d4d;
    right:auto;
}

ul.customdropdown-data li.search input {
    height: 35px;
    border-radius: 3px;
    border-color: #EBEBEB;
    width: 100%;
    padding: 8px 10px 8px 35px;
    background: #F6F5F5 0% 0% no-repeat padding-box;
    border: none;
    color: #333333;
    font-size: 0.87rem;
}

ul.customdropdown-data li.search {
    position: relative;
    padding: 6px 6px 0px;
    margin-bottom: 2px;
}

.customdropdown-data .content-list:hover {
    background: #eee;
}

.customdropdown-data .content-list {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 5px 6px;
}

.project-users .content-list {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 5px 6px;
}
.customdropdown-data .content-list img {
    margin-right: 5px;
    width: 18px;
    border-radius: 3px;
    margin-left: 5px;
    height: 18px;
}
.customdropdown-data .content-list p {
    font-size: 13px;
    line-height: 1.4;
    text-overflow: ellipsis;
    width: 350px;
    overflow: hidden;
    white-space: nowrap;
}

.project-users .content-list img {
    margin-right: 5px;
    width: 18px;
    border-radius: 3px;
    margin-left: 5px;
    height: 18px;
}

.project-users .content-list p {
    font-size: 13px;
    line-height: 1.4;
    text-overflow: ellipsis;
    width: 350px;
    overflow: hidden;
    white-space: nowrap;
}


ul.customdropdown-data {
    max-height: 240px;
    overflow-y: auto;
    background: #fff;
    padding: 0px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    border-radius: 5px;
    display: none;
    position: absolute;
    width: 100%;
}

ul.custom-dropdownlist {
    position: relative;
}

ul.customdropdown-data li.search input::placeholder {
    color: #4d4d4d;
    font-size: 13px;
}

ul.customdropdown-data li {
    cursor: pointer;
}

.clone-btn {
    float: left;
    margin-right: 1px;
}

.Delete_Modal_Wrapper .modal-confirm button.btn-success {
    background: #131025 !important;
    font-size: 14px;
    padding: 10px 20px;
}

.Delete_Modal_Wrapper .modal-confirm .modal-body {
    color: #000;
}

ul.customdropdown-data.customdropdown_ul {
    z-index: 9;
}

ul.dropdown-child li .content-list {
    padding-left: 16px;
}

ul.customdropdown-data li.customdropdown_li.cursor-li {
    cursor: default;
}

.backlog-hrs span {
    margin: 0px 10px 0 0;
    border: none;
    width: auto;
    font-size: 10px;
    text-align: left;
    color: #777;
    position: relative;
}

.backlog-hrs {
    display: flex;
    justify-content: center;
    white-space: nowrap;
    align-items: center;
    font-size: 12px;
}

    .backlog-hrs span::after {
        content: "";
        background: #777;
        width: 4px;
        height: 1px;
        position: absolute;
        right: -2px;
        margin: auto;
        top: 0;
        bottom: 0;
    }

    .backlog-hrs span span {
        font-size: 12px;
        color: #4d4d4d;
        padding-left: 2px;
    }

    .backlog-hrs span:last-child::after {
        display: none;
    }

.backlog_list .backlog_right ul {
    justify-content: end;
}
.backlog_list .backlog_right .current_user_list.userlist_management.dropdown {
    min-width: 200px;
}
.backlog-maindiv {
    display: flex;
    width: 280px;
    justify-content: end;
}

.options-checkbox {
    padding-bottom: 10px;
}


.second_sidebar .comp-list li ul.project-ul .ellipsis_btn {
    opacity: 0;
}

.second_sidebar .comp-list li ul.project-ul li:hover .ellipsis_btn {
    opacity: 1;
}

.linkd-popup .modal-body, .avblfield-popup .modal-body {
    padding: 0px;
}
.avblfield-popup .modal-dialog {
    max-width: 800px;
}
.collapse-sort ul li {
    padding-left: 10px;
}
a.clear-all {
    float: right;
    font-size: 13px;
    color: #131025 !important;
}
.project-setting span.form-control.custom-input {
    font-size: 14px;
    color: #000;
    padding: 0px 15px;
    height: 42px;
    border-color: #BBC7DC;
    border-radius: 5px;
    line-height: 42px;
}
.avblfield-popup.ui-draggable, .linkd-popup.ui-draggable {
    position: fixed;
    overflow:hidden;
}
.avblfield-popup ul.available-fields-list {
    min-height: 500px;
    overflow-y:auto;
}
span.form-control.custom-input {
    padding: 7px 10px;
}

.avblfield-popup .modal-footer, .linkd-popup .modal-footer {
    padding: 0 0 5px;
}
    .avblfield-popup .modal-footer button, .linkd-popup .modal-footer button {
        margin: 5px 10px 3px 0px;
        padding: 6px 15px !important;
        min-width: 100px;
    }
.avblfield-popup .fields-footer, .linkd-popup .fields-footer {
    background: #FFF6F4;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 40px;
    display: flex;
    justify-content: space-between;
    padding: 0px 10px;
}
.collapse-sort .clear-div.cancel-btn {
    background: #6c757d !important;
    color: #fff !important;
    padding: 2px 15px;
    border-radius: 3px;
    font-size: 13px;
    min-width: 100px;
    text-align: center;
}
.collapse-sort .clear-div.save-btn {
    background: #131025 !important;
    color: #fff !important;
    padding: 2px 15px;
    border-radius: 3px;
    font-size: 13px;
    min-width: 100px;
    text-align:center;
}
.linkd-popup .collapse-sort {
    padding: 7px 20px;
}
.agile-board-content-wrapper .current_user_list .dropdown-menu {
    position: absolute !important;
    right: -25px;
}
.user-control-unselected .user_checkbox svg {
    position: absolute;
    right: 15px;
    top: 23px;
    border: 1px solid #97c35b;
    border-radius: 50%;
    padding: 3px;
    width: 16px !important;
    height: 16px;
    BACKGROUND: #97c35b;
}
.kanban-drag.user-control .current_user_list ul li {
    position:relative 
}
.kanban-drag.user-control .current_user_list ul li .user_checkbox svg path {
    fill: #FFF;
}
.customdropdown_li_selected a.close-custom {
    position: absolute;
    top: -3px;
    right: 12px;
    margin: auto;
    bottom: 0;
    display: none;
    align-items: center;
    z-index: 99;
}
.customdropdown_li_selected a.close-custom svg {
    width: 13px;
    stroke: #000;
}
li.customdropdown_li_selected:hover a.close-custom {
    display:flex;
}
div#add_organization_popup input {
    padding-left: 10px;
}
.projectuser h2.accordion-header button {
    color: #000;
}
.forms-new .is_visible_input svg {
    width: 15px;
}
.forms-head svg {
    position: absolute;
    top: 5px;
    left: -6px;
}
.attach-eye {
    position: absolute;
    right: 0;
    top: 6px;
    margin: auto;
}
.project_sidebar ul.comp-list.client_worspace_list li a.workflow-list.automation-link img {
    width: 13px;
    position: inherit;
}
/*.project_sidebar ul.comp-list.client_worspace_list li a.workflow-list.automation-link {
    display: none;
}*/
.automation-main {
    margin: 15px 3px;
    border: 1px solid #eee;
    width: 99%;
    border-radius: 5px;
    overflow: hidden;
    display: block;
}
    .automation-main .auto-left .auto-head {
        padding-left: 18px;
        position:relative;
    }
.auto-right.automation-text {
    padding-left: 0px;
}
.auto-right.automation-text .auto-head {
    justify-content: end;
}
.automation-text .auto-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
    border-bottom: 1px solid #eee;
}
.automation-text .auto-head h3 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.auto-right.automation-text .auto-head a {
    margin-left: 7px;
    cursor: pointer;
}
.automation-main .auto-left {
    border-right: 1px solid #eee;
  
    padding:0px;
}
.automation-text .auto-head h3 svg {
    width: 20px;
    margin-right: 6px;

}
.automation-text a.automation-add {
    background: #9B99A4;
    color: #fff !important;
    border-radius: 4px;
    padding: 3px 10px 3px 5px;
    display: flex;
    align-items: center;
    font-size: 13px;
    margin-right: 12px;
    line-height: 14px
}
.automation-text a.automation-save {
    background: #9b99a4;
    color: #fff !important;
    border-radius: 4px;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    font-size: 13px;
}
.auto-right.automation-text .auto-head a svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.auto-right.automation-text a.automation-save.history svg {
    width: 18px;
    height: 19px;
}
.conditions-main .trigger-data {
    margin-bottom:0px;
}
.automation-text a.automation-add svg {
    width: 19px;
    height: 19px;
}
.automation-content {
    padding: 20px 40px 30px;
    position:relative;
}
.automation-up {
    max-width: 400px;
    margin-bottom:40px;
}
.automation-down {
    max-width: 100%;
}
.automation-up h3 {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 20px;
}
.automation-up h3 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #707070;
}
.automation-content .trigger button {
    background: #eeeeee;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 17px 20px;
    border: 1px dotted #131025;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}
.automation-content .trigger button svg {
    width: 16px;
    margin-right: 3px;
}
.automation-down h3 {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 20px;
}

.automation-down h3 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #707070;
}
.automation-content .trigger button::after {
    display: none;
}
.trigger ul.dropdown-menu {
    padding: 6px 0;
    min-width: 400px;
}

.trigger ul.dropdown-menu p {
    font-size: 12px;
    color: #707070;
}
.trigger ul.dropdown-menu li:hover {
    background: #eee;
}

.trigger ul.dropdown-menu li {
    padding: 3px 22px;
    font-size: 13px;
    cursor: pointer;
    margin-bottom: 0;
}
.trigger ul.dropdown-menu li.trigger-automation:hover, .trigger ul.dropdown-menu li.integration-automation:hover {
    background:transparent;
}
.trigger ul.dropdown-menu li a {
    color:#000;
}
.trigger ul.dropdown-menu li.trigger-automation {
    padding-left: 10px;
    cursor: default;
}
.trigger ul.dropdown-menu li.integration-automation {
    padding-left: 10px;
    padding-top: 10px;
    cursor: default;
}
.trigger ul.dropdown-menu li svg {
    fill: #131025 !important;
    margin-right: 7px;
}
.trigger ul.dropdown-menu li {
    position: relative;
}
.trigger ul.dropdown-menu li:hover ul li {
    padding: 5px 10px;
}
.trigger ul.dropdown-menu li:hover ul {
    display: block;
    top: -3px !important;
    position: absolute;
    right: -101%;
    padding:0px;
}
.project_sidebar ul.comp-list.client_worspace_list li a.workflow-list.automation-link span {
    display: inline;
    background: #C7C8C9;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    padding: 3px 6px;
    
}
/*.automation-main {
    display: none;
}*/
    .automation-main.open {
        display: block;
    }
.worklist_new ul.comp-list.client_worspace_list li.automation-li {
    padding: 4px 3px;
    margin-top:6px;
}
.worklist_new ul.comp-list.client_worspace_list li.automation-li.active {
    background: rgba(249, 222, 212, 0.5) !important;
    color: #131025 !important;
}
.summary-report ul.report-list {
    align-items: center;
    display: flex;
    float:left;
}
.summary-report {
    margin: 10px 0;
   border:1px solid #eee;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    height: 84vh;
    padding: 0;
}
    .summary-report ul.report-list li a.add-plus {
        background: #9b99a4;
        padding: 5px 10px 8px;
        border-right: 1px solid #eee;
        height: 36px;
        border: none;
    }
    .summary-report ul.report-list li a {
        border-bottom: 1px solid #eee;
        padding: 6px 20px;
        font-size: 13px;
        border-right: 0px;
        display: inline-block;
        height: 36px;
    }
.summary-report ul.report-list li a.add-plus svg {
    width: 20px;
    stroke: #fff;
}
a.add-analysis {
    background: #9B99A4;
    color: #fff !important;
    padding: 5px 15px;
    border-radius: 0px;
    float: right;
    font-size: 13px;
    margin-right:0px;
    margin-top: 0px;
}
img.analysis-img {
    width: 170px;
    clear: both;
    float: left;
}
.addnew-div {
    margin-bottom: 15px;
}
.report-analysispopup .modal-dialog {
    max-width: 70%;
}
.report-analysispopup  .card-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(100px, auto);
}
.report-analysispopup H3 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 20px;
}
.report-analysispopup .card h4 {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}
.report-analysispopup .card-body {
    padding: 0px;
}
.report-analysispopup .card h4 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    padding: 10px 10px 8px;
}
.report-analysispopup button.btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #000;
    opacity: 1;
}
.report-analysispopup a.add-new {
    background: #9B99A4;
    color: #fff !important;
    padding: 5px 15px;
    border-radius: 3px;
    font-size: 13px;
    display: inline;
    width: auto;
    margin: 10px 0;
}
.report-analysispopup .card img {
    margin: 15px auto 15px;
    display: block;
    width: 140px;
    object-fit: contain;
    height: 100px;
}
.report-analysispopup .card-body p {
    padding: 00px 10px 10px;
    font-size: 13px;
}
.report-analysispopup .modal-content {
    border: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 0px !important;
}
.report-analysispopup {
    right: -1000px;
    position: fixed;
    transition: all 1s ease 0s;
    z-index: 9999;
    top: 140px;
    height: 82vh;
    overflow-y: auto;
    border: 1px solid #eee;
}
.report-analysispopup.show {
    right: 0px;
}
.report-analysispopup .modal-dialog {
    max-width: 375px;
    right: 0;
    left: auto;
    margin: 0;
    border-radius: 0px;
}
body.modal-open.revokeadmin_popup div#DynamicModal {
    z-index: 9999999;
}
.trigger ul.dropdown-menu li img {
    width: 18px;
    vertical-align: middle;
    margin-right: 5px;
}
ul.analysis-list {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 2px;
    grid-auto-rows: minmax(10px, auto);
    max-width: 94%;
    border: 1px solid #eee;
    align-items: center;
    padding: 7px 8px 0px;
    margin: 0px 10px;
    border-radius: 3px;
}
.trigger ul.dropdown-menu li span {
    display: inline;
    background: #C7C8C9;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    padding: 2px 6px;
}
ul.automation-ul li {
    padding:3px 10px;
    border-bottom: 1px solid #eee;
    cursor:pointer;
}
ul.automation-ul li li.edit_drop.delete-automation {
    padding: 0px;
}
ul.automation-ul li svg {
    fill: #131025 !important;
    color: #131025 !important;
    margin-right: 5px;
}
ul.automation-ul li li.edit_drop.delete-automation a.dropdown-item.delete-wh-btn {
    padding: 2px 10px 0px;
    font-size: 14px;
}
ul.analysis-list li img {
    width: 22px;
}
ul.automation-ul li {
    font-size: 15px;
    font-weight: 500;
}
ul.automation-ul li span {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    align-items:center;
    clear:both;
}
ul.automation-ul li.active {
    outline:none;
}
ul.automation-ul li.active a {
    color: #131025 !important;
}
.gantt_userlist .user_initals {
    width: 24px;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
}
.current_user_list.BoardUsersDiv .dropdown-menu {
    min-height: 220px;
    max-height: initial;
    overflow: hidden;
}
.loadmore {
    float: right;
    /* display: table; */
    margin: -4px auto 0;
    font-size: 12px;
    border: 1px solid #9b99a4;
    padding: 4px 13px;
    border-radius: 20px;
}

.report_progress {
    position: relative;
    width: 90%;
}

.report_progress_number {
    position: absolute;
    color: #fff;
    left: 0;
    right: 0;
}

.report_progress_red {
    background-color: #f00;
}

.report_progress_amber {
    background-color: #131025;
}

.report_progress_green {
    background-color: #97c35b;
}

.myworkdesign .tabulator-row.tabulator-group span {
    font-size: 18px;
}

.myworkdesign .tabulator-row.tabulator-group .tabulator-arrow {
    top: -6px;
    position: relative;
    border-left: 6px solid #000;
}

.myworkdesign .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
}

.myworkdesign .tabulator-row.tabulator-group {
    background: transparent !important;
}

.myworkdesign .tabulator-row.tabulator-group.tabulator-group-level-0:last-child {
    border: none;
}

.myworkdesign .tabulator-row {
    border: none;
}

.myworkdesign .tabulator-row.tabulator-group.tabulator-group-level-0.tabulator-row-odd {
    border: none;
}

.myworkdesign .tabulator-row.tabulator-group.tabulator-group-level-0.tabulator-group-visible.tabulator-row-even {
    border: none;
}

.myworkdesign .tabulator-row.tabulator-selectable {
    border: 1px solid #E0EBFC;
    border-bottom: 0pc;
    background: #fff !important;
    border-left:none;
    border-right:none;
}

.tabulator .tabulator-tableholder::-webkit-scrollbar-track {
    box-shadow: 0 0 0;
    background: #f8f8f8;
}
.tabulator .tabulator-tableholder::-webkit-scrollbar-thumb {
    opacity: .2;
    background: #d5d5d5;
    border-radius: 10px;
}
.tabulator .tabulator-tableholder::-webkit-scrollbar-thumb:hover {
        opacity: .5;
        background: #d5d5d5;
 }
.tabulator .tabulator-tableholder::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}


.m-div-f.createform_left.form-base.CFBAD1B.ligth::-webkit-scrollbar-track {
    box-shadow: 0 0 0;
    background: #f8f8f8;
}

.m-div-f.createform_left.form-base.CFBAD1B.ligth::-webkit-scrollbar-thumb {
    opacity: .2;
    background: #d5d5d5;
    border-radius: 10px;
}

    .m-div-f.createform_left.form-base.CFBAD1B.ligth::-webkit-scrollbar-thumb:hover {
        opacity: .5;
        background: #d5d5d5;
    }

.m-div-f.createform_left.form-base.CFBAD1B.ligth::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.remove-div.form-control a.shareStatus-dot-2 {
    width: 100%;
    display: block;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    background: #F9F9F9;
}
.tabs-coming p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh;
    font-size: 20px;
}
.reporting_buttons_wrapper svg {
    width: 19px;
    height: 19px;
    margin-right: 6px;
    margin-top: -3px;
}
.reporting_buttons_wrapper button.active svg {
    filter: invert(1);
}
div#Table .dropdown.custom-dropdown.status_dropdown.quickFilterDropdown {
    margin-left: 0;
}
div#Table div#fields_drop_content {
    border: none;
    box-shadow: none;
    border-radius: 0px;
}
a.close-grid svg {
    width: 19px;
}

a.close-grid {
    position: absolute;
    right: 5px;
    top: 5px;
}
.fields-display .fields-footer, .fields-display .fields-footer {
    background: #FFF6F4;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 40px;
    display: flex;
    justify-content: space-between;
    padding: 0px 10px;
}
.fields-display .modal-footer {
    padding: 0px 0px 3px;
}
.fields-display .form-switch .form-check-input {
    border-radius: 2em;
}
.sort-main.fields-display .downdown-list {
    width: 600px;
}
.sort-main.fields-display  ul.available-fields-list.availablefieldslist {
    max-height: 400px;
    overflow-y: auto;
}
.sort-main.fields-display span.selectedfieldscount {
    font-size: 12px;
    line-height: 16px;
}
.myworkdesign .tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table {
    display:grid;
}
.tabulator-row.tabulator-group, .tabulator-row.tabulator-selectable.tabulator-row-even.tabulator-tree-level-0, .tabulator-row.tabulator-selectable.tabulator-row-odd.tabulator-tree-level-0, .tabulator-row.tabulator-group.tabulator-group-level-2.tabulator-row-odd:last-child {
    border-color: #E0EBFC !important;
}
.myworkdesign .tabulator-row.tabulator-selectable.tabulator-row-odd.tabulator-header {
    border-top: 1px solid #E0EBFC !important;
}
.fields-div img {
    width: 18px;
    margin-right: 5px;
}

.fields-div {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.fields-div h2.summary-fields-title {
    font-size: 13px;
}
.fields-display .grid-available-fields-box {
    padding: 15px;
    border-right: 1px solid #eee;
    height:calc(90vh - 200px);
    overflow:hidden;
}
.fields-display .available-fields-list img, .fields-display .grid-selected-fields-box img {
    width: 9px;
}
.fields-display .avblfield-popup ul.available-fields-list {
    min-height: 300px;
    overflow-x: auto;
}
.table-tabs .assignto-div {
    margin-bottom:0px;
}
.fields-display .grid-selected-fields-box {
    padding: 15px;
    overflow: hidden;
    height: calc(90vh - 200px);
}
.fields-display .grid-selected-fields-box img.drag-icon {
    width: 9px;
}

.fields-display .grid-selected-fields-box li:hover img.drag-icon {
    width: 9px;
    filter: none;
}
.fields-display .grid-selected-fields-box ul.available-fields-list {
    max-height: calc(60vh - 15px);
    overflow-y: auto;
    height: 90%;
}
.sort-main.fields-display ul.available-fields-list.availablefieldslist {
    max-height: calc(60vh - 15px);
    overflow-y: auto;
    height: 90%;
}
div#Table div#fields_drop_content button.btn.btn-primary.saveFieldToDisplay {
    height: 32px;
}
.fields-display .available-fields-list li:hover img {
    filter: grayscale(1);
}
.board-cont .search-main .fields-display input:focus {
    box-shadow: none !important;
}
.table-tabs .workitems-design {
    margin-bottom: 4px;
    margin-top: 2px;
    display: flex;
}
.table-tabs .search-main {
    padding-top: 0px;

}
.table-tabs  .breadcumb-table {
    position: relative;
    top: 23px;
    left: 7px;
}

.workitems-design ul li:last-child a.grid_workitemtype::after {
    display: none !important;
}
body .table-tabs .tabulator {
    width: 99.7%;
    border: 1px solid #ddd;
    height: calc(100vh - 121px) !important;
}
.table-tabs .tabulator-row.tabulator-group, .table-tabs .tabulator-row.tabulator-selectable.tabulator-row-even.tabulator-tree-level-0, .table-tabs .tabulator-row.tabulator-selectable.tabulator-row-odd.tabulator-tree-level-0, .table-tabs .tabulator-row.tabulator-group.tabulator-group-level-2.tabulator-row-odd:last-child {
    border-color: #ddd !important;
}

.table-tabs .tabulator-row.tabulator-selectable.tabulator-row-odd.tabulator-tree-level-0 {
    border-top: 1px solid #ddd;
}
.table-tabs  .tabulator-row .tabulator-cell {
    padding-left: 3px !important;
    left: initial;
}
/*.table-tabs .tabulator .tabulator-header .tabulator-col {
    border:none !important;
}*/
.table-tabs .tabulator .tabulator-tableholder {
    display: grid;
}
.table-tabs  .tabulator-row .tabulator-cell:last-of-type {
    border-right: 1px solid #ddd !important;
}
.tab-content.board-cont {
    padding: 0px 6px 0 8px;
}
.table-searchtabs {
    display: flex;
    margin-right:20px;
}
.board-tab .workitems-design {
    margin-left: 0px;
}
.workitems-design ul li:last-child a::after {
    display:none;
}
.table-views button {
    border-color: #DEE9FC;
    padding: 4px 15px 4px 5px;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 5px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    text-align: left;
}
    .table-views button::after {
        content: "";
        float: right;
        background: url(../images/down-arrow.svg) no-repeat;
        width: 10px;
        height: 8px;
        background-size: 10px;
        top: 10px;
        right: 4px;
        position: absolute;
        font-size: 0px;
        background-position: 100% 50%;
    }
.table-views button:focus {
    box-shadow:none !important;
}
.table-views .dropdown ul.dropdown-menu {
    padding: 0px;
    border-color: #DEE9FC;
    min-width: 280px;
}
.table-views .dropdown ul.dropdown-menu li {
    font-size: 12px;
    padding: 4px 8px 2px;
    border-bottom: 1px solid #DEE9FC;
}
.table-views .dropdown ul.dropdown-menu li svg {
    width: 15px;
    float: right;
    height:15px;
}
.table-views .dropdown ul.dropdown-menu li:last-child {
    border:none;
}
.table-views .dropdown ul.dropdown-menu li ul li {
    border: none;
    padding: 0px 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.table-views a.tash_icon {
    position: absolute;
    right: 5px;
    display:none;
}
.table-views a.tash_icon svg {
    stroke: #f00;
}
.table-views .dropdown ul.dropdown-menu li ul li:hover a.tash_icon {
    display:block;
}
.table-views .dropdown ul.dropdown-menu li ul li:hover span.set-default {
    display: inline;
}
.table-views .dropdown ul.dropdown-menu li ul li span {
    background:transparent;
   
}
.table-views .dropdown ul.dropdown-menu li ul li {
    font-weight: 400;
}
.table-views .dropdown ul.dropdown-menu li {
    font-weight: 500;
}
.table-views .dropdown ul.dropdown-menu li ul li span {
    display: inline;
    background: #97c35b;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    padding: 1px 5px;
    margin-left: 5px;
    position: relative;
    top: -1px;
}
.table-views.grp-drodpwn .dropdown ul {
    min-width: max-content;
}
.table-views.grp-drodpwn button {
    border-radius: 3px !important;
    margin-right: 0px;
    position:relative;
}
.table-views.grp-drodpwn {
    margin-right: 5px;
}
.table-views.grp-drodpwn button.dropdown-toggle {
    padding-right: 21px;
}
.table-views.grp-drodpwn button.dropdown-toggle::after {
    content: "";
    float: right;
    background: url(../images/down-arrow.svg) no-repeat;
    width: 12px;
    height: 8px;
    background-size: 9px;
    top: 11px;
    right: 3px;
    position: absolute;
    z-index: 99;
    font-size: 0px;
}
.table-views.grp-drodpwn .dropdown ul li {
    font-weight: 400;
}
.table-views.grp-drodpwn ul.dropdown-menu li svg {
    float: none;
    height: auto;
    margin-right: 3px;
    width: 14px;
}
.workitems-design ul li .view-status-div.active a::after {
    display:block;
}
.workitems-design ul li:last-child .view-status-div.active a::after {
    display: none;
}
.m-div-f.createform_left.form-base.CFBAD1B.ligth {
    max-height: 81vh;
    overflow-y: auto;
}
.table-tabs .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input {
    height: 20px;
    border: 1px solid #ced4da;
    border-radius: 2px;
}
.table-tabs .sprint-dropdown .select {
    top: -15px;
}
.table-tabs .tabulator-row.tabulator-selectable:last-child {
    border-bottom: 1px solid #ddd !important;
}
.myworkdesign .group-div .btn-secondary.dropdown-toggle {
    background: transparent;
    border: none;
    color: #000;
    font-size: 12px;
}
.myworkdesign .group-div .btn-secondary.dropdown-toggle:focus {
    box-shadow:none;
}
.calculator-form .media {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #eee;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 6px;
}
.calculator-form {
    max-width:350px;
}
.calc-fields {
    background: #eee;
    padding: 10px;
    border-radius: 3px;
}
.calc-fields label {
    margin-bottom: 2px;
}
.calculator-form .media p {
    font-size: 11px;
    color: #858585;
    font-weight: 500;
    padding-bottom: 5px;
}
.calculator-form .media h4 {
    padding-bottom: 0;
    font-size: 13px;
}
.calculator-form .media .media-right a {
    background: #fff;
    padding: 5px 10px;
    border-radius: 25px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #000;
}
.calculator-form .form-group {
    margin-bottom: 7px;
}
.calculator-form .dropdown button {
    border: 1px solid #ced4da;
    width: 100%;
    text-align: left;
    background: #fff;
    padding: 0px 10px;
    height: 35px;
}
.calculator-form .dropdown button::after {
    position: absolute;
    right: 10px;
    top: 45%;
    bottom: 0;
    margin: auto;
}
.calculator-form ul.nav.nav-tabs li {
    border: 1px solid #ccc;
    border-right: 0px;
    width: 33.33%;
}
.calculator-form ul.nav.nav-tabs li a {
    padding: 7px 10px;
    text-align: center;
}
    .calculator-form ul.nav.nav-tabs li:last-child, .placement-tab a:last-child {
        border-right: 1px solid #ccc;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .calculator-form ul.nav.nav-tabs li:first-child, .placement-tab a:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
.calculator-form .tab-content .form-group {
    margin-bottom: 15px;
}
.calculator-form .dropdown button:focus {
    box-shadow: none;
}
.calc-fields .dropdown ul.dropdown-menu {
    width: 100%;
    padding: 0;
}
    .calc-fields .dropdown ul.dropdown-menu li:hover {
        background: #eee;
    }
.calc-fields .dropdown ul.dropdown-menu li {
    padding: 2px 10px;
}
.calc-fields .dropdown ul.dropdown-menu li a{
    font-size:12px;
}
.calculator-form ul.nav.nav-tabs li a.active {
    background: transparent;
    border: none;
    padding-top: 9px;
}
.placement-tab {
    display: flex;
}
.placement-tab a {
    border: 1px solid #ccc;
    width: 25%;
    padding: 7px 10px;
    text-align: center;
    border-right: none;
}
.calculator-form ul.nav.nav-tabs {
    border: none;
}
.calculator-form .tab-content {
    padding-top: 7px;
}

.export-popup .modal-dialog {
    max-width: 70%;
}
.export-popup .inputfile-2 + label {
    color: #6c757d;
    border: 2px solid #6c757d;
}
.export-popup .inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: #6c757d;
    margin-top: -0.25em;
    margin-right: 0.25em;
}
.export-popup .inputfile + label {
    max-width: 100%;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: table;
    overflow: hidden;
    padding: 8px 20px;
    border-radius: 3px;
    margin: 0 auto 7px;
}
.export-popup .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.export-popup .inputfile-2 + label:hover {
    color: #6c757d;
}
.export-popup .box {
    margin: 0;
    display: flex;
    justify-content: left;
}
.exportdata-main {
    display: flex;
    justify-content: space-between;
}
.import-upload {
    margin-right: 7px;
}
.export-popup .apply-btn {
    background: #131025;
    padding: 10px 30px;
    margin-left: 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    height: 35px;
    line-height: 14px;
    cursor:pointer;
}

.export-popup .full-fields h4 {
    border-bottom: 1px solid #eee;
    padding: 3px;
    font-weight: 500;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.export-popup .full-fields h4 input {
    width: 56%;
}
.export-popup .full-fields {
    border: 1px solid #eee;
    margin-bottom: 10px;
}
.export-popup .full-fields ul {
    max-height: 234px;
    overflow-y: auto;
    display: block;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0px;
}
.export-popup .box-fields {
    max-height: 235px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 3px;
}
.export-popup  .tabulator .tabulator-tableholder {
    height: 273px !important;
}
.export-popup .box-data {
    border: 1px solid #eee;
    text-overflow: ellipsis;
    overflow: visible;
}
.export-popup .box-fields .box-data li {
    padding: 5px 10px;
    font-size: 13PX;
}
.export-popup .box-data h4 {

    font-weight: 500;
    font-size: 13px;
    float:left;
}
.export-popup .box-fields .box-data .importleft-div {
    width: 40%;
    float: left;
    padding: 8px 10px;
    overflow: visible;
}
.export-popup .box-fields .box-data .importleft-div span.tooltip-main.tooltip-taskdetail {
    top: -3px;
    left: 3px;
}
.export-popup .full-fields ul li {
    width: auto;
    border-right: 1px solid #eee;
    padding: 5px 8px 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    background: rgba(249, 222, 212, 0.5) !important;
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: 500;
}
.export-popup .box-fields .box-data div {
    font-size: 12px;
    padding: 8px 8px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 60%;
    position:relative;
}
body .export-popup  .tabulator {
    height: 100% !important;
}
.export-popup .full-fields h4 input {
    box-shadow:none !important;
}
.export-popup .apply-popup button {
    float: right;
    box-shadow: none;
    padding: 6px 20px;
    border-radius: 3px;
}
.export-popup .modal-footer button {
    border-radius: 3px;
    padding: 6px 20px;
}
.export-popup .modal-footer {
    background: #fff;
    position: relative;
    bottom: 0;
    width: 100%;
    padding: 6px 14px;
}
.export-popup .modal-content {
    max-height: 94vh;
    overflow-y: auto;
}
.apply-popup {
    padding: 10px 0px 0px;
    display: inline-block;
    width: 100%;
}
.alert-import {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #fff;
    padding: 8px 14px;
    border-radius: 3px;
    margin-left: 0;
    margin-bottom: 7px;
    width: auto;
    position: relative;
    transform: translateX(0);
    left: 0;
}
.alert-import.success {
    background-color: #97C35B;
    border: 1px solid #97C35B;
}
.alert-import.error {
    background-color: #e76069;
    border: 1px solid #e82d25;
}
.export-popup ul.nav.nav-tabs li a label.red-clr {
    background: #e76069;
}
.alert-import .alert {
    padding: 0px;
    margin-bottom: 0px;
}
.alert-import .alert span {
    color:#fff !important;
}

.export-popup ul.nav.nav-tabs li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.export-popup ul.nav.nav-tabs li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none;
}

.export-popup ul.nav.nav-tabs {
    border: none;
    margin-bottom: 9px !important;
}
.export-popup ul.nav.nav-tabs li a {
    font-size: 13px;
    text-transform: initial;
    color: #000 !important;
    padding: 6px 15px;
    border: none;
    margin: 0px 0px 0px 0px;
    background: #eee;
    border-radius: 0px;
    line-height: 1;
    border-right: 1px solid #dfdfdf;
    font-weight: 400;
    height: 35px;
    line-height: 23px;
    display: flex;
    align-items: center;
}
.export-popup .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding: 10px;
}
.export-popup ul.nav.nav-tabs li a.nav-link.active {
    background: rgba(249, 222, 212, 0.5) !important;
    color: #131025 !important;
}
body .export-popup .tabulator .tabulator-tableholder .tabulator-table {
    display: inline-block;
}
.export-popup .model-header h3 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.export-popup .model-header a.close {
    position: absolute;
    right: 5px;
    top: 10px;
}
.export-popup ul.nav.nav-tabs li a label {
    background: #97C35B;
    min-width: 17px;
    height: 17px;
    line-height: 17px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 0px;
    margin-left: 5px;
}
.export-popup .tabulator-row {
    height: 30px;
    line-height: 10px;
}
div#import_main_section {
    margin-top: 0px;
}
body .export-popup .tabulator {
    width:100%;
}
.export-popup .model-header a.close svg {
    stroke: #000;
}
.export-popup .model-header {
    padding: 12px 14px;
    border-bottom: 1px solid #dee2e6;
    background: #f5f5f5;
    position: relative;
}
.not-allowed{
    pointer-events:none;
    cursor:not-allowed;
}
.projectmail-div .new_editor .ql-container {
    height: 150px;
}
.email-form .multiline_editor{
    min-height: 80px;
    max-height: 250px;
    overflow:auto
}
.calculator-form .ql-editor span.mention > span span.ql-mention-denotation-char {
    float: left;
    margin-right: 1px;
    margin-top: -1px;
    font-size: 12px;
}
.calculator-form .mention {
    color: #0366d6;
    width: auto;
}
.calculator-form .ql-editor span.mention > span {
    font-size: 12px;
}
.calculator-form .ql-editor {
    padding: 7px 10px;
}
.calculator-form .ql-container.ql-snow {
    border: 1px solid #ccc;
    border-radius: 3px;
}
.calculator-form .mention {
    color: #fff !important;
    width: auto;
    background: rgb(155 153 164);
}
.calculator-form ul.ql-mention-list li {
    font-size: 13px;
    line-height: 28px;
    padding: 0px 14px;
}
.doc-img {
    display: flex;
    align-items: center;
}
.image-upload {
    background: #f5f5f5;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    margin-right: 5px;
    width: 100%;
    position: relative;
    border-radius: 5px;
}
.image-upload svg {
    width: 14px;
    margin-right: 5px;
    height: 16px;
}
.image-upload span svg {
    margin: 0px;
    width: 11px;
}
.image-upload span {
    position: absolute;
    right: 10px;
}
.info-upload svg {
    stroke: #131025;
    width: 18px;
}
.info-upload {
    background: #f5f5f5;
    padding: 7px 10px;
    border-radius: 5px;
}
.switch-field.document-display img {
    border-radius: 3px;
    margin: 0px 4px;
}
ul.nav.nav-tabs.document-tabs {
    border-bottom: 2px solid #eee;
    padding-left: 2px;
    margin-left: 15px;
    width: 98%;
    margin-bottom: 10px !important;
}
ul.nav.nav-tabs.document-tabs li a.nav-link.active {
    border: none;
    border-bottom: 2px solid #131025;
    color: #131025 !important;
}
ul.nav.nav-tabs.document-tabs li a {
    font-size: 13px;
    text-transform: capitalize;
    color: #000 !important;
    font-weight: 400;
    padding: 8px 2px 7px;
    margin: 0px 20px -2px 7px;
}
.display-div {
    background: #f5f5f5;
    padding: 10px 10px 2px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.tab-content.documents-info .switch-field {
    border: none;
    padding: 10px;
    justify-content: center;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    width: 100%;
}
.display-div h4, .help-text h4, .des-helptxt h4 {
    color: #000;
    font-size: 14px;
}
.tab-content.documents-info .space-div label {
    margin-bottom: 7px;
    font-size: 14px;
}
.help-text {
    padding: 5px 10px;
}
.des-helptxt {
    padding: 9px 10px 30px;
}
.tab-content.documents-info .text-appear .switch-field {
    background: none;
    box-shadow: none;
    border: none;
    padding: 0;
}
.draglist-right .tab-content.documents-info h4 {
    padding-bottom: 7px;
}
.tab-content.documents-info .text-appear {
    margin-left: 0;
}
.help-text textarea {
    max-width: 50%;
}
h3.doc-title {
    font-size: 15px;
    margin-bottom: 10px !important;
}
ul.linked-record-filter-list .f-list {
    width: 200px;
    margin-right: 5px;
}
ul.linked-record-filter-list .f-list.c1 {
    width: 47px;
    min-width: 47px;
    margin-top: 0px;
}
ul.linked-record-filter-list .f-list ul.custom-dropdownlist li {
    display: block;
    margin: 0px;
}
ul.linked-record-filter-list .f-list ul.custom-dropdownlist li span{
    border-radius: 0px;
}
ul.linked-record-filter-list .f-list ul.customdropdown-data.customdropdown_ul {
    box-shadow: none;
    border:1px solid #eee;
    border-bottom:0px;
}
ul.linked-record-filter-list .f-list.c5 {
    width: 50px;
    margin-top: 7px;
}
.trigger-head h3 {
    font-size: 18px;
    padding-bottom: 15px;
    font-weight: 500;
    color: #000;
}
.trigger-head .media img {
    width: 33px;
}
.trigger-head .media {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.auto-treggerinfo {
    padding: 0px 40px;
    max-width: 800px;
}
.trigger-head .media h5 {
    font-size: 16px;
    padding-bottom: 2px;
}
.trigger-head .media p {
    font-size: 14px;
}
.trigger-fields .conditions-main {
    display: flex;
    align-items: center;
}
.conditions-main .conditions-where label {
    margin-bottom: 0px;
    background: rgb(243, 243, 244);
    padding: 5px 20px;
    border-radius: 3px;
    margin-right: 8px;
    font-weight:400;
}
.conditions-main .trigger-data {
    width: 170px;
    margin-right: 6px;
}
.conditions-main .trigger-data:nth-child(4) {
    flex:1;
}
a.addconidtionbtn img {
    margin-right: 5px;
    margin-top: -1px;
}
.trigger-fields label {
    font-weight: 500;
}
a.addconidtionbtn {
    display: flex;
    align-items: center;
    margin: 12px 0px -1px;
    font-size: 13px;
}
.trigger-popup .modal-dialog {
    display: block;
    max-width: 800px;
    top: 100px;
}
.trigger-popup .modal-dialog .modal-header h5 {
    font-size: 16px;
    font-weight: 500;
    padding: 2px 0px;
}
.trigger-fields {
    max-width: 400px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-bottom: 15px;
}
a.arrow-trigger svg {
    width: 19px;
}
.trigger-head {
    padding: 7px 15px 7px;
    border-bottom: 1px solid #eee;
    margin-bottom: 0px;
}
.trigger-fields .form-group {
    padding: 0 15px 0px;
}
.trigger-head .media {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}
.trigger-head .media-body {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.automation-up {
    max-width: 400px;
    margin-bottom: 0;
}
.trigger-fields.trigger-plus .trigger-head {
    padding: 10px 15px;
    text-align: center;
}
    .trigger-fields.trigger-plus .trigger-head .media-body {
        justify-content: center;
    }
.trigger-fields.open {
    max-width: 100%;
}
.trigger-fields.trigger-plus .dropdown::after {
    display: block;
    content: "";
}
.trigger-fields .trigger button {
    background: transparent;
    border: none;
    padding: 0px;
}
.media-body .trigger svg {
    color: #131025;
    margin-left: 5px;
    
}
.trigger-fieldsmain {
    margin-top: 10px;
    display: none;
    min-height: 200px;
    /*max-height: 400px;*/
    overflow-y: auto;
}
.input .main .pill {
    background: #131025;
    padding: 5px;
    color: white;
    font-weight: 500;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    font-family:Arial;
}
.input .main .pill .body{
    pointer-events:none;
}

    /*.trigger-fields.trigger-plus {
    max-width: 400px;
}*/
    .automation-content .trigger button svg.edit-icon {
    width: 13px;
}
.auto-right ul.nav.nav-tabs {
    border: none;
    justify-content: end;
}
.auto-right ul.nav.nav-tabs .nav-link.active {
    border-bottom: 1px solid #131025;
}

.auto-right ul.nav.nav-tabs .nav-link {
    padding: 3px 0;
    border: none;
    margin:0px 10px;
}

.auto-right .nav-tabs .nav-link.active {
    color: #131025 !important;
}
.trigger-fields input:focus, .trigger-fields textarea:focus {
    box-shadow: none !important;
}
.filter-grid label.toggle-label {
    width: 123px;
    margin-right: 14px;
    margin-top: 0px;
}
.filter-grid {
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom:5px;
}
.filter-grid .filter-dropdown {
    margin-right: 15px;
}
.filter-grid .filter-dropdown button {
    font-size:13px !important;
}
.filter-dropdown.filter-first .dropdown button {
    width: 230px;
    text-align: left;
    height: 31px;
    border-radius: 0px !important;
    
}
.filter-dropdown.filter-mdl .dropdown button {
    width: 150px;
    text-align: left;
    height: 31px;
    border-radius: 0px !important;
}
.filter-grid label.toggle-label span.back {
    border-radius: 2px;
    height: 31px;
}
.filter-grid label.toggle-label span.back span.toggle {
    border-radius: 0px;
}
.filter-grid label.toggle-label span.back span {
    font-size: 14px;
}
.filter-dropdown.filter-last .dropdown button {
    width: 230px;
    height: 31px;
    border-radius: 0px !important;
    text-align: left;
}
.filter-grid .toggle-label input[type=checkbox]:checked + .back .toggle {
    margin-left:60px;
}

.filter-grid .filter-dropdown button::after {
    background: url(../images/arrow-filter.svg) no-repeat;
    width: 15px;
    height: 12px;
    background-size: 14px;
    top: 1px;
    font-size: 0px;
    position: absolute;
    right: 10px;
    bottom: 0;
    margin: auto;
}
.filter-grid a.filter-close svg {
    stroke: #9C9898;
}
.filter-grid a.filter-close  svg {
    width: 22px;
}
.filter-grid .filter-dropdown.filter-last {
    margin-right: 0px;
}
.filter-grid a.filter-close {
    color: #000 !important;
    height: 31px;
    margin-left: 6px;
}
.filter-dropdown ul.dropdown-menu {
    width: 100%;
    padding: 0px;
    border-color: #DEE9FC;
}
.filter-dropdown ul.dropdown-menu li a {
    font-size: 12px;
    width: 100%;
    display: block;
}
.filter-dropdown ul.dropdown-menu li:last-child {
    border: none;
}
.filter-dropdown ul.dropdown-menu li {
    padding: 2px 10px;
    border-bottom: 1px solid #eee;
}
.filter-dropdown ul.dropdown-menu li:hover {
    background: #eee;
}
.filter-dropdown ul.dropdown-menu li a.drk-blu {
    background: #6A849B;
    color: #fff !important;
    padding: 0px 5px;
    border-radius: 4px;
}
.filter-dropdown ul.dropdown-menu li a.ylw-clr {
    background: #FFD14A;
    color: #fff !important;
    padding: 0px 5px;
    border-radius: 4px;
}
.filter-dropdown ul.dropdown-menu li a.org-clr {
    background: #FF6740;
    color: #fff !important;
    padding: 0px 5px;
    border-radius: 4px;
}
.filter-dropdown ul.dropdown-menu li a.grn-clr {
    background: #5CB85C;
    color: #fff !important;
    padding: 0px 5px;
    border-radius: 4px;
}
.filter-dropdown ul.dropdown-menu span.grn-clr {
    color: #fff;
    padding: 3px 15px;
    border-radius: 20px;
    font-weight: 400;
    background: #97c35b;
    line-height: 1;
    top: 1px;
    position: relative;
}
.filter-dropdown ul.dropdown-menu span.ylw-clr {
    color: #fff;
    padding: 3px 15px;
    border-radius: 20px;
    font-weight: 400;
    background: #FBB01D;
    line-height: 1;
    top: 1px;
    position: relative;
}
.filter-dropdown ul.dropdown-menu span.blu-clr {
    color: #fff;
    padding: 3px 15px;
    border-radius: 20px;
    font-weight: 400;
    background: #4E9ADC;
    line-height: 1;
    top: 1px;
    position: relative;
}
.filter-btn {
    display: flex;
    margin-top: 5px;
    justify-content: space-between;
}
.filter-btn a {
    display: flex;
    align-items: center;
    font-size: 13px;
    margin-right: 12px;
}
.filter-btn a img {
    margin-right: 4px;
}
.filter-dropdown ul.dropdown-menu li a input {
    position: relative;
    top: 4px;
    margin-right: 6px;
}
ul.choice-list-add.singleselectchoiceslist {
    overflow-y: auto;
    max-height: 300px;
}
.trigger-email .send-to label {
    margin-bottom: 0px;
}
.trigger-email label {
    margin-bottom: 5px;
}
.trigger-email .send-to small {
    display: block;
    color: #4d4d4d;
    font-size: 13px;
    margin-bottom: 10px;
}
.email-notofication small {
    display: block;
    color: #4d4d4d;
    font-size: 13px;
    margin-bottom: 10px;
    padding-left: 15px;
}
.email-notofication .email-toggle {
    font-size:14px;
    font-weight:600;
    padding-left:10px;
}
.email-notofication label {
    margin-bottom: 5px;  
}
.email-notofication.noti-center .form-group small {
    padding-left: 0px;
}
.email-notofication.noti-center .form-group label {
   margin-bottom: 0px;
}
.trigger-email label {
    color:#000;
}
a.automation-btn {
    background: #131025;
    color: #fff !important;
    padding: 3px 20px;
    border-radius: 3px;
    font-size: 14px;
    float: right;
}
.email-notofication .email-toggle svg {
    width: 18px;
    height: 16px;
    margin-top: -3px;
}
.table-tabs .search-main span.table-pagination-counter {
    line-height: 1;
    padding: 8px 0px 0px;
    font-size: 13px;
    width: auto;
    display: contents;
}
.table-tabs .tabulator-cell.tabulator-range-selected.tabulator-range-only-cell-selected {
    overflow: visible;
}
.left_edit_details.task_chat.open a.collapse-taskdetails svg {
    transform: rotate(180deg);
    transition: .5s;
}
div#dynamic_report_div .dropdown-toggle li {
    border: 2px solid #ffffff;
    width: 16px;
    height: 16px;
    overflow: visible;
    border-radius: 50%;
    margin-left: -10px;
    text-align: center;
    background: #DEE9FC;
    font-weight: bold;
    line-height: 17px;
    font-size: 12px;
}
div#dynamic_report_div .kanban-drag.user-control .current_user_list ul.add_taskuser_list_board li img {
    width: 26px;
    height: 26px;
    border: none;
}
div#dynamic_report_div .kanban-drag.user-control .current_user_list li img {
    width: 18px;
    height: 18px;
    border: none;
}
div#dynamic_report_div .dropdown-toggle li:first-child {
    margin-left: 0;
}
.filter-dropdown.filter-first span.form-control.custom-input {
    padding: 7px 10px;
    width: 225px;
}
.valueDiv input.form-control, .valueDiv span {
    width: 226px;
    margin-right: 10px;
}
.filter-dropdown.filter-mdl.f-list select {
    width: 130px;
}
.f-list.c5.advancefiltercross button {
    border: none !important;
    padding: 0px;
}

div#dynamic_report_div .dropdown-toggle li.add-user {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #EEEEEE 0% 0% no-repeat padding-box;
    border: 1px solid #DEE9FC;
    padding: 2px;
    margin-top: 1px;
}
div#dynamic_report_div .tabulator-row:hover {
    background: #eee;
}
div#dynamic_report_div .dropdown-toggle li.add-user svg {
    width: 13px;
}

div#dynamic_report_div .dropdown-toggle li.totaluser {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #97C35B 0% 0% no-repeat padding-box;
    border: 1px solid #DEE9FC;
    padding: 2px;
}

div#dynamic_report_div .current_user_list .dropdown-toggle {
    justify-content: center;
}
div#dynamic_report_div .tabulator-row .tabulator-cell {
    padding: 2px 4px;
}
.table-tabs div#dynamic_report_div .tabulator-row {
    height:18px;
}
.table-tabs div#dynamic_report_div .tabulator-row.tabulator-group {
    height: 30px;
    background: #fafafa !important;
    line-height: 10px;
    border: 0px;
    border-bottom: 1px solid #ddd;
}
.table-tabs div#dynamic_report_div .tabulator-row.tabulator-group span:nth-child(3) {
    padding-left: 0px;
}
.table-tabs div#dynamic_report_div .tabulator-row .tabulator-cell {
    padding: 0px 4px;
    line-height: 18px;
    margin-top: -5px;
}
.filter-rightbtn {
    display: flex;
}
.filter-btn a.resetAdvanceFilterButton {
    background: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
    padding: 3px 10px;
    border-radius: 3px;
    margin-right: 5px;
}
a.applyAdvanceFilterButton {
    background: #131025 !important;
    border-color: #131025 !important;
    color: #fff !important;
    padding: 3px 10px;
    border-radius: 3px;
    margin: 0px;
}
.other-users.created-by-sidebar.activate {
    z-index: 9;
    top: 77px;
}
.other-users.assign-to-sidebar.activate {
    top: 79px;
}
.workitems-design ul a.workitem-table {
    padding: 0px 4px;
    /* margin-left: 0; */
}

ul.list-unstyled.status-list li ul.submenu {
    width: 300px;
    height: auto;
    position: absolute;
    left: 100%;
    display: inline-block;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16);
    background: #fff;
    border-radius: 2px;
    padding: 10px;
    display:none;
    top:0;
}
ul.list-unstyled.status-list li ul.submenu li ul {
    display: inline-block;
    height: 100%;
    padding: 7px 0px 0px;
}
ul.list-unstyled.status-list li ul.submenu li ul .tooltip {
    position: absolute;
    display: inline-block;
    opacity: 1;
    width: 20px;
    height: 20px;
}
ul.list-unstyled.status-list li ul.submenu li ul .tooltip .tooltiptext {
    top: 22px;
    padding: 0px 10px;
}
ul.list-unstyled.status-list li ul.submenu li ul .tooltip span.tooltiptext::before {
    border-bottom: 10px solid #fff;
    left: 7px;
    right: auto;
}
ul.list-unstyled.status-list li ul.submenu li {
    background: #fff;
    padding: 0px !important;
    height: auto;
    margin-right: 5px;
    padding: 5px 0px !important;
}
ul.list-unstyled.status-list li ul.submenu li  .select-icon .icons-list img {
    width: 20px;
    border-radius: 3px;
    margin: 0px
}
ul.list-unstyled.status-list li ul.submenu li .select-icon {
    margin-bottom:0px;
}
ul.list-unstyled.status-list li ul.submenu input {
    width: 100%;
    height: 33px;
    border: none;
    border-radius: 4px;
    padding: 6px 35px 5px 15px;
    margin-bottom: 0px;
    background: #F6F5F5 0% 0% no-repeat padding-box;
}
.workitems-design ul.list-unstyled.status-list li a svg {
    fill: #131025 !important;
    margin-right:10px;
}
ul.list-unstyled.status-list li:hover ul.submenu {
    display: block;
}
.workitems-design .downdown-list.status-by ul.list-unstyled.status-list li.dropdowm::after {
    content: "";
    background: url(../images/arrow-white.svg) no-repeat;
    width: 10px;
    height: 14px;
    position: absolute;
    right: 12px;
    top: 9px;
    background-position: right center;
    background-size: 9px;
    transform: rotate(268deg);
}
ul.list-unstyled.status-list li ul.submenu li .choose-icon ul li {
    padding: 2px 0 !important;
    margin-bottom: 0px;
}
.newwork-popup a.create-link {
    display: block;
    font-size: 14px;
    padding-bottom: 3px;
}
.workitems-design .downdown-list.status-by ul.list-unstyled.status-list li a span {
    display: inline;
    background: #C7C8C9;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    padding: 3px 6px;
    text-align: center;
    white-space: nowrap;
    margin-left:5px;
}
.workitems-design .downdown-list.status-by ul.list-unstyled.status-list li ul a span {
    background: #fff;
    color: #000;
    border-radius: 3px;
}
a.create-scratch img {
    width: 14px;
    margin-right: 3px;
    position: relative;
    top: 3px;
}
a.create-scratch {
    color: #000 !important;
    border: 1px dashed #131025;
    padding: 6px 15px;
    margin-bottom: 0px;
    display: inline-block;
    border-radius: 3px;
    background: #fff;
    font-size: 13px;
    width:240px;
}
a.create-link.import-popup {
    font-size: 13px;
}
a.create-link.import-popup svg {
    width: 15px;
    margin-top: -2px;
    margin-right: 6px;
}
.newwork-popup .workitems-design {
    position: relative;
}
.newwork-popup .workitems-design .downdown-list.status-by {
    left: 0;
    top: 32px;
}
.workitems-design ul.list-inline.view-category li .tooltip {
    width: 17px;
    height: 17px;
}
.workitems-design ul.list-inline.view-category li .tooltip span.tooltiptext::before {
    border-bottom: 10px solid #dbdbdb;
    right: auto;
    left: 6px;
}
.newwork-popup .modal-popup .popup-body {
    padding: 35px 40px 25px;
}
.workitems-design ul.list-inline.view-category li .tooltip span.tooltiptext {
    top: 26px;
}
a.create-link.import-popup {
    color: #000 !important;
    border: 1px dashed #131025;
    padding: 6px 15px;
    margin-bottom: 5px;
    display: inline-block;
    border-radius: 3px;
    background: #fff;
    font-size: 13px;
    clear: both;
    width: 240px;
    white-space: nowrap;
}
.newwork-popup .workitems-design .downdown-list.status-by {
    transform:none;
}
.workitems-design .downdown-list.status-by ul.list-unstyled.status-list li .select-icon label {
    padding-bottom: 0px;
}
a.create-link.import-popup span {
    display: inline;
    background: #C7C8C9;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    padding: 3px 6px;
    text-align: center;
    white-space: nowrap;
    margin-left: 5px;
}
.listdrag-icon {
    position: absolute;
    left: 2px;
    top: 8px;
    display:none;
}
.workitems-design ul li .listdrag-icon img {

    width: 9px;
}
.view-category .viewby-parent-div:hover .listdrag-icon  {
    display:block;
    cursor:move;
}
.tableLi:hover .listdrag-icon {
    display: block;
    cursor: move;
}
.hidden-tables ul img {
    width: 18px;
    border-radius: 3px;
    margin-right: 2px;
    vertical-align: middle;
    margin-top: -2px;
}
.hidden-tables ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size:13px;
}
a.unhide-table svg {
    width: 17px;
    stroke: #4d4d4d;
}
a.unhide-table {
    position: relative;
}
.newwork-popup .modal-popup .popup-body .hidden-tables h3 {
    font-size: 16px;
    padding-bottom: 5px;
}
.hidden-tables .tooltip {
    width: 17px;
    height: 17px;
}
.workitems-design .downdown-list.status-by ul.list-unstyled.status-list li input {
    border-color: #ccc;
    border: 1px dashed #ccc;
}
.workitems-design .downdown-list.status-by ul.list-unstyled.status-list li label {
    font-size: 12px;
    padding-bottom: 5px;
}
.workitems-design .downdown-list.status-by ul.list-unstyled.status-list li input:focus {
    box-shadow:none;
}


.taskdetailstab .nav-tabs .nav-link {
    border: none;
    background: #f1f2f4 !important;
    border-radius: 0px;
    padding: 6px 15px;
    font-weight: 400;
    font-size: 13px;
    margin-right: 0px;
    border-right: 1px solid #d5d5d5;
}

    .taskdetailstab .nav-tabs .nav-item:first-child .nav-link {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
  
    .taskdetailstab ul {
        border: none;
    }
    .taskdetailstab .nav-tabs .nav-item .nav-link svg {
        width: 13px;
    }
    .taskdetailstab .nav-tabs .nav-item a.active {
        background: rgba(249, 222, 212, 0.5) !important;
        color: #131025 !important;
    }
/*.followsups-div {
    display:none;
}*/
/*End*/

.autonew-right {
    display: flex;
    align-items: center;
}
.autonew-right .nav-item.dropdown i {
    padding-right: 0px;
    color: #000;
}
.automation-content {
    height: 263vh;
}
.automation-list ul.automation-ul i {
    padding: 0 2px;
    color: #000;
    position: relative;
    top: 2px;
}
.automation-text ul.automation-ul li.edit_drop.delete-kanbanItem, .automation-text ul.automation-ul li.edit_drop.delete-kanbanItem a {
    padding: 0px 5px;
}
.automation-text ul.automation-ul ul.dropdown-menu.company-ls {
    padding: 0px;
    min-width: 130px;
}
.steps-company.publish-popup .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius:0px !important;
}
.steps-company.publish-popup .company-footer button.disabled {
    pointer-events: none;
    opacity: .3;
}
.report-board.dashboard-div ul.report-list {
    float: none;
}
.report-board.dashboard-div p {
    font-size: 16px;
    text-align: center;
    padding: 30px 0px;
    font-weight: 500;
}
.project-setting {
    border: 1px solid #DEE9FC;
    padding: 0px 0px 0px;
    margin: 10px 6px;
    border-radius: 3px;
}
.projectuser-setting.project_sidebar {
    float: left;
    width: 17%;
    border: 1px solid #DEE9FC;
    border-top: 0px;
    padding: 20px 0px;
    height: 82vh;
    border-bottom: 0px;
    border-left:none;
    position:relative;
}
.project-form form {
    max-width: 400px;
    margin: 0 auto 10px;
}

.projectsetting-right {
    width: 83%;
    margin: auto;
    padding: 10px 25px;
    height: 91vh;
    overflow-y: auto;
    max-width: none;
}

.projectsetting-right .search-main.userssearch .email-tags input {
    min-height: auto;
    position: relative;
    width: auto;
    border: none;
    background: transparent;
    padding: 5px 0px;
    height: auto;
    float: left;
}
.projectsetting-right .search-main.userssearch .adduser_popup select {
    border-radius: 3px !important;
    height: 35px;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: 96% 52%;
    background-size: 10px;
}
.projectsetting-right .search-main.userssearch .adduser_popup span.input-group-btn {
    position: absolute;
    left: 5px;
    top: -2px;
}
.projectsetting-right .search-main.userssearch .adduser_popup .user-btns button {
    padding: 7px 10px 4px;
}
.projectsetting-right  .work-items-right .issue-type-list {
    padding-right: 0;
}
    .projectsetting-right .work-items-right {
        display: flex;
        justify-content: space-around;
    }
.projectsetting-right .design-btn button.btn.btn-primary {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 500;
    width: 120px;
    background: #131025;
    border-radius: 6px;
    padding: 5px 7px;
    box-shadow: none;
}
.projectsetting-right.projecttask-div {
    padding-bottom: 10px;
}
.projectsetting-right .design-btn {
    text-align: right;
    margin-top: 0;
}
    .projectsetting-right .work-items-right {
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
.api-div h3 span {
    display: inline;
    background: #C7C8C9;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    padding: 3px 6px;
    text-align: center;
    white-space: nowrap;
    margin-left: 5px;
}
.projectuser-setting.project_sidebar a.collapse-taskdetails svg {
    position: relative;
    top: -2px;
    left: -1px;
}

.projectuser-setting.project_sidebar a.collapse-taskdetails {
    float: right;
    position: relative;
    right: -21px;
    transition:.5s;
}
.projectuser-setting.project_sidebar.open {
    width: 40px;
    transition:1s;
}
.projectuser-setting.project_sidebar.open li span {
    display: none;
}
.projectuser-setting.project_sidebar.open h3 {
    visibility: hidden;
}
.projectuser-setting.project_sidebar.open .project-sidebartitle.overview-project {
    padding: 0px;
}
.projectuser-setting.project_sidebar.open .setting-list {
    overflow: hidden;
    width:100%;
    text-align:center;
}
.projectsetting-right.open {
    width:99%;
}
.projectuser-setting.project_sidebar.open a.collapse-taskdetails svg {
    transform: rotate(180deg);
    transition: 1s;
}
.projectuser-setting.project_sidebar.open a.collapse-taskdetails svg {
    position: relative;
    top: -1px;
    left: 1px;
}

.assignto-div .header-search-wrapper input {
    padding: 4px 35px 3px 15px;
    color:#000;
}
.table-tabs .header-search-wrapper {
    max-width: 152px;
}
.board-cont .table-tabs .search-main .header-search-wrapper input {
    padding: 4px 35px 2px 9px;
}
.table-tabs .search-main .assignto-div.current_user_list .dropdown-toggle li.add-user {
    width: 28px;
    height: 28px;
}
.board-cont .table-tabs .header-search-wrapper {
    margin-right:10px;
    margin-top: -6px;
}
.board-cont .table-tabs .current_user_list .dropdown-toggle li img{
    width: 27px;
    height: 27px;
    object-fit: cover;
}
.board-cont .table-tabs .current_user_list.dropdown.BoardUsersDiv {
    margin-top: -3px;
}
.board-cont .table-tabs .current_user_list .dropdown-toggle li {
    width: 27px;
    height: 27px;
    line-height: 28px;
}
.project-setting {
    border: 1px solid #DEE9FC;
    padding: 0px 0px 0px;
    margin: 10px 6px;
    border-radius: 3px;
}

.projectuser-setting.project_sidebar {
    float: left;
    width: 19%;
    border: 1px solid #DEE9FC;
    border-top: 0px;
    padding: 20px 0px;
    height: 91vh;
    border-bottom: 0px;
    border-left: none;
   
}
  
.project-form form {
    max-width: 400px;
    margin: 0 auto 10px;
}

.projectsetting-right {
    width: 81%;
    margin: auto;
    padding: 10px 25px;
    height: 91vh;
    overflow-y: auto;
    max-width: none;
}

    .projectsetting-right .search-main.userssearch .email-tags input {
        min-height: auto;
        position: relative;
        width: auto;
        border: none;
        background: transparent;
        padding: 5px 0px;
        height: auto;
        float: left;
    }


#configureTeamsMeetingFollowup .email-tags input {
    min-height: auto;
    position: relative;
    width: auto;
    border: none;
    background: transparent;
    padding: 5px 0px;
    height: auto;
    float: left;
}

.main-au img {
    width: 24px !important;
    height: 20px !important;
    padding-top: 5px !important;
}



    .projectsetting-right .search-main.userssearch .adduser_popup select {
        border-radius: 3px !important;
        height: 35px;
        background-image: url(../images/down-arrow.svg);
        background-repeat: no-repeat;
        background-position: 96% 52%;
        background-size: 10px;
    }

    .projectsetting-right .search-main.userssearch .adduser_popup span.input-group-btn {
        position: absolute;
        left: 5px;
        top: -2px;
    }

    .projectsetting-right .search-main.userssearch .adduser_popup .user-btns button {
        padding: 7px 10px 4px;
    }

#configureTeamsMeetingFollowup .adduser_popup select {
    border-radius: 3px !important;
    height: 35px;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: 96% 52%;
    background-size: 10px;
}

#configureTeamsMeetingFollowup .adduser_popup span.input-group-btn {
    position: absolute;
    left: 5px;
    top: -2px;
}

#configureTeamsMeetingFollowup .adduser_popup .user-btns button {
    padding: 7px 10px 4px;
}


    .projectsetting-right .work-items-right .issue-type-list {
        padding-right: 0;
        margin-left:30px;
    }

    .projectsetting-right .work-items-right {
        display: flex;
        justify-content: space-around;
    }

    .projectsetting-right .design-btn button.btn.btn-primary {
        margin-left: 5px;
        font-size: 12px;
        font-weight: 500;
        width: 120px;
        background: #131025;
        border-radius: 6px;
        padding: 5px 7px;
        box-shadow: none;
    }

    .projectsetting-right.projecttask-div {
        padding-bottom: 10px;
    }

    .projectsetting-right .design-btn {
        text-align: right;
        margin-top: 0;
    }

    .projectsetting-right .work-items-right {
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: end;
    }

.api-div h3 span {
    display: inline;
    background: #C7C8C9;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    padding: 3px 6px;
    text-align: center;
    white-space: nowrap;
    margin-left: 5px;
}

.projectuser-setting.project_sidebar a.collapse-taskdetails svg {
    position: absolute;
    top: -1px;
    left: -1px;
    
}

.projectuser-setting.project_sidebar a.collapse-taskdetails {
    float: right;
    position: relative;
    right: -21px;
}

.projectuser-setting.project_sidebar.open {
    width: 40px;
    transition: 1s;
}

    .projectuser-setting.project_sidebar.open .setting-list {
        overflow: hidden;
    }

.projectsetting-right.open {
    width: 99%;
    transition: 1s;
}

.projectuser-setting.project_sidebar.open a.collapse-taskdetails svg {
    transform: rotate(180deg);
    transition: 1s;
}

.projectuser-setting.project_sidebar.open a.collapse-taskdetails svg {
    position: relative;
    top: -1px;
    left: 1px;
}

.second_sidebar .client_worspace_list li .project-ul li {
    border: none !important;
}

.second_sidebar .client_worspace_list li .project-ul a {
    padding: 7px 0px 5px !important;
    font-size: 12px;
}
.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete.delete-popup .modal-confirm .icon-box-Del {
    width: 80px;
    height: 80px;
    border-color: #f15e5e;
}


.board-tab .search-main .assignto-div.current_user_list .dropdown-toggle li.add-user {
    width: 28px;
    height: 28px;
}


.board-cont .board-tab .current_user_list .dropdown-toggle li img{
    width: 27px;
    height: 27px;
    object-fit: cover;
}

.board-cont .board-tab .current_user_list.dropdown.BoardUsersDiv {
    margin-top: 0px;
}

.board-cont .board-tab .current_user_list .dropdown-toggle li {
    width: 27px;
    height: 27px;
    line-height: 28px;
}
.board-cont .table-tabs .search-main .header-search-wrapper input::placeholder {
    font-size: 13px;
}

li.workspace.ui-sortable-handle.ui-sortable-helper {
    cursor: grabbing;
}
ul.comp-list.client_worspace_list li.active .work_list li.workspace-project.ui-sortable-helper {
    cursor: grabbing;
}
.projectscrum-list .nav-tabs li.nav-item {
    position: relative;
}
.projectscrum-list .nav-tabs li.nav-item .tab-pin svg {
    width: 20px;
    height: 16px;
}
.projectscrum-list .nav-tabs li.nav-item .tab-pin {
    position: absolute;
    top: -6px;
    right: -4px;
    display:none;
}
.projectscrum-list .nav-tabs li.nav-item a.nav-link.tabs-new.active + .tab-pin svg path {
    fill: #ffff;
}

/*.projectscrum-list .nav-tabs .nav-link.active:hover + .tab-pin {
    display: block;
}*/
.assignto-div .header-search-wrapper input::placeholder {
    font-size: 13px;
}
.workitems-design ul a.workitem-table.eye-btn {
    padding: 0px 7px;
}
.workitems-design .downdown-list.status-by.eye-list-div {
    min-width: 160px;
    z-index: 9999;
    left: -64px;
    transform: none;
    top: 28px;
}
    .workitems-design .downdown-list.status-by.eye-list-div .dropdown-status-new {
        padding: 7px 0px 5px;
    }
.workitems-design ul a.workitem-table.eye-btn .tooltip span.tooltiptext::before {
    left: 11px;
}
.table-tabs .assignto-div a.plus-create svg {
    position: relative;
    top: 0px;
}

.table-tabs .assignto-div a.plus-create {
    margin-right: 7px;
    margin-top: 3px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: 400;
}
/*.table-views .dropdown ul.dropdown-menu li.record-title:first-child ul li:first-child a {
    opacity: 1;
    pointer-events: auto;
}*/
.table-views .dropdown ul.dropdown-menu li.record-title ul li a {
    width: 219px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 8px;
    padding-right: 10px;
    margin-right: 9px;
    margin-bottom: 0px;
    padding-left:7px;
}
input.form-control.edittext-table {
    width: 203px;
    height: auto;
    padding: 1px 0 0 6px;
    cursor: text;
    margin: 0px 18px 0 6px;
}
.table-views .dropdown ul.dropdown-menu li ul li span.span-edit svg {
    stroke: #4d4d4d;
}
.table-views .dropdown ul.dropdown-menu li ul li a .feather-star {
    width: 15px;
    stroke: #b1b1b1;
}
.table-views .dropdown ul.dropdown-menu li.record-title ul li.default-div a .feather-star {
    fill: #97c35b;
    stroke: #97c35b;
}
.table-views .dropdown ul.dropdown-menu li ul li:hover span.set-default {
    display: block;
}
    .table-views .dropdown ul.dropdown-menu li ul li:hover span.set-default .feather-star {
        width: 15px;
        stroke: #b1b1b1;
        height: 15px;
    }
    /*.table-views .dropdown ul.dropdown-menu li ul li a {
    pointer-events: none;
    opacity: .3;
}*/
    .table-views .dropdown ul.dropdown-menu li.record-title ul.hidden-tables li:first-child a {
        opacity: .3;
        pointer-events: none;
    }
.workitems-design .downdown-list.status-by.eye-list-div ul.hidden-tables li a.unhide-table svg {
    margin-right: 0px;
}
ul.list-unstyled.hidden-tables {
    display: block;
    padding: 0px
}
ul.list-unstyled.hidden-tables li {
    display: flex;
    justify-content: space-between;
}
ul.list-unstyled.hidden-tables li {
    padding: 3px 6px;
}
.workitems-design .downdown-list.status-by.eye-list-div h3 {
    padding: 0px 5px 5px;
    font-weight: 500;
}
.workitems-design .downdown-list.status-by.eye-list-div  ul.list-unstyled.hidden-tables input {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    border-radius: 0px !important;
}

.workitems-design .downdown-list.status-by.eye-list-div ul.list-unstyled.hidden-tables input[type='checkbox'] + label > span {
    margin-left: 0px;
}
.workitems-design .downdown-list.status-by.eye-list-div ul.list-unstyled.hidden-tables input[type='checkbox']:checked + label > span:before {
    left:3px;
}
.workitems-design .downdown-list.status-by.eye-list-div ul.list-unstyled.hidden-tables li.active {
    padding: 3px 6px 3px;
}
ul.list-unstyled.hidden-tables img {
    margin-right: 5px;
}
.view-category .viewby-parent-div a svg {
    left: 1px;
    display: none;
    position: absolute;
    right: 4px;
    left: auto;
    top: 8px;
}
.view-category .viewby-parent-div a:hover svg {
    display: block;
}
.workitems-design ul.list-inline.view-category svg {
    display: none;
}
#GridWorkItemTypes svg {
    display: none;
}
#GridWorkItemTypes .view-status-div.active svg {
    display: block;
}
.workitems-design ul li .view-status-div.active svg {
    display: block;
}
.workitems-design ul.list-inline.view-category a.workitem-table.eye-btn svg {
    display: block;
}
.workitems-design ul.list-inline.view-category a.workitem-table svg {
    display: block;
}
.workitems-design ul.list-inline.view-category li:hover .viewby-parent-div svg {
    display: block;
}
.view-category .view-status-div:hover .listdrag-icon {
    display: block;
    cursor: move;
}
.view-category .view-status-div .listdrag-icon {
    position: absolute;
    left: 1px;
    top: 7px;
}
.board-tablist {
    display: flex;
    align-items: center;
}
.board-tablist  ul.list-inline.category-boardlist {
    padding: 0px;
    border-radius: 4px;
    top: 4px;
    position: relative;
}
.workitems-design ul.list-inline.category-boardlist li .tooltip {
    width: 17px;
    height: 17px;
}
.workitems-design ul.list-inline.view-category .dropdown-status-new svg {
    display: block;
}
.workitems-design ul.list-inline.category-boardlist li .tooltip span.tooltiptext::before {
    border-bottom: 10px solid #dbdbdb;
    right: auto;
    left: 6px;
}
.workitems-design ul.list-inline.category-boardlist li .tooltip span.tooltiptext {
    top: 26px;
}
.workitems-design ul.list-inline.category-boardlist li .tooltip {
    left: 6px;
}
.board-tablist ul.list-inline.category-boardlist::before {
    content: "";
    background: #ccc;
    width: 1px;
    height: 15px;
    position: absolute;
    left: 0px;
    margin: auto;
    /*top: 0;*/
    bottom: 0;
}
.newwork-popup .modal-popup .popup-body ul.list-unstyled.tablelist-level svg {
    width: 15px;
    height: 15px;
    position: relative;
    top: -1px;
}
.newwork-popup .modal-popup .popup-body .suggested-main p {
    margin-bottom: 2px;
    padding-bottom: 2px;
}
.newwork-popup  ul.list-unstyled.tablelist-level {
    padding-bottom: 7px;
}
.level_items a.taskbar-list.projecttask-link img {
    margin-right: 5px;
}

.level_items a.taskbar-list.projecttask-link {
    display: flex;
    align-items: center;
    font-size: 13px;
}
.newwork-popup .modal-popup .popup-body ul.list-unstyled.tablelist-level p {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
.projectscrum-list .nav-tabs li.nav-item.pined-icon .tab-pin {
    display: block;
}

.projectscrum-list .nav-tabs li.nav-item .tab-pin svg path {
    fill: #9b99a4;
    opacity: .6;
}
.projectscrum-list .nav-tabs li.nav-item .active + .tab-pin svg path {
    fill: #fff;
    opacity: 1;
}
.Delete_Modal_Wrapper.notebook-delete.work-itemsdelete .modal-dialog.modal-confirm {
    top: 40%;
}
.Application_Wrapper .Delete_Modal_Wrapper.work-itemsdelete .modal-confirm .icon-box-Del {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}


.duplicate-popup .modal-dialog {
    top: 14%;
}

.duplicate-popup .duplicate-new {
    padding: 0px;
}

.duplicate-panel {
    background: #F3F3F4;
    padding: 33px 16px 25px;
    border-radius: 5px;
    text-align: center;
    min-height: 100%;
}

.duplicate-popup .dup-icon {
    height: 48px;
    min-width: 48px;
    width: 48px;
    line-height: 65px;
    margin: 0 auto 5px;
    /* background: #131025; */
    border-radius: 4px;
    border: 1px solid #131025;
    background: rgba(249, 222, 212, 0.5) !important;
}

    .duplicate-popup .dup-icon img {
        width: 35px;
    }

        .duplicate-popup .dup-icon svg path {
            fill: #fff;
        }

.duplicate-panel p {
    font-size: 12px;
    color: #878b92;
    width:100%;
}

.duplicate-panel h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

.duplicate-panel.panel-box {
    background: #fff;
    box-shadow: -1px 4px 8px #80808080;
}

.duplicate-merge {
    position: absolute;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    left:0;
    width:50px;
}

    .duplicate-merge img {
        width: 43px;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
        border-radius: 60%;
    }

.duplicate-main {
    position: relative;
    margin-bottom: 25px;
}

.duplicate-popup .modal-header .close {
    background: transparent;
    border: none;
    position: absolute;
    right: 10px;
}

.duplicate-popup .modal-header h4 {
    font-size: 17px;
    font-weight: 500;
}

.duplicate-popup .modal-body {
    padding: 25px 35px 20px;
    background: #fff;
}

.duplicate-popup .modal-header {
    padding: 13px 25px;
}

.duplicate-popup .duplicate-div label {
    font-size: 14px;
    margin-bottom: 2px;
    color: #000;
}

    .duplicate-popup .duplicate-div label + input {
        height: 33px;
        color: #000 !important;
        font-size: 14px;
        border-color: #ccc !important;
    }

.duplicate-popup .duplicate-div .form-check label {
    margin-bottom: 0px;
    font-size: 14px;
    padding-top: 3px;
}

.duplicate-popup .duplicate-div .form-check input {
    width: 17px;
    height: 17px;
    margin-right: 5px;
}

    .duplicate-popup .duplicate-div .form-check input:focus, .duplicate-popup .duplicate-div label + input:focus {
        box-shadow: none !important;
    }

.duplicate-popup .modal-footer button {
    font-size: 13px;
}
span.excel-txt {
    background: #ccc;
    color: #000;
    padding: 0px 18px;
    border-radius: 15px;
    float: right;
    margin: 0px 0px 0 6px;
    font-weight: 400;
    font-size: 12px;
}
span.mapped-export {
    background: #ccc;
    color: #000;
    float: right;
    padding: 0px 15px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 12px;
}
.full-fields.right-exportfield {
    margin-bottom: 0px;
    border-bottom: none;
}
.full-fields.right-exportfield h4 {
    border-bottom: none;
}
.full-fields.right-exportfield p {
    font-size: 12px;
    padding: 0px 5px;
    margin-top: -10px;
}
.import-btn button {
    border-radius: 3px;
    padding: 6px 20px !important;
    box-shadow: none !important;
}
.import-btn .clearmapping {
    background: #6c757d !important;
    border-color: #6c757d !important;
}
.full-fields.left-importfield h4 {
    border: none;
}
.full-fields.left-importfield p {
    font-size: 12px;
    padding: 0px 3px;
    margin-top: -10px;
}
.full-fields.left-importfield {
    margin-bottom: 0px;
    border: none;
}
.dahboard-load {
    width: 100%;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.projectboard_scrum .dashboard-centbtn {
    background: #9B99A4;
    color: #fff !important;
    border-radius: 4px;
    padding: 3px 10px 3px 5px;
    display: flex;
    align-items: center;
    font-size: 13px;
    cursor:pointer;
}
.projectboard_scrum .dashboard-centbtn svg {
    width: 18px;
    margin-right: 5px;
    height: 18px;
    fill: #fff;
}
div#dashboard-container iframe body::-webkit-scrollbar-track {
    box-shadow: 0 0 0;
    background: #f8f8f8;
}

div#dashboard-container iframe body::-webkit-scrollbar-thumb {
    opacity: .2;
    background: #d5d5d5;
    border-radius: 10px;
}

    div#dashboard-container iframe body::-webkit-scrollbar-thumb:hover {
        opacity: .5;
        background: #d5d5d5;
    }

div#dashboard-container iframe body::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
ul.list-unstyled.hidden-tables .view-status-div, ul.list-unstyled.hidden-tables .viewby-parent-div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px;
}
.export-popup .full-fields .main-fields li.mapdone {
    background: #fff !important;
    border-bottom: 1px solid #eee;
}
.import-btn .progress {
    position: absolute;
    margin-left: -108px;
    margin-top: 9px;
}
.export-popup .box-fields .mapdone {
    background: rgba(249, 222, 212, 0.5);
    height: 100%;
}

/*.workitems-design ul.list-inline.view-category, .workitems-design ul.view-status {
    width: 74vw;
    overflow-x: auto;
    justify-content: left;
    white-space: nowrap;
}*/

.export-popup .full-fields ul li span {
    width: 312px;
}
.export-popup .full-fields .main-fields li.mapdone span {
    width: auto;
}
a.import-delete svg {
    width: 16px;
    height: 16px;
    stroke: #f00;
}
a.import-delete {
    position: absolute;
    right: 10px;
    top: 7px;
    display:none;
}
.export-popup .box-data:hover a.import-delete {
    display: block;
}
.table-tabs .tabulator-cell.tabulator-frozen.tabulator-frozen-left .delete-task-dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 5px;
    color: #a5a5a5;
}
.table-tabs .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
    padding-left: 5px !important;
    padding-right:10px !important;
}
.table-tabs .tabulator-cell.tabulator-frozen.tabulator-frozen-left:hover .delete-task-dropdown {
    display: block;
    position: absolute;
    top: 1px;
    right: 0px;
}
.table-tabs .tabulator-cell.undefined.tabulator-range-row-header {
    position: relative;
    padding: 0px 10px !important;
    overflow: visible;
}
    .table-tabs .tabulator-cell.undefined.tabulator-range-row-header ul.dropdown-menu {
        padding: 0px;
        border: none;
        box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    }
.table-tabs .tabulator-cell.undefined.tabulator-range-row-header  ul.dropdown-menu li a {
    display: flex;
}
.table-tabs .tabulator-cell.undefined.tabulator-range-row-header ul.dropdown-menu li a .delete-btn {
    margin-right: 8px;
}
.table-tabs .tabulator-cell.undefined.tabulator-range-row-header .delete-task-dropdown a {
    padding: 3px 10px 1px;
    font-size: 12px;

}
.table-tabs .tabulator-cell.undefined.tabulator-range-row-header .delete-task-dropdown .clone-btn svg {
    width: 17px;
    margin-right: 7px;
    width: 14px;
    height: 14px;
}
.export-right {
    position: relative;
}
a.export-download svg {
    width: 20px;
}
a.export-download {
    text-align: right;
    position: absolute;
    right: 15px;   
    bottom: -33px;
    background: #eeeeee;
    padding: 6px 10px;
    border-radius: 3px;
}
.datatype-popup {
    opacity:1;
}
    .datatype-popup .modal-body {
        max-height: calc(87vh - 50px);
        overflow-y: auto;
    }
.comingsoon-box {
    display: inline;
    background: #C7C8C9;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    padding: 3px 6px;
    text-align: center;
    white-space: nowrap;
    margin-left: 5px;
}
.second_sidebar .client_worspace_list li .project-ul li ul li {
    border-bottom: 1px solid #eee !important;
    margin: 0px
}
.second_sidebar .client_worspace_list li .project-ul li ul li a {
    padding: 7px 8px 5px !important;
    margin: 0px;
}
.tablerecord-dropdown {
    position: absolute;
    right: -2px;
    z-index: 99;
    display: none;
}
.table-views .dropdown ul.dropdown-menu li ul li {
    position:relative;
}
.table-views .dropdown ul.dropdown-menu li ul li:hover .tablerecord-dropdown {
    display: block;
}
.tablerecord-dropdown i {
    color: #ccc;
    width: 13px;
    text-align: center;
   
}
.table-views .dropdown ul.dropdown-menu li.record-title ul li.main-menu-view-li.active  {
    background: rgba(249, 222, 212, 0.5) !important;
}
.table-views .dropdown ul.dropdown-menu li.record-title ul li.main-menu-view-li.active a {
    color: #131025 !important;
}
.table-views .tablerecord-dropdown ul.dropdown-menu li {
    padding: 0 !important;
    margin: 0;
    border-bottom: 1px solid #eee !important;
}
.table-views .tablerecord-dropdown ul.dropdown-menu {
    min-width: 130px !important;
}
.tablerecord-dropdown .dropdown-toggle::after {
    display: none;
}
.table-views input:focus {
    box-shadow: none !important;
}

.table-views input {
    border-color: #ccc;
    border: 1px dashed #ccc !important;
    background: #fff;
    margin-bottom: 5px;
    margin-top: 2px;
}
.table-views .tablerecord-dropdown ul.dropdown-menu li svg {
    float: left;
    margin-right: 3px;
    width: 15px;
    height: 14px;
    vertical-align: middle;
    margin-top: 2px;
    stroke: #4d4d4d;
}
.table-views .tablerecord-dropdown ul.dropdown-menu li a {
    padding: 3px 5px 1px;
    font-size:12px;
}
.table-views .tablerecord-dropdown ul.dropdown-menu li {
    padding: 0;
    margin: 2px 0px;
    border-bottom: 1px solid #eee;
}
.table-views .not-allowed {
    pointer-events: none;
    cursor:not-allowed;
    opacity:.3;
}
#drawflow {
    background-size: 25px 25px;
    background-image: linear-gradient(to right, #f1f1f1 1px, transparent 1px), linear-gradient(to bottom, #f1f1f1 1px, transparent 1px);
}
.table-views .dropdown ul.dropdown-menu li ul li span.span-default svg.feather-star {
    stroke: #b1b1b1;
}
.table-views .dropdown ul.dropdown-menu li ul li span.span-default.set-default svg.feather-star {
    fill: #97c35b;
    stroke: #97c35b;
    width: 15px;
}
.table-views .dropdown ul.dropdown-menu li ul li span.span-default {
    display:none;
}
.table-views .dropdown ul.dropdown-menu li ul li:hover span.span-default {
    display:block;
}
.table-views .dropdown ul.dropdown-menu li ul li span.span-default.set-default {
    display:block;
}
.table-views .dropdown ul.dropdown-menu li ul li span.set-default,
.table-views .dropdown ul.dropdown-menu li ul li span.span-default {
    background: transparent;
    padding: 0px;
    margin: 0px 3px 0 0;
}
.form-ftrbtn {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
}
.form-le-div {
    position:relative;
}
.table-tabs .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
    position: absolute;
    right: 0;
    padding: 0px !important;
    display:none;
}
.table-tabs .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder:hover .tabulator-header-popup-button {
    display:block;
}
    .table-tabs .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button svg path {
    fill: #b9b9b9;
}
.table-tabs .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button svg {
    width: 4px;
    stroke: #ccc;
}
.table-views .dropdown ul.dropdown-menu li ul li span.span-edit {
    background: transparent;
    padding: 0px;
    position: relative;
    margin-left: -15px;
    margin-right: 6px;
    display:none;
}
    .table-views .dropdown ul.dropdown-menu li ul li span.span-edit svg {
        stroke: #b1b1b1;
        width: 12px;
    }
.table-views .dropdown ul.dropdown-menu li.record-title ul li:hover span.span-edit {
    display:block;
}
.dropdown.dropdown-id {
    min-width: 300px;
    min-height: 218px;
}
.dropdown.dropdown-id .dropdown-menu {
    display:block;
}
.tabulator-popup.tabulator-popup-container {
    padding: 0px;
    border: none;
    overflow:visible;
}
.suggested-main  {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 20px;
}
.table-views .dropdown ul.dropdown-menu li ul li span.span-drag.record-drag img {
    width: 7px;
    margin-right: 4px;
    vertical-align: middle;
    cursor: move;
}
.table-views .dropdown ul.dropdown-menu li ul li:hover span.span-drag.record-drag {
    display:block;
}
.table-views .dropdown ul.dropdown-menu li ul li span.span-drag.record-drag {
    background: transparent;
    padding: 0px;
    margin: 0px;
    display: none;
    position: absolute;
    left: 0;
    top: 1px;
}
    /*.tabulator-popup.tabulator-popup-container::before {
        content: "";
        width: 13px;
        height: 13px;
        top: -10px;
        background-color: #131025;
        box-shadow: none;
        transform: rotate(45deg);
        position: absolute;
        right: auto;
        left: 0;
        margin: auto;
        z-index: -1;
    }*/
.workitems-design.grid-dropdown {
    z-index: 99;
    position: relative;
    background: #fff;
}
.dropdown.dropdown-id ul.dropdown-menu.status-list {
    padding: 10px 0px;
    border: none;
    border-top: 5px solid #131025;
}
.dropdown.dropdown-id ul.dropdown-menu.status-list li a {
    padding: 5px 11px;
}
    .dropdown.dropdown-id ul.dropdown-menu.status-list li a svg {
        margin-right: 7px;
        width: 13px;
    }
.pagedesign-left .template_wrapper_right ul.advanced-fields svg {
    width: 16px;
    height: 25px;
    fill: #ccc;
    margin-right: 15px;
}
.dropdown.dropdown-id ul.dropdown-menu.status-list li a {
    padding: 6px 10px;
}
.history-sidebar {
    position: absolute;
    right: -1000px;
    top: 0;
    width: 600px;
    height: 100vh;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background: #fff;
    border-left: 1px solid #eee;
    padding: 35px 0px;
    transition:1.3s;
    opacity:0;
}
.history-list p span.success {
    color: #97C35B;
    font-weight:500;
}
.history-list p span.error {
    color: #dc3545;
    font-weight: 500;
}
.history-sidebar.show {
    right: 0;
    opacity: 1;
}
.automation-new {
    display: flex;
    align-items: center;
}
a.automation-toggle svg {
    width: 19px;
    margin-left: 7px;
}
.history-sidebar  a.close-btn {
    position: absolute;
    right: 6px;
    top: 9px;
}
.history-list p {
    font-size: 12px;
    padding-bottom: 6px;
    color: #000;
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
}
.history-list p.active a {
    color: #131025 !important;
}
.history-list p.active {
    background: rgba(249, 222, 212, 0.5) !important;
}
.automation-new a.collapse-taskdetails {
    position: absolute;
    right: -11px;
    margin: 0;
    transition:.5s;
}
.projectuser-setting.project_sidebar .setting-list li span {
    display: inline;
    margin: 0;
    width: auto;
}
.projectuser-setting.project_sidebar.open h3 {
    display:none;
}
.project_sidebar ul.comp-list.client_worspace_list li a.projectusers-link.ai-link img {
    width: 16px;
}
ul.automation-ul {
    height: calc(95vh - 80px);
    overflow-y: auto;
}
.auto-left.open {
    width: 55px;
}
.auto-left.open .automation-text .auto-head h3 span {
    display: none;
}
.auto-left.open .automation-text a.automation-add {
    display: none;
}
.auto-left.open ul.automation-ul li .main-au.handy .automation-name, .auto-left.open ul.automation-ul li .main-au.handy a.edit-automation-name, .auto-left.open ul.automation-ul li .main-au.handy  span.auto-titlenew {
    display: none;
}
.auto-left.open ul.automation-ul li .form-check.form-switch {
    display: none;
}
.auto-left.open ul.automation-ul li .nav-item.dropdown {
    display: none;
}
.automation-itemnew {
    float: left;
    width:82%;
}
a.edit-automation-name {
    position: relative;
    top: 2px;
}
.automation-itemnew img {
    width: 14px !important;
    margin-right: 6px;
    padding-top: 3px !important;
    position: relative;
    top: 4px;
}
.auto-right.automation-text.open {
    width: calc(100% - 67px);
    padding: 0px;
}
ul.automation-ul li.active {
    background: #fceee9;
}
ul.automation-ul li.active .automation-itemnew {
    display: flex;
}
.auto-left.open .automation-itemnew img {
    top:0;
}
.projectuser-setting.project_sidebar.open .setting-list li span {
    display: none;
}
.auto-left.open a.collapse-taskdetails {
    transform: rotate(180deg);
}
.projectuser-setting.project_sidebar.open a.collapse-taskdetails {
    transform: rotate(180deg);
}
.kanban-container .kanban-board .kanban-item .d-flex.justify-content-end.align-items-start {
    min-height: 27px;
}
.automation-itemnew input {
    font-size: 14px;
    font-weight: 400;
}
ul.automation-ul li.active .automation-itemnew input {
    font-size: 14px;
    font-weight: 400;
}
.kanban-container .kanban-board .kanban-item .d-flex.justify-content-end.align-items-start {
    min-height: 27px;
}
.dahboard-reload {
    float: right;
    margin-top: 2px;
    margin-bottom: 4px;
    margin-right:5px;
    display:flex;
    width:100%;
}

.report-header {
    position: relative;
    top: 3px;
}
.report-config-btn .drop-dot {
    line-height: 16px;
    border-color: #DEE9FC !important;
    border: 1px solid;
    padding: 7px 15px;
    margin-right: 10px;
    margin-top: 5px;
    display: inline-block;
    font-size: 13px;
    border-radius: 3px;
}
.workitems-design.reportnew-tab .assignto-div {
    padding-top: 3px;
}
.sprint-dropdown  .checkbox {
    left: -27px;
    position: absolute;
    bottom: 0;
    top: -8px;
    height: 17px;
    width: 16px;
}
.sprint-dropdown  .checkbox input.checkbox-input {
    margin-right: 10px;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 19px;
    cursor: pointer;
    opacity: 0;
}
.sprint-dropdown  .checkbox input[type='checkbox'] + label > span {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
    width: 17px;
    height: 17px;
    background: transparent;
    border: 2px solid #9b99a4;
    border-radius: 2px;
    cursor: pointer;
    transition: all 250ms cubic-bezier(.4,.0,.23,1);
}
.sprint-dropdown  .checkbox input[type='checkbox']:checked + label > span {
    animation: shrink-bounce 200ms cubic-bezier(.4,.0,.23,1);
}
.sprint-dropdown .checkbox input[type='checkbox']:checked + label > span:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 3px;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
}
.search-main .assignto-div .sprint-dropdown .checkbox input {
    margin-left: 0px !important;
}
.conditions-main .trigger-data span.form-control.custom-input {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 158px;
    padding-right: 20px;
}
span.tooltip-main.tooltip-taskdetail svg {
    width: 16px;
    margin-top: -1px;
}
/*formula*/
.advanced-editor .modal-dialog {
    max-width: 75%;
    top: 0px;
}
.advanced-editor .modal-header img {
    width: 23px;
    vertical-align: middle;
    border-radius: 3px;
    margin-right: 5px;
}
.advanced-editor .modal-header button.btn-close {
    font-size: 0px;
    position: absolute;
    right: 27px;
    top: 2px;
    opacity: 1;
}
.advanced-editor .modal-header h5 {
    font-weight: 500;
    font-size: 16px;
}
.advanced-editor .modal-dialog .modal-header {
    padding: 10px 12px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
}
.advanced-editor input:focus, .advanced-editor textarea:focus {
    box-shadow: none !important;
}
.advanced-editor textarea::placeholder {
    font-size: 12px;
    text-align:left;
}
.advanced-editor textarea.form-control.textarea-formula {
    max-height: 200px;
    min-height: 110px;
    overflow-y: auto;
}
.advanced-editor .formula-main {
    display: flex;
    align-items: stretch;
    height: 315px;
    max-height: 315px;
    min-height: 315px;
}
.advanced-editor  .formula-left {
    padding-top: 10px;
    width: 36%;
    border-right: 1px solid var(--G-1-5, #E9E9E9);
}
.advanced-editor .formula-right {
    flex-grow: 1;
    padding-left: 21px;
    padding-top: 10px;
    background: #f5f5f5;
}
.advanced-editor .modal-footer {
    padding: 6px 10px;
}
.advanced-editor .modal-footer button {
    padding: 5px 17px;
    box-shadow: none;
    font-size: 13px;
    border-radius: 3px;
    height: 30px;
}
.advanced-editor  .modal-body {
    padding-bottom: 0px;
}
.advanced-editor .formula-left span.use-txt {
    display: none;
    position: absolute;
    right: 8px;
    background: #6c757d;
    color: #fff;
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 13px;
    height: 24px;
    line-height: 17px;
    transition:0.15s ease-out;
}
.advanced-editor .formula-left .header-search-wrapper {
    max-width: 98%;
}
.advanced-editor .formula-left .header-search-wrapper input::placeholder {
    font-size:12px;
}
.advanced-editor .header-search-wrapper .search-icon {
    margin-left: -26px;
    margin-top: -8px;
}
.advanced-editor .formula-left .header-search-wrapper input {
    padding: 5px 35px 5px 12px;
    margin-bottom: 9px;
}
.advanced-editor .formula-list__item:hover span.use-txt {
    display: block;
}
.advanced-editor .formula-left .formula-scroll p {
    font-size: 14px;
    padding-bottom: 5px;
}
.advanced-editor .formula-left span.formula-list-name {
    font-size: 13px;
}
.advanced-editor .formula-list__item:hover {
    background: rgba(249, 222, 212, 0.5) !important;
}
.advanced-editor .formula-left .formula-list__item {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 27px;
    padding: 0 3px 0 12px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1;
}
.advanced-editor .formula-list {
    max-height: 300px;
    overflow-y: auto;
}
.advanced-editor .formula-right h3 {
    font-size: 17px;
    padding-bottom: 6px;
    font-weight: 500;
}
.advanced-editor .formula-right p {
    padding-bottom: 20px;
}
.advanced-editor .formula-right span span.blu-clr {
    display: inline;
    color: #3a86ff;
}
.advanced-editor .formula-right span {
    display: block;
    padding-bottom: 15px;
    font-size: 13px;
}
.advanced-editor .formula-list__item svg path {
    fill: #a1a09c;
}
.advanced-editor .formula-left .formula-list__item svg {
    margin-right: 5px;
}
.advanced-editor  .formula-scroll {
    padding-bottom: 6px;
}
.advanced-editor {
    z-index: 99999
}
/*end*/
.table-tabs .tabulator-cell.tabulator-editable.tabulator-range-selected.tabulator-range-only-cell-selected {
    overflow: hidden;
}
.table-tabs img#toggleFilter {
    float: left;
    position: relative;
    top: 4px;
    cursor: pointer;
}
.grid-plus svg {
    width: 20px;
    stroke: #9b99a4;
}

.grid-plus {
    position: relative;
    right: 36px;
    width: 20px;
    /* background: #9b99a4; */
    height: 20px;
    text-align: center;
}
.table-tabs .tabulator-col-title input {
    vertical-align: middle;
    position: relative;
    top: -1px;
}
/*project detail full screen*/
.project_fullscreen .Application_Wrapper.projectboard_scrum {
    width: 100%;
    margin-top: -9px;
   
    position: relative;
    height:101vh;
}
.project_fullscreen #LayoutHeader {
    box-shadow: none;
    border-left: 1px solid #DEE9FC;
    padding: 0px;
    background: transparent;
    position: absolute;
    right: 0;
    border-bottom: 1px solid #DEE9FC;
    border-bottom-left-radius: 20px;
}
.project_fullscreen main header nav {
    padding-right: 0;
}
.project_fullscreen .projectscrum-list .nav-tabs:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 20px;
}
.project_fullscreen .Application_Wrapper.projectboard_scrum {
    width: 100%;
    margin-top: -9px;
    position: relative;
}
.project_fullscreen .projectscrum-list .nav-tabs a {
    border-right: 1px solid #DEE9FC;
    height: 33px;
    margin: 0px;
    font-size: 12px;
    line-height: 19px;
    color: #000 !important;
    padding: 8px 9px;
}
.project_fullscreen main header {
    background: transparent !important;
}
.project_fullscreen .projectdet-left {
    padding-left: 0px;
}
.project_fullscreen .projectscrum-list .nav-tabs {
    border-radius: 0px;
}
.project_fullscreen  .customer-portal {
    margin-right: 15px;
    width: 22px;
    margin-left: 15px;
}
.project_fullscreen .sidebar_prfile:hover {
    background: transparent;
}
.project_fullscreen .sidebar_prfile {
    background:transparent;
}
/*end*/

/*create company popup*/
.create-project .modal-dialog {
    max-width: 96%;
    margin: 6px auto 0;
}
.marketplace-btm {
    padding: 2px 6px 0;
    position: absolute;
    bottom: 56px;
}
.create-project button.close {
    background: transparent;
    border: none;
}
.create-report  .modal-dialog .modal-header {
    position: absolute;
    right: 10px;
    border: none;
    top: 9px;
    padding:0;
}
.create-project {
    height: 99vh;
}
.create-project .projectscrum-list {
    border-bottom: 1px solid #eee;
}
.create-project .modal-content {
    border-radius:0px !important;
}
.create-project .Application_Wrapper.project_template {
    padding: 0px;
    box-shadow: none;
}
.create-project aside.second_sidebar.active.project_sidebar.projectsetting-sidebar {
    position: relative;
    left: 0;
    padding: 10px 0px;
}
.create-project .modal-body {
    padding: 0px;
}
.create-left {
    padding: 0px;
}
.create-project .tab-pane {
    height: 100vh;
}
.create-project p.coming-soon {
    font-size: 16px;
    color: #000;
}
.create-project  .tab-pane h4 {
    color: #000;
    font-size: 16px;
    padding: 15px;
    padding-bottom: 5px;
}
.create-right {
    padding: 20px 60px 0px;
    height: calc(98vh - 50px);
    overflow-y: auto;
}
.create-right .searchbar span.input-group-btn button {
    background: transparent !important;
    box-shadow: none !important;
    padding-top: 10px;
}
/*.create-left .project-sidebartitle.sidetemp {
    height:auto;
}*/
.create-left .project-sidebartitle.sidetemp ul.comp-list.client_worspace_list {
    margin-top: 0px;
    /*max-height: 350px;*/
}
.create-left h3.marketplace-title {
    font-size: 13px;
}
.create-left h3.marketplace-title svg {
    width: 21px;
    height: 21px;
    fill: #a1a09c;
    margin-right: 4px;
}
.create-left .second_sidebar {
    width: 225px;
}
.create-project {
    overflow: hidden;
}
.create-project  ul.list-inline {
    display: flex;
    width: 100%;
    gap: 10px;
    padding: 15px 0px;
    justify-content: center;
    margin: 0 auto;
    flex-wrap: wrap;
}
.create-project .custom-template-div {
    border: 1px solid #eee;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
}
.create-project .tab-pane h4 {
    color: #000;
    font-size: 16px;
    padding: 15px 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.create-project .projec_div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(96vh - 50px);
}
.create-project .project_form p {
    max-width: 300px;
    line-height: 20px;
}
a.project-closelink svg {
    width: 30px;
    height: 30px;
}
a.project-closelink {
    position: absolute;
    right: -11px;
    top: -9px;
}
.create-project  .project_form {
    border: 1px solid #eee;
    padding: 30px 35px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    position:relative;
} 
.create-project .custom-template-div p {
    font-size: 12px;
    max-width: 279px;
    margin: 0 auto;
    line-height: 17px;
    padding-bottom: 8px;
}
.create-project .custom-template-div img {
    width: 260px;
}
.create-project .custom-template-div h4 {
    font-weight: 500;
}
.create-project  .sidebar-client {
    display: none;
}
.create-project .custom-template-div a {
    display: block;
    background: #9b99a4;
    clear: both;
    width: 80px;
    margin: 0 auto;
    color: #fff !important;
    padding: 3px 5px;
    border-radius: 3px;
    margin-bottom: 5px;
}
.create-project ul.create-reportlist li {
    text-align: left;
    width: 100%;
}
.create-project ul.create-reportlist li h3 {
    font-size: 1rem;
    margin-bottom: 0.313rem;
}
.create-project .link_name {
    display: block;
    pointer-events: none;
    font-size: 0.75rem;
    line-height: 1rem;
}
.create-report ul.create-reportlist {
    padding: 0.625rem 0.938rem 0.313rem !important;
    list-style: none;
}
.create-report ul.create-reportlist li .icons-div {
    float: left;
    margin-right: 0.563rem;
    width: 22px;
    }
.webpage-temp .media .media-img img {
    width: 112px;
    height: 93px;
    object-fit: fill;
}
.create-report ul.create-reportlist li .icons-div svg {
    width: 1.875rem;
    height: 1.875rem;
    margin: 0;
}

.create-report ul.create-reportlist li .icons-div img {
    width: 22px;
}
.create-report ul.create-reportlist li .report-info {
    float: left;
    width: 80%;
    text-align: left;
}
.create-report ul.create-reportlist li .report-info h4 {
    font-size: 12px;
    margin-bottom: 0.188rem;
    line-height: 19px;
}

.create-report ul.create-reportlist li .report-info p {
    font-size: 11px;
    margin-bottom: 0;
}

.create-report ul.create-reportlist li {
    justify-content: left;
}
.textarea-setting .modal-footer button.btn.btn-cancel {
    background: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff;
    font-size: 13px;
    padding: 7px 10px;
}
.textarea-setting .modal-footer button {
    box-shadow: none;
    padding: 6px 20px;
    border-radius: 4px;
    margin: 0 0px 0 10px;
    background: #131025;
    border: none;
    font-size: 14px;
    min-width: 90px;
}
.textarea-setting .modal-footer {
    border: none;
    padding: 0px;
}
.ssrs-report, .Power-BI-Report, .Power-BI-Published, .Tableau-Report, .Tableau-Public-Report, .oneviewdashboard, .anyembedded-code {
    display: none;
}
.textarea-setting textarea:focus {
    box-shadow:none !important;
}
.ssrs-report.open, .Power-BI-Report.open, .Power-BI-Published.open, .Tableau-Report.open, .Tableau-Public-Report.open, .oneviewdashboard.open, .anyembedded-code.open {
    display: block;
}
.textarea-setting h3 {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 0px;
}
.textarea-setting textarea {
    height: 50px;
    padding: 10px;
}
.textarea-setting .radio-checkbox [type=radio]:checked, .textarea-setting  .radio-checkbox [type=radio]:not(:checked) {
    position: absolute;
    left: auto;
    margin-left: 0px;
    margin-top: 2px;
    width: 18px;
    height: 18px;
    z-index: 99;
    opacity: 0;
}
.textarea-setting .radio-checkbox {
    padding: 0px 0px 10px;
}
.field-group input {
    margin-bottom: 8px;
}
.field-group label {
    padding-top: 7px;
    margin-bottom: 0px;
}
.table-tabs span.remove_user {
    width: 10px !important;
    height: 10px !important;
    top: 1px;
    left: 1px;
}
.table-tabs div#dynamic_report_div .dropdown-toggle li {
    margin-left: -8px;
    border: 0px solid #ffffff;
}
.context-menu {
    display: none;
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    padding: 0px;
    left: 63px;
    margin-top: 17px;
}
.context-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.context-menu ul li {
    padding: 0px;
    cursor: pointer;
    border-bottom: 1px solid #eee !important;
}
.context-menu ul li a.dropdown-item {
    display: flex;
    padding: 1px 10px;
}
.context-menu ul li svg {
    width: 13px !important;
    height: 13px !important;
    margin-right: 5px !important;
    position: relative;
    top: 0px;
}
.context-menu ul li:hover {
    background: #eee;
}
.main_template_wrapper .field_container .field_wrapper > li {
    background: #F5F5F5;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}
.dvbox {
    text-overflow: ellipsis;
}
.dvpad {
    padding: 11px;
}
.suggested-main .work-itemtype:hover {
    cursor: pointer;
}
.tooltip1 {
    position: relative;
}
.tooltip1 .tooltiptext1 {
    visibility: hidden;
    min-width: 120px;
    color: #000;
    text-align: center;
    border-radius: 0px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    padding: 0px;
    min-height: 25px;
    line-height: 25px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
}
.tooltip1 .tooltiptext1::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #f5f5f5 transparent transparent transparent;
}
.tooltip1:hover .tooltiptext1 {
    visibility: visible;
}
iframe {
    border: none;
    width: 100%;
    height: 800px; /* Adjust the height as needed */
}
.three-dots {
    cursor: pointer;
}

.context-menu .comingsoon-box {
    height: 17px;
    padding: 0px 6px;
    margin-top: 4px;
}

.table-tabs .tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header {
    background-color: #F9F9F9;
    color: #FFFFFF;
}
.table-tabs .tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header) {
    background-color: #F9F9F9;
}
a.context-close {
    position: absolute;
    right: -8px;
    top: -10px;
    background: #fff;
    border-radius: 26px;
    cursor:pointer;
}
.workitems-design.reportnew-tab ul {
    justify-content: flex-start;
}
.workitems-design.reportnew-tab .view-category.for-report.ui-sortable {
    padding-left: 7px !important;
}
.workitems-design.reportnew-tab ul.list-inline.view-category {
    padding: 0px;
    border-radius: 4px;
    top: 2px;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}
.workitems-design.reportnew-tab .search-main .assignto-div {
    margin-top: 0;
    margin-bottom: 0px;
}
.workitems-design.reportnew-tab .workitems-design {
    margin-bottom: 2px;
}
div#dynamic_report_div .custom-dropdown span.form-control.custom-input {
    padding: 1px 0;
    height: 20px;
    border: none;
}
.dynamic_linkedgrid_div .custom-dropdown span.form-control.custom-input {
    padding: 2px 0;
    border: none;
    height:18px;
}
.create-form.open .row {
    margin: 0px;
}
span.form-control.custom-input {
    padding-right: 15px !important;
}
div#dynamic_report_div .custom-dropdown span.form-control.custom-input {
    background-size: 13px;
    background-color: transparent;
}
.tabulator-cell.grid-overflow {
    overflow: visible;
}
.tabulator-cell.grid-overflow ul.customdropdown-data.customdropdown_ul {
    width: 200px;
}
.tabulator-cell.grid-overflow ul.customdropdown-data.customdropdown_ul .content-list input {
    margin-right: 5px;
}
    .tabulator-cell.grid-overflow li.customdropdown_li_selected span.dropdownmain {
        padding-right: 8px;
        width: 90%;
    }
    .tabulator-cell.grid-overflow li.customdropdown_li_selected span.multi-items {
        background: #F1F1F1;
        padding: 1px 14px;
        color: #000;
        border-radius: 20px;
        font-size: 12px !important;
        position: relative;
        top: 0px;
        margin-bottom: 10px;
        line-height:14px;
    }
    .tabulator-cell.grid-overflow li.customdropdown_li_selected  span.select-count {
        font-size: 11px;
        padding: 2px 3px;
        background: #97c35b;
        min-width: 18px;
        height: 17px;
        text-align: center;
        margin-top: 0;
        border-radius: 50%;
        line-height: 15px;
        color: #fff;
        margin-right: 12px;
    }
.datatype_parent.str_picklist_datatype span.form-control.custom-input {
    padding-right: 20px !important;
    min-width: 70px;
}
.tabulator-cell.grid-overflow li.customdropdown_li_selected a.close-custom {
    position: absolute;
    top: -3px;
    right: 13px;
    margin: auto;
    bottom: 0;
    display: none;
    align-items: center;
    z-index: 1;
}
.tabulator-cell.grid-overflow li.customdropdown_li_selected:hover a.close-custom {
    display:block
}
.tabulator-cell.grid-overflow .customdropdown_li_selected a.close-custom svg {
    width: 11px;
}
.followsups-div.mywokfollow-ups ul.followups-list li:nth-child(3) {
    width: auto;
}
.followsups-div.mywokfollow-ups .user_initals {
    line-height: 28px;
    width: 27px;
    height: 30px;
    padding-left: 0 !important;
    font-size:12px;
}
.followsups-div.mywokfollow-ups .dropdown-toggle li.totaluser {
    padding: 0px 4px !important;
    justify-content: center;
}

div#dynamic_report_div .disabled-field {
    background: #eee;
    cursor: not-allowed;
    opacity: .5;
    pointer-events:none;
}
.ui-droppable-active .ui-drag-div .drag-main ul.drag-list.form li {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    width: 100%;
    border: 2px solid rgba(112, 112, 112, 0.3098039216);
    border-radius: 5px;
    margin-bottom: 6px;
    font-size: 14px;
    color: #000;
    padding: 5px 7px 3px;
    float: left;
}
.ui-droppable-active .ui-drag-div .drag-main ul.drag-list.form li img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}
.ui-droppable-active .ui-drag-div .drag-main ul.drag-list.form li h6 {
    flex: 1;
    padding-top: 4px;
}
.tabulator-cell .custom-dropdown .dropdown-item:active {
    background-color: #8882F4;
    color: #fff;
}

.tabulator-cell .status_dropdown[data-color=TODO-status] button {
    background-color: #8882F4;
}

.tabulator-cell .status_dropdown[data-color=InProgress-status] button {
    background-color: #4E9ADC;
}

.tabulator-cell .status_dropdown[data-color=Done-status] button {
    background-color: #97C35B;
}

.tabulator-cell .status_dropdown[data-color=INPROGRESS-status] button {
    background-color: #4E9ADC;
}
.tabulator-cell .status_dropdown button {
    padding: 0px 20px 0px 3px;
    color: #fff;
    font-size: 12px;
    background: #888af4;
    border-radius: 3px;
    margin-bottom: 6px;
    position: relative;
    text-align: left;
    height: 17px;
    width: 100%;
    line-height: 16px;
}
.tabulator-cell .status_dropdown button {
    border-radius: 0px !important;
}
.table-tabs div#dynamic_report_div .tabulator-row .grid-status-main {
    padding: 0px !important;
}
.dynamic_linkedgrid_div .tabulator-row .grid-status-main {
    padding: 0px !important;
}
.grid-status-main button.dropdown-toggle::after {
    background: url(../images/down-whitearrow.svg) no-repeat;
    width: 8px;
    height: 5px;
    border: none;
    position: absolute;
    top: 2px;
    right: 5px;
    bottom: 0;
    margin: auto;
    background-size: contain;
}
.dynamic_linkedgrid_div button.dropdown-toggle::after {
    background: url(../images/down-whitearrow.svg) no-repeat;
    width: 8px;
    height: 5px;
    border: none;
    position: absolute;
    top: 2px;
    right: 8px;
    bottom: 0;
    margin: auto;
    background-size: contain;
}
.tabulator-cell .status_dropdown[data-color=DONE-status] button {
    background-color: #97C35B;
}
.tabulator-cell .status_dropdown ul.status_change li a[data-class=TODO] {
    background-color: #8882F4;
    color: #fff !important;
}
.tabulator-cell .status_dropdown ul.status_change li a[data-class=INPROGRESS] {
    background-color: #4E9ADC;
    color: #fff !important;
}
.tabulator-cell .status_dropdown ul.status_change li a[data-class=DONE] {
    background-color: #97C35B;
    color: #fff !important;
}
.grid-tags-main .tags-input-wrapper {
    z-index: 999;
    min-height: 50px;
    position: relative;
    background: #fff;
    min-width: 206px;
    white-space: normal;
    padding: 2px 0px 2px 2px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.table-tabs .tabulator-cell.tabulator-editable.grid-tags-main.tabulator-editing {
    padding: 0px !important;
    overflow: visible;
}
.search-main .extended-action .sprint-dropdown {
    margin-left: 17px;
}
.search-main .extended-action .sprint-dropdown .select {
    z-index: 1;
}
.table-tabs .tabulator-tableholder .left-align-tab {
    display: flex;
    align-items: center;
}
.table-tabs .tabulator-tableholder .tabulator-group-toggle {
    float: left;
}
.table-tabs .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
    margin-right: 6px;
}
.table-tabs .tabulator-tableholder .kanban-drag.user-control {
    margin-left: 11px;
}
.table-tabs .tabulator-tableholder span.grid-count {
    font-size: 11px;
    padding: 2px 1px;
    background: #97c35b;
    min-width: 23px;
    height: 22px;
    text-align: center;
    margin-top: 0;
    border-radius: 50%;
    line-height: 18px;
    color: #fff !important;
}
.table-tabs .tabulator-tableholder .user-list-div {
    position: relative;
    top: -2px;
    left: 3px;
    display: inline;
}
.table-tabs .tabulator-tableholder span.user-list-group {
    color: #000 !important;
    margin-left: 3px !important;
}
.table-tabs .tabulator-tableholder span.user-list-group:nth-child(2), .table-tabs .tabulator-tableholder span.user-list-group:nth-child(3), .table-tabs .tabulator-tableholder span.user-list-group:nth-child(4) {
    width: auto;
}
.table-tabs div#dynamic_report_div .tabulator-tableholder .dropdown-toggle li span.remove_user {
    width: 10px !important;
    height: 11px !important;
    padding: 0px;
    line-height: 7px;
}
.table-tabs div#dynamic_report_div .tabulator-tableholder .profile-view .card {
    left: -4px !important;
    right: auto !important;
    top: 28px;
} 
.table-tabs div#dynamic_report_div .kanban-drag.user-control .current_user_list li img {
    width: 100%;
    height: 100%;
    border: none;
}
.table-tabs div#dynamic_report_div .tabulator-tableholder .profile-view .card::before {
    left: 2px;
    right:auto;
}
.table-tabs div#dynamic_report_div input.checkbox.tabulator-chk {
    height: 13px;
    position: relative;
    top: 2px;
}
.table-tabs div#dynamic_report_div  .uniqueid-main {
    border-bottom: 1px solid #ddd;
}
body .table-tabs .tabulator-row {
    border-bottom: none;
}
body .table-tabs div#dynamic_report_div .tabulator-row .tabulator-cell {
    border-bottom: 1px solid #ddd;
   
}
body .table-tabs div#dynamic_report_div .tabulator-row .tabulator-cell:nth-child(1) {
    z-index: 1;
    background: #fff;
}
.table-tabs div#dynamic_report_div .tabulator-row.tabulator-group.tabulator-group-visible {
    height: 30px;
    background: #fafafa !important;
    line-height: 10px;
    border: 0px;
    border-bottom: 1px solid #ddd;
}
.table-tabs div#dynamic_report_div .tabulator-row.tabulator-group .tabulator-cell {
    border-bottom: 0px;
}
.table-tabs div#dynamic_report_div .tabulator-row.tabulator-group .user-list-div span:nth-child(2) {
    top: 0px;
}
div#dynamic_report_div .tabulator-row.tabulator-group.tabulator-group-level-0.tabulator-group-visible .dropdown-toggle li {
    width: 20px;
    height: 20px;
}
div#dynamic_report_div .tabulator-row.tabulator-group.tabulator-group-level-0.tabulator-group-visible .dropdown-toggle li.add-user {
    width: 20px;
    height: 20px;
}
.table-tabs .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
    margin-top: 7px;
}
.custom_form_builder_area .ui-draggable.ui-dragged-item {
    display: block;
    width: auto;
    padding: 0px;
    border: none;
    margin: 0px;
}
.custom_form_builder_area .ui-draggable {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border: 1px solid rgba(112, 112, 112, 0.3098039216);
    border-radius: 5px;
    margin-bottom: 6px;
    font-size: 14px;
    color: #000;
    padding: 5px 7px 3px;
    width: 230px;
    background: #fff;
}
.custom_form_builder_area .ui-draggable img {
    width: 20px;
    height: 20px;
    margin-right:5px;
    margin-top:-1px;
}
.custom_form_builder_area .ui-draggable .dvbox {
    font-size: 12px;
    text-align: left;
}
.custom_form_builder_area .ui-draggable .tooltiptext1 {
    display:none;
}
div#reportrange {
    white-space: nowrap;
}
.grid-overflow label.singleselect {
    width: 100%;
    background-image: url(../images/arrow-new.svg);
    background-repeat: no-repeat;
    background-position: 99% 50%;
    background-size: 13px;
    position: relative;
}
    .grid-overflow label.singleselect span {
        width: 86%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
.grid-overflow .custom-dropdown li.customdropdown_li_selected {
    min-width: 83%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tabulator-cell.grid-overflow li.customdropdown_li_selected a.close-custom {
    right: 10px;
}
.grid-overflow .custom-dropdown li.customdropdown_li_selected .custom-input {
    background-position: 100% 52%;
    min-width: 83%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
    /*   .grid-overflow label.singleselect::after {
        content: "";
        background: #fff;
        width: 20px;
        height: 100%;
        position: absolute;
        right: -4px;
        background-image: url(../images/arrow-new.svg);
        background-repeat: no-repeat;
        background-position: 76% 50%;
        background-size: 13px;
    }*/
    .dahboard-reload a {
        margin-left: 5px;
    }
.grid-cont {
    display: flex;
    align-items: center;
}
    .grid-cont .grid-page-size {
        margin-left: 7px;
        border-color: #DEE9FC !important;
        padding: 6px 5px;
        box-shadow: none !important;
        border-radius: 3px;
        position: relative;
        background: url(../images/down-arrow.svg) no-repeat;
        background-position: 90% 52%;
        background-size: 9px;
        width: 45px;
        height: 28px;
        cursor: pointer;
    }
    
.historytoggle a.hist-toggle {
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.historytoggle a.hist-toggle svg {
    width: 19px;
}
.historytoggle .history-toggle {
    background: #f5f5f5;
    margin: 0px 10px 0px 22px;
    padding: 5px;
    display:none;
}
.inner-history p {
    border: none;
    padding: 0px 23px 4px;
    color: #5b5b5b;
}
.history-toggle .inner-history {
    display: none;
    margin-top:5px;
}
.history-toggle a.hist-innertoggle {
    margin-bottom: 0px;
    display: inline-block;
}

.history-toggle ul.his-lst a.hist-innertoggle svg {
    width: 19px;
    height: auto;
    margin-right: 5px;
    transform: rotate(-90deg);
    transition: 1s;
}
.history-toggle ul.his-lst a.hist-innertoggle.show svg {
    transform: rotate(0deg);
}
.dashboard-tablelist .board-tablist {
    margin-top: 5px;
}
.project_fullscreen .free-trail {
    margin: 0px;
}
.project_fullscreen .free-trail .trail-content {
    top: -14px;
}
.manage-credential {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.manage-credential button.api-key-generator.btn.btn-primary {
    box-shadow: none;
}
.api-credentials .form-group label {
    width: 80px;
    margin-bottom: 0px;
    font-size: 13px;
}
a.create-api svg {
    width: 19px;
    height: 19px;
}
a.create-api {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.api-code-test .api-body {
    display: none;
}
ul.api-list li.accord-api a.create-api {
    border-bottom: 1px solid #ddd;
    padding: 5px 0px 2px;
    font-size: 13px;
    font-weight: 400;
}
ul.apilist-accord li.accord-inner a.create-innerapi {
    border-bottom: 1px solid #ddd;
    padding: 5px 0px 2px;
    font-size: 13px;
    font-weight: 400;
}
li.accord-inner {
    padding: 0px 10px;
}
.api-code-test .CodeMirror.cm-s-default {
    border: 1px solid #ddd;
    border-radius: 3px;
}
a.create-innerapi {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    a.create-innerapi svg {
        width: 19px;
        height: 19px;
    }
.api-bodyinner {
    display:none;
    padding:0px 0px;
}
.url-api input:focus {
    box-shadow: none !important;
    border: none;
}
.api-credentials {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 7px;
}
.manage-credential h1 {
    font-weight: 500;
}
.api-credentials input:focus {
    box-shadow: none !important;
}
.apicode-inline {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}
.api-credentials .form-group {
    display: flex;
    width: 49%;
    align-items: center;
    margin-bottom: 0px;
}
.url-api {
    display: flex;
    align-items: center;
    width: 100%;
}
.apicode-inline {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    margin-top: 5px;
}
.url-api label {
    margin-bottom: 0px;
    padding-right: 10px;
    position: relative;
}
.apicode-inline button {
    box-shadow: none !important;
    border-radius: 0px;
    border-top-right-radius: 5px;
    overflow: hidden;
    border-bottom-right-radius: 5px;
}
.apicode-inline select.apimethod:focus {
    outline: none;
}
.url-api label::after {
    content: "";
    background: #ddd;
    position: absolute;
    right: 0;
    width: 1px;
    height: 19px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.apicode-inline select.apimethod {
    height: 32px;
    border-radius: 0px;
    border: 1px solid #ced4da;
    font-size: 13px;
}
.url-api input {
    border: 0px;
    border-radius: 0px;
}

.apicode-inline select.apimethod {
    height: 32px;
    border-radius: 0px;
    border: none;
    font-size: 13px;
    border-right: 1px solid #ddd;
    margin-right: 10px;
    padding-right: 10px;
}
.api-field {
    width: 100%;
    display: flex;
    border: 1px solid #ddd;
    border-right: 0px;
    border-top-left-radius: 5px;
    overflow: hidden;
    border-bottom-left-radius: 5px;
}
.create-fields.emails-div svg {
    width: 18px;
    margin-right: 4px;
    fill: #7e7e7e;
}
.create-fields.emails-div {
    cursor:pointer;
}
form.form-horizontal.projectmail-div {
    padding: 5px 15px 10px;
}
.projectmail-div .dropdown-toggle:focus {
    border: none;
    box-shadow: none;
}
    form.form-horizontal.projectmail-div .form-group {
        margin-bottom: 0px;
        display: flex;
        align-items: baseline;
        border-bottom: 1px solid #E9E9E9;
    }
    form.form-horizontal.projectmail-div .microsoft-account-selector {
        width: 100%;
    }
    form.form-horizontal.projectmail-div .common-account-selector {
        width: 100%;
    }

.dropdown.accounts-dropdown ul li {
    border-bottom: 1px solid #f5f5f5;
    font-size: 12px;
}
.dropdown.accounts-dropdown ul li svg {
    width: 17px;
    height: 17px;
    margin-right: 6px;
}
.dropdown.accounts-dropdown ul li span {
    line-height: 18px;
    font-size:11px;
}
    .dropdown.accounts-dropdown ul li:last-child {
        border:none;
    }
    .projectmail-div .dropdown-menu li span {
        line-height: 17px;
        font-size: 11px;
    }
.dropdown.accounts-dropdown ul {
    padding: 0px;
}
form.form-horizontal.projectmail-div .form-group input {
    border: none;
}
.projectmail-div .dropdown-toggle {
    color: #000;
    width: 100%;
    border: none;
    text-align: left;
    position: relative;
}
.projectmail-div .dropdown-toggle::after {
    position: absolute;
    right: 0;
    top: 50%;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    border-top: .3em solid #a1a09c;
}
.projectmail-div .dropdown-toggle:hover {
    background: transparent;
    border: none;
}
.projectmail-div .dropdown-toggle:focus {
    background: transparent;
    border: none;
}
.projectmail-div .dropdown {
    width: 100%;
}
.projectmail-div .form-group label {
    padding-right: 10px;
    min-width: 70px;
    margin-bottom: 0px;
    color: #222;
    font-size: 12px;
    font-weight: 500;
}
.projectmail-div .dropdown-menu {
    width: 100%;
    padding: 0px;
}
form.form-horizontal.projectmail-div .form-group textarea {
    border: none;
}
form.form-horizontal.projectmail-div .form-group.form-btn {
    border: none;
    margin-bottom: 0px;
    justify-content: end;
    margin-top: 10px;
}
form.form-horizontal.projectmail-div button.btn.btn-send {
    background: #131025;
    color: #ffffff;
    padding: 6px 20px;
    border-radius: 4px;
    margin: 0 0px 0 10px;
}
form.form-horizontal.projectmail-div .form-group.form-btn button {
    box-shadow: none;
    padding: 6px 20px;
    border-radius: 4px;
    margin: 0 0px 0 10px;
}
.projectmail-div .dropdown-menu li {
    border-bottom: 1px solid #E9E9E9;
}
.projectmail-div .dropdown-menu li:last-child {
    border-bottom: none;
}
.projectmail-div .dropdown-menu li svg {
    width: 14px;
    height: 14px;
    stroke: #a1a09c;
    margin-right: 3px;
}
.projectmail-div .dropdown-menu li a {
    font-size: 12px;
    padding: 5px 10px;
}
.emailprofile {
    border: 1px solid var(--G-1-5, #E9E9E9);
    border-radius: 5px;
    margin-top: 7px;
    padding: 10px 10px;
}
.email-cont {
    display: flex;
    padding-bottom:5px;
}
.email-content h4 {
    font-size: 13px;
    padding-bottom: 4px;
}
.email-content p {
    font-size: 12px;
}
.email-cont .emailuser img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.email-cont .emailuser span.usrtxt {
    width: 40px;
    height: 40px;
    background: #131025;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-size: 15px;
}
.email-cont .emailuser {
    margin-right: 12px;
}
.email-right p {
    font-weight: 500;
    font-size: 13px;
}
.timestamp span {
    position: relative;
    top: 0;
    font-size: 11px;
}
.timestamp svg {
    margin-right: 3px;
}
.email-time {
    display: flex;
    align-items: center;
    gap: 10px;
}
.email-form .form-control:disabled, .email-form  .form-control[readonly] {
    background-color: transparent;
    opacity: 1;
    opacity: .7;
}
.email-time span.emtxt {
    font-size: 11px;
    opacity: .6;
    border-right: 1px solid #ccc;
    padding-right: 8px;
    position: relative;
    top: 2px;
    line-height: 13px;
}
.emailtext {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.email-rightcorner {
    display: flex;
    align-items: baseline;
}
.email-rightcorner span.emailright-span {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e9e9e9;
    color: #878b92;
    padding: 3px 7px;
    font-weight: 500;
    line-height: 1;
    font-size: 12px;
}
.timestamp {
    padding-right: 7px;
}
a.fullscreen-email svg {
    fill: #c7cdcf;
}
.emailprofile:hover a.fullscreen-email {
    opacity: 1;
    display: block;
    width: 16px;
    margin-left: 10px;
}
a.fullscreen-email {
    display: none;
    opacity: 0;
    transition: 1s;
}
.reply-btn button.email-btn {
    height: auto;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 3px 12px 3px 10px;
    background: transparent;
    font-weight: 500;
    font-size: 12px;
}
.reply-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
}
.email-content textarea {
    height: 100px;
    margin: 7px 0px;
    border-color: #E9E9E9;
}
.email-form .form-group input {
    border: none;
}

.email-form .form-group {
    margin-bottom: 0px;
    display: flex;
    align-items: baseline;
    border-bottom: 1px solid #E9E9E9;
}
.email-content textarea:focus, .email-form .form-group input:focus {
    box-shadow: none !important;
}
.email-form .form-group label {
    padding-right: 10px;
    min-width: 70px;
    margin-bottom: 0px;
    color: #222;
    font-size: 12px;
    font-weight: 500;
}
.email-form {
    padding-top: 10px;
}
.reply-btn button.email-btn svg {
    margin-right: 5px;
}
.form-btnnew button {
    box-shadow: none;
    padding: 6px 20px;
    border-radius: 4px;
    margin: 0 0px 0 10px;
}
.form-btnnew button.btn-send {
    background: #131025;
    color: #ffffff;
}
.form-btnnew button svg path {
    stroke: #fff;
}
.form-btnnew {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.form-btnnew button svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    stroke: #fff;
    margin-top: -2px;
}
.attachtxt {
    padding-right: 8px;
    line-height: 1;
}
.attachemail-main {
    padding: 5px 20px 5px 5px;
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right:5px
}
.attachment-list {
    display: inline-flex;
    margin: 5px 0px;
   
}

.attachtxt p {
    font-size: 13px;
    line-height: 1;
    padding-bottom: 3px;
    width: 95px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.attachemail-main:hover a.attachdwn-link {
    display: block;
    opacity: 1;
}
a.attachdwn-link {
    display: none;
    position: absolute;
    opacity: 0;
    line-height: 1;
    right: 10px;
}
.attachtxt span {
    font-size: 11px;
}

    /*end*/
    /*Responsive*/
    @media (min-width:1400px) {
        .statusdisplay-main {
            height: 52vh;
        }

        .kanban-container {
            height: auto;
            min-height: calc(100vh - 145px);
        }

        .project-form, .projectuser-setting.project_sidebar {
            height: 84vh;
        }
    }

    @media (min-width:1500px) {
        .temp-boxes {
            max-width: 986px;
        }

        .searchbar .input-group input {
            max-width: 326px;
        }

        .temp-boxes .media .media-img {
            width: 198px;
        }

        .pagedesign-left .header-search-wrapper input {
            height: 40px;
        }

        .statusdisplay-main {
            height: 52vh;
        }

        .project_sidebar ul.comp-list.client_worspace_list li a {
            padding: 4px 0px;
            font-size: 14px;
        }
    }

    @media (min-width:1800px) {
        .statusdisplay-main {
            height: 60vh;
        }

        .kanban-container .kanban-board {
            height: auto;
            min-height: calc(100vh - 145px);
        }

        body .myworkdesign .tabulator {
            height: 73.3vh !important;
        }
    }

    @media (min-width:1900px) {
        .statusdisplay-main {
            height: 81vh;
        }

        .kanban-container .kanban-board {
            height: auto;
            min-height: calc(100vh - 145px);
        }

        body .table-tabs .tabulator {
            height: calc(100vh - 145px) !important;
        }

        body .myworkdesign .tabulator {
            height: 76.3vh !important;
        }
    }

    @media (max-width:1900px) {
        body .table-tabs .tabulator {
            height: calc(82.7vh - 50px) !important;
        }
    }


    @media (max-width:1800px) {
        .kanban-container {
            min-height: calc(100vh - 145px);
        }

        body .myworkdesign .tabulator {
            height: 71.7vh !important;
        }

        body .table-tabs .tabulator {
            height: calc(100vh - 120px) !important
        }
    }

    @media (max-width:1600px) {
        .kanban-container {
            min-height: calc(100vh - 145px);
        }

        body .myworkdesign .tabulator {
            height: 68.3vh !important;
        }

        body .table-tabs .tabulator {
            height: calc(100vh - 120px) !important
        }
    }

    @media (max-width:1500px) {
        body .myworkdesign .tabulator {
            height: 72.3vh !important;
        }

        body .table-tabs .tabulator {
            height: calc(100vh - 120px) !important
        }

        .kanban-container {
            height: auto;
            min-height: calc(100vh - 145px);
        }
    }

    @media (max-width:1400px) {
        body .myworkdesign .tabulator {
            height: 64.8vh !important;
        }

        body .table-tabs .tabulator {
            height: calc(100vh - 120px) !important
        }

        .kanban-container {
            height: auto;
            min-height: calc(100vh - 145px);
        }

        .taskdetail-list .tabs-new {
            padding: 8px 11px;
        }

        .reporting_buttons_wrapper button {
            padding: 7px 6px 6px !important;
        }

        .table-tabs .group-tbtn.grp-main button.filter-new span.filter-div {
            padding: 0px 4px;
        }

        .table-tabs .sprint-dropdown {
            width: 150px;
        }

            .table-tabs .sprint-dropdown ul span.sprint-span {
                top: 4px;
                position: relative;
                width: 97px;
                font-size: 11px;
            }

            .table-tabs .sprint-dropdown .select {
                right: 4px;
                min-width: 164px;
            }

        .table-tabs .sprint-dropdown {
            width: 162px;
        }

        .table-tabs .header-search-wrapper {
            max-width: 140px;
        }

        .table-tabs .sprint-dropdown .select.open {
            min-width: 270px;
        }

            .table-tabs .sprint-dropdown .select.open span.sprint-span {
                font-size: 13px;
                top: 0px;
                width: 150px;
            }

        .project_fullscreen .projectscrum-list .nav-tabs a {
            padding: 8px 6px;
        }

        .project_fullscreen #LayoutHeader .sidebar_prfile {
            padding-left: 7px !important;
        }

        .project_fullscreen .describeUser {
            width: 33px;
            height: 33px;
        }

        .project_fullscreen .companysettings-link {
            width: 20px;
        }

            .project_fullscreen .companysettings-link svg {
                width: 21px;
            }

        .project_fullscreen .customer-portal {
            margin-right: 14px;
            width: 20px;
            margin-left: 15px;
        }
    }

    @media (max-width:1300px) {
        .alert-import {
            left: 59%;
        }

        .sprint-dropdown .select {
            right: 6px;
        }

        .table-tabs .search-main span.table-pagination-counter {
            font-size: 11px;
            width: 120px;
        }

        .sprint-dropdown .select {
            right: 4px !important;
        }

        .projectscrum-list .nav-tabs a {
            padding: 8px 7px;
            font-size: 11px;
        }

        .board-tab .workitems-design {
            margin-left: 0;
        }

        .board-cont .sprint-dropdown ul span.sprint-span {
            top: 2px;
            position: relative;
            font-size: 12px;
        }

        .board-cont .header-search-wrapper {
            margin-right: 8px;
        }

        .table-tabs .search-main span.table-pagination-counter {
            font-size: 11px;
            width: 94px;
            padding: 4px 0px 0px;
        }

        .board-cont .table-tabs .search-main .header-search-wrapper input::placeholder {
            font-size: 11px;
        }

        .board-cont .table-tabs .search-main .header-search-wrapper input {
            padding: 3px 35px 3px 9px;
        }

        .table-tabs .sprint-dropdown .select.open span.sprint-span {
            font-size: 12px;
        }

        span.remove_user svg {
            width: 10px !important;
            margin-top: 3px;
            height: 9px !important;
            position: relative;
            top: -2px;
            margin-top: 0 !important;
        }

        span.remove_user {
            width: 10px !important;
            height: 10px !important;
            line-height: 1;
            top: 0px;
            left: -2px;
        }

        .tabulator-row .tabulator-cell {
            font-size: 12px;
        }

        body .table-tabs .tabulator {
            height: 67.2vh !important;
        }

        .project_fullscreen .projectscrum-list .nav-tabs a {
            padding: 8px 5px;
            font-size: 10px;
        }

        .project_fullscreen .describeUser {
            width: 30px;
            height: 30px;
        }

        .project_fullscreen .companysettings-link {
            width: 18px;
        }

            .project_fullscreen .companysettings-link svg {
                width: 20px;
            }

        .project_fullscreen .describeUser svg {
            width: 22px;
        }

        .project_fullscreen .customer-portal {
            margin-right: 12px;
            width: 20px;
            margin-left: 15px;
        }

        .project_fullscreen .sidebar_prfile .profile1 img {
            width: 26px;
            height: 26px;
        }

        .projectscrum-list {
            width: 81%;
        }

        .table-tabs .sprint-dropdown {
            width: 40px;
        }
    }

    @media (max-width:1280px) {
        .kanban-container .kanban-board {
            height: auto;
            min-height: calc(100vh - 145px);
        }
    }

    @media (max-width:1250px) {

        .sprint-dropdown .select {
            right: -120px !important;
        }
    }

    @media (max-width:1024px) {
        .Application_Wrapper {
            min-height: 96vh;
            padding-bottom: 0px;
        }

        .search-main {
            flex-wrap: wrap;
        }

        .sprint-dropdown .select {
            right: 57px !important;
        }

        .search-main .assignto-div {
            margin-top: 5px;
        }

        .kanban-container .kanban-board .kanban-drag {
            max-height: calc(97vh - 300px);
        }

        .kanban-container {
            height: auto;
            min-height: calc(100vh - 145px);
        }
    }

    @media (max-width:991px) {
        .kanban-container {
            height: auto;
            min-height: calc(100vh - 145px);
        }

        .sprint-dropdown .select {
            right: 13px !important;
        }

        .projectscrum-list .nav-tabs a {
            padding: 8px 7px;
        }

        .kanban-container {
            min-height: calc(100vh - 145px);
        }
        .projectscrum-list {
            width: 79%;
        }
        .left-notebook {
            width: 65% !important;
            margin-top: 5px;
        }
        .wiki-add {
            width: 34% !important;
        }
    }

a .toggle-seperate-screen {
    top: 15px;
    position: absolute;
    right: 20px;
    width: auto;
    background: white;
    padding: 5px;
    opacity: 0.8;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 5px;
    padding-bottom: 1px;
}

.form.ulList li:hover .form-field-add-btn {
    display: block;
}
.form-field-add-btn {
    height: 100%;
    background: #e5e5e5;
    padding-left: 5px;
    padding-right: 5px;
    color: white !important;
    cursor: pointer;
    border-radius: 4px;
    display: none;
}
.ssrs-iframe {
    border: none;
    width: 100%;
    height: calc(100vh - 130px);
}


ul.customdropdown-data li.non-select {
    pointer-events: none;
}