.redborder,
.redborder.custominput,
.redborder.billing_hours_inline_input,
.k-autocomplete.redborder {
    border: 1px solid red !important;
}

.hamburger {
    position: relative;
    height: 57px;
    width: 75px;    
    display: flex; 
    align-items: center;  
    left: 30px; 
    background: #E7F3FF;
}

.hamburger.hamburger-left {
    width: 75px;
    left: unset;
    margin-inline: -20px 20px;
    border-right: 1px solid #D4E4F8;
}

.hamburger.hamburger-left::after {
    content: '';
    width: calc(100% + 1px);
    height: 1px;
    background: #D4E4F8;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.hamburger-left img {
    margin-left: 30px;
}

.top-menu-wrapper {
    height: 50px;
    padding: 4px 24px;
    position: sticky;
    top: 0;
    /* background: #CB2727; */
    background: var(--primary-color);
    z-index: 99;
}

.top-menu-wrapper .navbar-nav.nav_icons .nav-item .nav-link:not(.profile-menu) {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-menu-wrapper .navbar-nav {
    column-gap: 18px;
}

.action-button-wrapper {
    column-gap: 12px;
}

.top-menu-wrapper .navbar-nav .nav-item .nav-link,
.role-permission-settings tbody tr td:nth-child(n+3) {
    text-align: center;
}

.top-menu-wrapper .navbar-nav .nav-item .nav-link.profile-menu {
    width: 24px;
    height: 24px;
    background: #6300BF;
    border-radius: 50%;
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    padding: 4px 2px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.tooltip.menu-tooltip .tooltip-arrow::before,
.top-menu-wrapper .navbar-nav .nav-item .nav-link.profile-menu.dropdown-toggle::after {
    content: none !important;
}

.tooltip.menu-tooltip .tooltip-inner,
.tooltip-custom,
.copy-message {
    background: #424242;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #ffffff;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
    padding: 4px 6px;
}

.tooltip.menu-tooltip {
    opacity: 1;
    padding: 0;
}

.profile-dropdown .dropdown-menu .dropdown-item {
    border-radius: 5px !important;
}

.hamburger img {
    display: block;
    width: 18px;
    height: 14px;
    cursor: pointer;
}

.header {
    position: sticky;
    top: 0;
    height: 50px;
    z-index: 99;
}

.header .navbar-brand img {
    margin-left: 60px;
    height: 40px;
}

.header .navbar-brand span {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-left: 3px;
}

.header .navbar {
    padding: 6px 28px;
    background: linear-gradient(94.33deg, #0051BA 23.9%, #003893 99.56%);
    height: 100%;
    background: #FFF;
}

.navbar.nav-navigation .nav-link {
    padding: 8px 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    position: relative;
}

.nav-navigation .nav-link.active {
    font-weight: 600;
}

.companyname {
    font-size: 24px;
    font-weight: 500;
    color: #FFF;
    margin-left: 60px;
}

.notifications-icon {
    width: 17px;
    height: 19px;
    background: url(../images/notification-icon.svg) no-repeat center;
}

.notification-counter {
    width: 10px;
    height: 10px;
    background: #03D570;
    border-radius: 5px;
    position: absolute;
    right: -1px;
    top: 0;
}

.profile-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    margin-right: 6px;
}

.profile-img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    flex-shrink: 0;
}

.nav-navigation .nav-link.active::after {
    content: '';
    width: calc(100% - 15px);
    height: 5px;
    background: #FFFFFF;
    border-radius: 5px 5px 0px 0px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
}

.leftmenu {
    width: 185px;
    background: #E7F3FF;
    transition: all .1s; 
    position: sticky;
    top: 0;
    height: 100vh; 
    border-right: 1px solid #D4E4F8; 
    flex-shrink: 0; 
}

.leftmenu.collapsed ul li.activemenu,
.leftmenu.collapsed ul li:hover {
    width: 0px;
}

.links {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin: 0 12px 4px;
    padding-left: 18px;
    height: 36px;
    border-radius: 5px;
    cursor: pointer;
    color: #575757;
}

.links img {
    width: 16px;
}

.links span {
    padding-left: 8px;
}

.links:hover,
.activemenu {
    background: #D1E5FF;
    color: #003893;
}

.branding {
    height: 58px;
    /* width: 185px; */
    margin-bottom: 20px;
    background-color: #E7F3FF;
    border-bottom: 1px solid #D4E4F8;
}

.collapsed ul li div,
.collapsed img {
    visibility: hidden;
}

.menubottom {
    margin-top: 200px;
}

.menuline {
    padding-left: 30px;
    padding-right: 12px;
    width: 250px;
}

.content-wrapper {
    padding: 0px 0px 25px 0px;
    background: var(--light_bg_color);
    min-height: 100vh;
    width: 100%;
    min-width: 0;
}

.search-input {
    border: 1px solid #C0C2C3;
    border-radius: 5px;
}

.input-text {
    padding: 8px 10px;
    position: relative;
    border: unset;
    background: #FFFFFF;
}

.search {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: var(--black-color);
    border: unset;
}

.search-resources.custominput {
    background-image: url('../images/search_icon.svg');
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: 12px;
    padding-left: 38px;
    font-style: italic;
}

.content-wrapper input::placeholder,
.circular-progress-value span:last-child {
    color: #808080;
}

.input-text::after {
    content: '';
    width: 1px;
    height: calc(100% - 22px);
    position: absolute;
    right: 0;
    margin: 11px 0;
    background: #B1B1B1;
    z-index: 9;
}

.blue-bg-btn.btn {
    padding: 12px 15px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    background: var(--primary-color);
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: 600;
}

.input-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #767676;
    margin-bottom: 6px;
}

.input-field input,
.option-select {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: var(--black-color);
    padding: 8px 14px;
}

.input-field input,
.option-select {
    background: #FFFFFF;
    border: 1px solid #C0C2C3;
    border-radius: 5px;
}

.option-select {
    background: url(../images/dropdown-btn.svg) no-repeat center;
    background-size: 10px;
    background-position-x: calc(100% - 14px);
    padding-right: 24px;
}

input:focus,
textarea:focus,
select:focus {
    outline: unset;
}

.input-field .form-control:focus,
.search-input .form-control:focus,
.input-field .form-select:focus,
.form-select.pagination_count:focus {
    box-shadow: unset;
    border-color: #C0C2C3;
}

.mobile-input::after {
    content: '';
    width: 1px;
    height: calc(100% - 13px);
    background-color: #B1B1B1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.btn.blue-border-btn,
.view_more {
    background: #FFFFFF;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    color: var(--primary-color);
}

.button-wrapper .btn.blue-bg-btn,
.btn.blue-border-btn {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    padding: 7px 16px;
    min-width: 140px;
    margin-bottom: 12px;
}

.button-wrapper {
    margin-top: 40px;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.height-100vh {
    height: 100vh;
}

.login-wrapper {
    color: var(--black-color);
}

.login-wrapper,
.task_listing_section_wrapper .no-results-wrapper,
.issue_listing_section_wrapper .no-results-wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.dummy-logo {
    background: #E9E9E9;
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

.login-wrapper h4 {
    font-weight: 500;
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 28px;
}

.login-wrapper .blue-bg-btn.btn {
    font-size: 25px;
    line-height: 29px;
    font-weight: 500;
}

.login-input-wrapper,
.reset_success_wrapper {
    padding: 48px 20px;
    background: var(--light_bg_color);
    border-radius: 10px;
}

.login-input-wrapper .input-wrapper {
    background: #FFFFFF;
    border: 1px solid var(--input_border_secondary_color);
    border: 1px solid #ACC7FF;
    border-radius: 5px;
    padding: 22px 16px;
    margin-bottom: 36px;
}

.user-icon {
    background: url(../images/user_icon.svg) no-repeat center;
    width: 15px;
}

.lock-icon {
    background: url(../images/lock_icon.svg) no-repeat center;
    width: 14px;
}

.email-icon {
    background: url(../images/mail-icon.svg) no-repeat center;
    width: 15px;
}

.user-icon,
.lock-icon,
.email-icon {
    height: 18px;
    margin-right: 15px;
    flex-shrink: 0;
}

.input-wrapper.error,
.custominput.border-value-error,
.input-daterange.border-value-error,
.multiselect-wrapper.border-value-error,
.multiselect-wrapper .btn-group .dropdown-toggle.border-value-error,
.border-value-error.k-autocomplete,
.board_wrapper.border-value-error {
    border-color: #EE3424 !important;
}

.input-wrapper.active {
    border-color: #0054D4;
}

.error-txt {
    color: #EE3424;
    position: absolute;
    left: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.user-menu a {
    color: #000 !important;
}

.user-menu .dropdown-toggle::after,
.view_revisions.dropdown-toggle::after {
    content: none;
}

.dropdown-menu.logout {
    padding: 8px 12px;
    left: unset;
    right: 0px;
    cursor: pointer;
}

.leads-list tbody tr td:last-child {
    max-width: 350px;
    text-align: justify;
}

.show-password {
    right: 12px;
    color: #767676;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
}

.switchview {
    box-sizing: border-box;
    width: 42px;
    min-width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: 21px 18px;
    background-position: center;
}

.stafffirsticon {
    background: url('/static/images/stafffirsticonactive.png') center no-repeat, #DFEDFF;
    background-size: 16px;

}

.stafflasticon {
    background-image: url('/static/images/stafflasticon.svg');
}

.taskfirsticon,
.issuefirsticon {
    background-image: url('/static/images/stafffirsticonactive.png');
    background-color: #DFEDFF;
}

.taskmiddleicon,
.issuemiddleicon {
    background-image: url('/static/images/taskgroupedinactive.png');
}

.tasklasticon,
.issuelasticon {
    background-image: url('/static/images/stafflasticon.png');
}

.pageheading {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 0;
    color: var(--black-color);
}

.filter-icon {
    border: 1px solid #0051BA;
    border-radius: 5px;
    width: 48px;
    height: 40px;
    background-color: #DFEDFF;
}

.filter-icon img {
    width: 23px;
}

.insideprimarybutton {
    background: var(--primary-color);
    color: #FFF !important;    
    width: fit-content;
    padding: 0px 20px;
    font-weight: bold;
    font-size: 17px;
    /* line-height: 42px;     */
    border: 1px solid var(--primary-color) !important;
    height: 42px;    
    z-index: 1;
}


.primarybutton,
.btn.primarybutton,
.btn.primarybutton:active {
    background: var(--primary-color);
    color: #FFF !important;
    border-radius: 5px;
    width: fit-content;
    padding: 0px 20px;
    font-weight: bold;
    font-size: 17px;
    line-height: 40px;
    height: 40px;
    border-width: 0px;
}

.secondarybutton,
.btn.secondarybutton,
.btn.secondarybutton:active,
.attach_btn_edit {
    background-color: #FFF;
    color: var(--primary-color);
    width: fit-content;
    padding: 0px 20px;
    font-weight: bold;
    font-size: 17px;
    line-height: 40px;
    border: 1px solid var(--primary-color) !important;
    border-radius: 5px;
    height: 40px;
}

.k-toolbar {
    overflow: visible !important;
}

.k-filter-row {
    background-color: #FFF;
}

.assignee_save {
    line-height: 8px !important;
}

.top-btn-wrapper .dropdown-toggle::after,
.action-btn-wrapper .dropdown-toggle::after,
.import-deliverables-dropdown .dropdown-toggle::after,
.manage-columns .dropdown-toggle::after {
    content: none;
}

.custom-dropdown .dropdown-menu,
.multiselect-wrapper .multiselect-container,
.k-popup.k-menu-popup,
.k-popup.k-group {
    border-radius: 0 0 5px 5px;
    box-shadow: 1px 2px 6px 0px #00000033;
}

.custom-dropdown .dropdown-menu .dropdown-item {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: var(--black-color);
    padding: 9px 12px;
    transition: 0.3s all;
}

.light-green-bg {
    background: #e9fdc9 !important;
}

.light-orange-bg {
    background: #f7deb6 !important;
}

.light-grey-bg {
    background: #d7d7d7 !important;
}

.light-blue-bg {
    background: #ddf3f7 !important;
}

.light-red-bg {
    background: #fde4e2 !important;
}

.light-violet-bg {
    background: #f1dfff !important;
}

.custom-dropdown .dropdown-menu .dropdown-item.status-label,
.bulk_assignee_wrapper .status-label {
    color: #767676;
}

.manage-columns .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
}

.list-icon {
    background: url(../images/icon_list.svg) center/contain no-repeat;
    width: 13px;
    height: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.toggle-btn {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 14px;
    margin-right: 5px;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #A9A9A9;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 20px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 1px;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

.toggle-btn input:checked+.slider {
    background-color: var(--primary-color);
}

.toggle-btn input:checked+.slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

.toggle-btn input {
    position: absolute;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    visibility: hidden;
}

.filter-dropdown .dropdown-menu:not(.multiselect-wrapper .dropdown-menu) {
    padding: 24px;
    width: 800px;
}

.filter-dropdown .dropdown-menu h6 {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    border-bottom: 1px solid #C0C2C3;
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.input-wrapper label:not(.multiselect-container label):not(.add_task_custom_dropdown_wrapper label) {
    font-weight: 400;
    color: #767676;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 3px;
}

.multiselect-wrapper .multiselect,
.input-wrapper select,
.custom-date-dropdown .dropdown-toggle {
    padding-right: 24px !important;
    background: url(../images/arrow_icon.svg) center no-repeat #ffffff;
    background-position-x: calc(100% - 12px);
}

.multiselect-wrapper .multiselect-container {
    border: 0;
    padding: 0;
    width: 100%;
    max-height: 272px;
    min-width: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 5;
}

.k-grid .k-grid-header {
    padding-right: 8px !important;
    background: #ffffff;
    border-bottom: 1px solid #E6E6E6 !important;
}

.multiselect-wrapper .multiselect-container .multiselect-option .form-check {
    margin-bottom: 0;
    padding: 0;
}

.multiselect-wrapper .multiselect-container .multiselect-option .form-check,
.view-mode-dropdown .dropdown-menu .dropdown-item,
.view-mode-dropdown .view-mode-btn {
    display: flex;
    align-items: center;
    gap: 5px;
}

.multiselect-wrapper .multiselect-container .multiselect-option .form-check .form-check-input {
    margin-top: 0;
    width: 15px;
    height: 15px;
    border: 0;
    border-radius: 2px;
    flex-shrink: 0;
    margin-left: 0;
}

.multiselect-wrapper .multiselect-container .dropdown-item {
    border-bottom: unset !important;
    padding: 6px 12px;
}

.multiselect-wrapper .multiselect-container .dropdown-item {
    background: #ffffff !important;
}

.multiselect-wrapper .multiselect-container .multiselect-option:focus,
.multiselect-wrapper .multiselect-container .multiselect-group:focus,
.multiselect-wrapper .multiselect-container .multiselect-option:hover,
.multiselect-wrapper .multiselect-container .multiselect-group:hover {
    background: var(--hover_bg_color) !important;
}

.multiselect-wrapper .multiselect-option {
    color: var(--black-color) !important;
    transition: 0.3s all;
}

.multiselect-wrapper .multiselect-container .multiselect-option:focus,
.multiselect-wrapper .multiselect-container .multiselect-group:focus,
.multiselect-wrapper .multiselect-container .multiselect-option:hover,
.view-mode-dropdown .dropdown-item.selected {
    color: var(--secondary-color) !important;
}

.multiselect-wrapper .multiselect-container .multiselect-filter>input.multiselect-search {
    margin-left: 0;
    border: 1px solid var(--input_border_color);
    border-radius: 5px;
    background: url(../images/search_icon_grey.svg) center no-repeat;
    background-position-x: calc(100% - 8px);
    padding: 4px 30px 4px 12px;
    font-size: 15px;
    line-height: 18px;
    color: var(--black-color);
    height: 36px;
}

.multiselect-wrapper .multiselect-container .multiselect-filter i {
    display: none;
}

.multiselect-wrapper .multiselect-container .multiselect-filter {
    padding: 10px 12px;
    position: sticky;
    top: 0;
    background: #ffffff;
}

.fliter-footer {
    border-top: 1px solid #C0C2C3;
    margin-top: 20px;
    padding-top: 20px;
}

.fliter-footer,
.project-allocation-wrapper .input-wrapper.employee-info label:not(.fixed-placeholder):not(.error),
.cost-summary-item,
.primarybutton.add-cost-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offcanvas.sidebar-wrapper {
    width: 65%;
    max-width: 882px;
}

.sidebar-wrapper .offcanvas-header {
    border-bottom: 1px solid #DBDBDB;
    padding: 13px 20px;
    position: relative;
}

.sidebar-wrapper .offcanvas-body {
    padding: 20px;
    background: var(--light_bg_color);
}

.sidebar-footer {
    padding: 15px 20px;
    gap: 15px;
    /* border-top: 1px solid #d7d7d7; */
    box-shadow: 0px -5px 16px -5px #00000026;
}

.sidebar-footer button {
    min-width: 120px;
}

.input-wrapper select,
.custominput.user_role_edit {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.datepicker-dropdown:before,
.datepicker-dropdown:after {
    content: none;
}

.datepicker.datepicker-dropdown {
    width: 280px;
}

.datepicker table thead tr:nth-child(2) {
    background: var(--primary-color);
    height: 36px;
}

.datepicker table thead tr:nth-child(2) th {
    border-radius: 0;
}

.datepicker table thead tr:nth-child(2) th:first-child {
    border-top-left-radius: 5px !important;
}

.datepicker table thead tr:nth-child(2) th:last-child {
    border-top-right-radius: 5px !important;
}

.datepicker.datepicker-dropdown table {
    color: var(--black-color);
    width: 100%;
    table-layout: fixed;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    height: 0 !important;
    line-height: 0 !important;
    visibility: hidden;
    padding: 0 !important;
}

.datepicker .datepicker-days table tbody tr td {
    border-radius: 0;
    text-shadow: none !important;
}

.datepicker table tr td span {
    height: 40px;
    line-height: 40px !important;
    border-radius: 5px !important;
}

.datepicker .datepicker-switch:hover {
    background: transparent;
}

.profile-info p span:first-child,
.contact-info {
    color: #767676;
}

.datepicker table td.day.today,
.datepicker table td.day.selected,
.datepicker table tr td span.focused,
.datepicker table tr td.active.active,
.datepicker table tr td span.active.active {
    border-radius: 50%;
}

.datepicker table tr td.day:not(.disabled):hover,
.datepicker table tr td span:not(.new):not(.old):not(.disabled):hover {
    background: var(--hover_bg_color);
    border-radius: 50%;
}

.datepicker table tr td span.new:hover,
.datepicker table tr td span.old:hover {
    background: transparent;
}

.datepicker .prev,
.datepicker .next {
    color: transparent !important;
    background: url(../images/arrow_right_white.svg) center/7px no-repeat !important;
}

.datepicker .next.disabled, 
.datepicker .prev.disabled {
    visibility: visible !important;
    pointer-events: none;
    background: url(../images/arrow_disabled.svg) center/7px no-repeat !important;
}

.datepicker .datepicker-months table thead tr:nth-child(2) th,
.datepicker .datepicker-years table thead tr:nth-child(2) th {
    min-width: 40px;
}

.datepicker table tr td.range.today {
    border-color: transparent;
}

.datepicker table tr td.day.range:hover {
    border-radius: 0;
}

.grid-wrapper,
.resources-wrapper,
.gantt-chart-grid.k-gantt,
.staff-detail-wrapper,
.general-details-wrapper,
.staff-log-history-wrapper,
.mechanical-department-details,
.project-details-tab,
.details-wrapper .task_expanded_details,
.task-detail-modal .modal-content,
.details-wrapper .issue_expanded_details,
.issue-detail-modal .modal-content,
.profile-info-wrapper,
.profile-details-tab,
.add_timesheet_wrapper,
.my_task_wrapper,
.my_issue_wrapper,
.notifications-wrapper,
.personal-preferences-wrapper {
    border-radius: 5px;
    background: #FFFFFF;
    box-shadow: 0px 1px 19px -5px #00000026;
}

.top-btn-wrapper {
    height: 42px;
}

.br-border {
    border-right: 0.5px solid #ECECEC !important;
}

.top-btn-wrapper .btn.secondarybutton {
    padding: 7px 16px;
    font-weight: 500;
    min-height: 42px;
    align-items: center;
}


.file-icon::before,
.update-status::before,
.staff-type::before,
.update-priority::before,
.task_duplicate::before,
.task_watchlist::before,
.issue_duplicate::before,
.issue_watchlist::before {
    content: '';
    height: 15px;
    margin-right: 4px;
    flex-shrink: 0;
}

.bulkActionButtons,
.taskActionButtons,
.issueActionButtons,
.userActionButtons,
.deliverablesActionButton {
    border: unset;
}

#hiddencount {
    font-weight: normal;
}

.manage-column-btn,
.hide-btn {
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

.manage-columns {
    position: absolute;
    right: 7px;
    top: 4px;
    z-index: 5;
}

.manage-column-btn:hover {
    background-color: var(--hover_bg_color);
}

.manage-columns .dropdown-menu {
    transform: unset !important;
    right: 0 !important;
    top: -4px !important;
    left: unset !important;
    bottom: unset !important;
    background: var(--light_bg_color);
}

.grid-icons {
    border-radius: 0;
    background-color: #FFF;
    /* padding: 7px 20px; */
    min-height: 42px;
}

.export-icon {
    border-top-left-radius: 5px !important;
}

.export-icon,
.delete-icon,
.update-status,
.staff-type {
    min-width: 50px;
}

.export-icon div,
.update-status div,
.staff-type div,
.update-priority div,
.task_watchlist div,
.task_duplicate div,
.issue_watchlist div,
.issue_duplicate div {
    color: #575757;
    font-size: 11px;
    line-height: 18px;
    font-weight: 400;
    visibility: hidden;
}

.export-icon img,
.delete-icon img,
.update-status img,
.staff-type img {
    height: 15px;
    display: block;
    margin: auto;
}

.update-status::before {
    background: url(../images/tick_icon.svg) center/contain no-repeat;
}

.staff-type::before {
    /* background: url(../images/user_red_icon.svg) center/contain no-repeat; */
    background: url(../images/user_icon_blue.svg) center/contain no-repeat;
}

.update-priority::before {
    background: url(../images/update_priority_red.svg) center/contain no-repeat;
    background: url(../images/update_priority_blue.svg) center/contain no-repeat;
}

.task_duplicate::before,
.issue_duplicate::before {
    background: url(../images/duplicate.svg) center/contain no-repeat;
}

.task_watchlist::before,
.issue_watchlist::before {
    /* background: url(../images/watchlist_red_icon.svg) center/contain no-repeat; */
    background: url(../images/watchlist_blue_icon.svg) center/contain no-repeat;
}

label.error {
    color: red !important;
    position: absolute;
    left: 0;
    top: 100%;
    white-space: nowrap;
}

.each-selected-item h6,
.gantt-chart-grid.k-gantt .k-grid-header-wrap .k-header,
.gantt-chart-grid .k-grid td,
.management_wrapper table thead tr:last-child th,
.mechanical-department-details th,
.custom-checkbox label,
.notification-sent-txt {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
}

.each-selected-item .selected-chip {
    background: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 4px 12px;
    background: #F2F2F2;
    border: 0.5px solid #E0DEDE;
    border-radius: 34px;
    color: #7E7D7D;
}

.each-selected-item .selected-chip .close-button {
    background: url(../images/close_icon_white.svg) center no-repeat #C9C9C9;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-size: 9px;
    transition: 0.4s all;
    margin-left: 26px;
}

.each-selected-item .selected-chip .close-button:hover {
    background-color: #a6a4a4;
}

.k-grid {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.k-grid,
.k-grid * {
    border: 0 !important;
}

.checkbox-align,
.k-grid-header th.k-header:first-child {
    text-align: center;
}

.k-grid .gridcell a,
.task_kanban_details,
.task_grid_drag a,
.issue_kanban_details,
.issue_grid_drag a  {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: var(--secondary-color) !important;
    text-decoration: none;
}

.gridcell {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: var(--black-color);
    border-bottom: 1px solid #F5F5F5 !important;
    height: 40px;
}

th.k-header {
    background: #FFF;
    border-radius: 0px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #757171;
    height: 36px;
    padding: 4px 12px !important;
}

.k-grid-header th.k-header {
    vertical-align: middle !important;
}

.k-header,
.staff-grid td.checkbox-align {
    border-bottom: 0.5px solid #CECECE !important;
}

.k-grid .k-header>.k-cell-inner {
    margin: 0 !important;
}

.k-grid .k-cell-inner>.k-link {
    padding: 0 !important;
}

.k-grid td,
.task_grid_drag td,
.issue_grid_drag td {
    padding: 4px 12px !important;
}

.k-alt.k-master-row {
    /* background-color: #F7FAFF; */
    background-color: #ffffff;
}

.k-pager-wrap {
    background-color: #FFF !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border: solid #E7E7E7 !important;
    border-width: 1px 0 0 !important;
    padding: 12px 16px;
    box-shadow: none;
}

.k-pager-first,
.k-pager-last {
    display: none !important;
}

.k-i-arrow-end-left,
.k-i-arrow-end-left:before {
    content: unset !important;
    background-image: url('../images/arrow-left.png') !important;
    background-repeat: no-repeat;
    background-size: 17px;
    height: 17px !important;
    width: 17px !important;
}

.k-i-arrow-60-left,
.k-i-arrow-60-left:before {
    content: unset !important;
    background-image: url('../images/arrow-left.png') !important;
    background-repeat: no-repeat;
    background-size: 17px;
    height: 17px !important;
    width: 17px !important;
}

.k-i-arrow-60-right,
.k-i-arrow-60-right:before {
    content: unset !important;
    background-image: url('../images/arrow-right.png') !important;
    background-repeat: no-repeat;
    background-size: 17px;
    height: 17px !important;
    width: 17px !important;
}

.k-i-arrow-end-right,
.k-i-arrow-end-right:before {
    content: unset !important;
    background-image: url('../images/arrow-right.png') !important;
    background-repeat: no-repeat;
    background-size: 17px;
    height: 17px !important;
    width: 17px !important;
}

.k-pager-numbers .k-link.k-selected {
    background: var(--secondary-color) !important;
    color: #FFF !important;
}

.k-pager-wrap .k-pager-numbers .k-link,
.k-pager-wrap .k-link.k-pager-nav {
    min-width: 29px;
    height: 29px;
}

.k-pager-wrap .k-link.k-pager-nav {
    border: none;
}

.k-pager-wrap .k-pager-numbers .k-link:hover {
    background: #DFEDFF;
}

.k-pager-wrap .k-link.k-pager-nav:hover {
    background: #ffffff;
}

.k-pager-wrap .k-link:focus,
.form-check-input:focus {
    box-shadow: unset;
}

.k-pager-wrap .k-pager-info {
    margin-right: 0;
}

#save_assignee.blue-bg-btn.btn {
    line-height: 7px;
}

.close {
    position: absolute;
    left: -50px;
    background-color: #FFF;
    width: 50px;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 1px 19px -5px #0051ba26;
}

/* Grid Height can be managed with this setting */

/*.k-grid {
    height: calc(100vh - 135px);
}*/

.k-grid tr:hover,
.k-master-row.highlight_row {
    background: var(--hover_bg_color) !important;
}

.k-autocomplete, .k-datepicker , .k-multiselect {
    outline-color: unset !important;
    border: 1px solid var(--input_border_color) !important;
}

select.custominput,
.custominput,
.custom-select,
.custom_border {
    padding: 4px 12px;
}

.custominput,
.custom-select,
.k-widget.k-editor,
.k-input.k-textbox,
span.k-datetimepicker,
.project_week_filter_wrapper,
.custom_border,
span.k-datepicker {
    border: 1px solid var(--input_border_color) !important;
    height: 40px !important;
    border-radius: 5px !important;
    outline-color: unset !important;
    font-size: 15px !important;
    line-height: 20px !important;
    color: var(--black-color) !important;
}

#reportingManager{
    border: none !important;
    
}

.k-input-value-text {
    margin-top: -8px;
}

/* pipeline CSS starts */

/* column header padding and color fullwidth */
#pipeline_view .k-taskboard-content .k-taskboard-columns-container .k-taskboard-column-header {
    padding: 0px;
    display: block;
}

#pipeline_view .k-taskboard-content .k-taskboard-columns-container .k-taskboard-column-cards-container {
    padding: 0px;
}

.taskboard-heading,
.issueboard-heading {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 17px;
}

/* divider between title and other info */
.card-hr {
    margin: 0px
}

/* column background-color */
#pipeline_view .k-taskboard-content .k-taskboard-columns-container .k-taskboard-column {
    background: #F7FAFF;
}

/* column inside padding */
#pipeline_view .k-taskboard-content .k-taskboard-columns-container .k-taskboard-column .k-taskboard-column-cards-container .k-taskboard-column-cards {
    padding: 8px;
}

.project_task_kanban_view_wrapper .k-taskboard-column-cards,
.project_issue_kanban_view_wrapper .k-taskboard-column-cards {
    gap: 8px;
}

/* card shadow */
#pipeline_view .k-taskboard-content .k-taskboard-columns-container .k-taskboard-column .k-taskboard-column-cards-container .k-taskboard-column-cards .k-taskboard-card {
    box-shadow: 0px 0px 4px 1px rgba(0, 81, 186, 0.1);
    border-radius: 5px;
    border-color: #ffffff
}

.project-pv,
.labels-pv,
.priority-pv,
.assignee-pv {
    min-width: 70px;
}

.project-pv::before,
.labels-pv::before,
.priority-pv::before,
.assignee-pv::before {
    content: '';
    height: 15px;
    margin-right: 4px;
    flex-shrink: 0;
}

.project-pv div,
.labels-pv div,
.priority-pv div,
.assignee-pv div {
    color: #575757;
    font-size: 11px;
    line-height: 18px;
    font-weight: 400;
}

.project-pv img,
.labels-pv img,
.priority-pv img,
.assignee-pv img {
    height: 16px;
    display: block;
    margin: auto;
}

.project-pv::before {
    /* background: url(../images/calendar_red_icon.svg) center/contain no-repeat; */
    background: url(../images/calendar_blue_icon.svg) center/contain no-repeat;
    width: 15px;
}

.labels-pv::before {
    background: url(../images/label_pv.svg) center/contain no-repeat;
    width: 15px;
}

.priority-pv::before {
    background: url(../images/priority_pv.svg) center/contain no-repeat;
    width: 15px;
}

.assignee-pv::before {
    background: url(../images/assignee_pv.svg) center/contain no-repeat;
    width: 15px;
}

.card-title {
    font-weight: 400 !important;
    color: var(--black-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 6px;
    flex-grow: 1;
    text-align: justify;
}

/* pipeline CSS ends */

.offcanvas-body.task_details_content,
.offcanvas-body.issue_details_content {
    padding: 0px !important;
}

.task_details_status_info,
.issue_details_status_info {
    width: 110px;
    border: 1px solid var(--input_border_color);
    border-radius: 5px 0px 0px 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    margin-right: -4px;
}


.view_more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 20px;
}

.view_more span,
.view_more span::before,
.view_more span::after {
    border-radius: 50%;
    background: var(--primary-color);
}

.task-detail-modal .custom-scrollbar::-webkit-scrollbar,
.issue-detail-modal .custom-scrollbar::-webkit-scrollbar,
.view_more span,
.view_more span::before,
.view_more span::after {
    width: 4px;
    height: 4px;
}

.view_more span::before,
.view_more span::after {
    content: '';
    position: absolute;
}

.view_more span::before {
    left: -6px;
}

.view_more span::after {
    right: -6px;
}

.view_more:hover,
.view_more:active,
.view_more:focus {
    border-color: var(--primary-color) !important;
    background-color: #ffffff !important;
}

.custom-textarea {
    border: 1px solid var(--input_border_color) !important;
    border-radius: 5px !important;
    outline-color: unset !important;
    font-size: 15px;
    line-height: 20px;
    color: var(--black-color);
    padding: 8px 12px;
}

.log-history-wrapper {
    padding: 25px 20px;
}

.log-info .log-date {
    font-weight: 400;
    font-size: 15px;
    line-height: 16px;
    color: var(--black-color);
    position: relative;
}

.log-info .log-date span {
    padding: 9px 12px;
}

.log-info .log-date span,
.notification-info .notification_date_info span {
    display: block;
    width: fit-content;
    margin: 0 auto;
    z-index: 2;
    position: relative;
    border-radius: 20px;
    background: #F1F1F1;
    border: 1px solid #DFDFDF;
}

.log-info .log-date::before {
    background: #EBEBEB;
}

.log-info .log-date::before,
.notification-info .notification_date_info::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 17.5px;
}

.log-info .log-message {
    position: relative;
    display: flex;
    align-items: baseline;
    gap: 10px;
    word-wrap: break-word;
    word-break: break-word;
    text-align: justify;
}

.log-history-wrapper .log-info:not(:last-child),
.log-info .log-date {
    margin-bottom: 24px;
}

.task_closed td:nth-child(n+4), .staff_task_closed td:nth-child(n+5),
.issue_closed td:nth-child(n+4), .staff_issue_closed td:nth-child(n+5)  {
    position: relative;
    pointer-events: none;
    opacity: 0.75;
}

.task_closed td:nth-child(n+4)::after, .staff_task_closed td:nth-child(n+5)::after,
.issue_closed td:nth-child(n+4)::after, .staff_issue_closed td:nth-child(n+5)::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #80B6FC;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 99;
}

.botton-8 {
    bottom: 8px;
}

.task_comment_option .view_more,
.issue_comment_option .view_more,
.project_comment_option .view_more,
.issue_details_section .view_more,
.task_details_section .view_more {
    z-index: 2;
}

.task_comment_option textarea,
.issue_comment_option textarea {
    padding-bottom: 28px;
}

.grace_period_hint,
.created-text,
.no_billing_rate_txt {
    font-style: italic;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #A8A8A8;
}

.pageheading.task_filter_dropdownwrapper,
.pageheading.issue_filter_dropdownwrapper {
    line-height: 30px;
    border: unset;
}

.demo-section {
    border-top: 1px solid #E1E1E1 !important;
}

.project-list-pagination,
.users-tile-pagination {
    border: 1px solid #E8E8E8 !important;
    border-radius: 5px;
 }

.contest-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #E19882;
    color: #ffffff;
    margin-right: 12px;
    flex-shrink: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
}

.placeholder-img {
    background: url(../images/placeholder_img.svg) center/contain no-repeat;
    width: 110px;
    height: 110px;
    border-radius: 4px;
}

.input-wrapper span.k-autocomplete , .input-wrapper span.k-multiselect {
    padding: 5px 4px !important;
    font-size: 15px;
    line-height: 20px;
    color: var(--black-color);
}

.k-input:focus-within,
.k-grid .k-filter-row .k-filtercell .k-picker {
    box-shadow: unset !important;
}

.contest-card-wrapper {
    border-radius: 5px;
    border: 1px solid #E4E4E4;
    /* background: #FFFAF1; */
    background: var(--light_bg_color);
    padding: 10px 12px;
    height: 100%;
}

.project-info {
    padding: 10px 10px 10px;
}

.project-info h5 ,
.user-info h5,
.k-window .k-window-titlebar .k-window-title,
.app-info h6 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--black-color);
}

.contest-card-wrapper p {
    color: #767676;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}

.project-info-footer {
    border-top: 0.5px solid #CBCACA;
    padding: 10px;  
}

.client-icon::before,
.mail-icon::before,
.phone-icon::before,
.status-icon::before {
    content: '';
    display: inline-block;
    margin-right: 5px;
}

.client-icon::before,
.status-icon::before {
    width: 10px;
    height: 9px;
}

.phone-icon::before,
.mail-icon::before {
    width: 14px;
    height: 12px;
}

.client-icon::before {
    background: url(../images/client_icon.svg) center/contain no-repeat;
}

.mail-icon::before {
    background: url(../images/mail-icon.svg) center no-repeat;
}

.phone-icon::before {
    background: url(../images/phone-icon.svg) center no-repeat;
}

.status-icon::before {
    background: url(../images/status_icon.svg);
}

.dummy-image {
    background: url(../images/sample_img.jpeg) center/contain no-repeat;
}

.project-info-checkbox {
    top: 11px;
    left: 4px;
}

.project-details-wrapper,
.project-configuration-tab-wrapper,
.project-users-wrapper {
    margin: -20px -15px;
}

.tab-navigation .nav-tabs .nav-link {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: var(--primary-color);
    border-radius: 0;
    padding: 9px 15px;
    margin-bottom: 0;
    transition: 0.2s all;
    outline: 0;
    border: 0;
}

.tab-navigation .nav-tabs:not(.inner-tabs) .nav-link.active,
.gantt-chart-grid .k-gantt-header .k-gantt-views-wrapper .k-gantt-views .k-button.k-selected,
.top-menu-wrapper .pageheading,
.k-calendar-container .k-calendar .k-header .k-button,
.datepicker .datepicker-switch {
    color: #ffffff;
}

.tab-navigation .nav-tabs:not(.inner-tabs) .nav-link.active,
.tab-navigation .nav-tabs.inner-tabs .nav-link.active::after,
.gantt-chart-grid .k-gantt-header .k-gantt-views-wrapper .k-gantt-views .k-button.k-selected,
.gantt-chart-grid .k-gantt-footer .k-button {
    background: var(--primary-color);
}

.tab-navigation .nav-tabs:not(.inner-tabs) .nav-link:not(.active):hover,
.selection-buttons button:not(.selected):hover {
    background: var(--hover_bg_color);
}

.tab-navigation .tab-content {
    padding: 20px;
    border-top: 1px solid #DBDBDB;
}

.tab-navigation .nav-tabs.inner-tabs .nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: transparent;
}

.tab-navigation .nav-tabs.inner-tabs .nav-link {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 12px;
    background: transparent;
    font-weight: 400;
}

.tab-navigation .nav-tabs.inner-tabs .nav-link:not(.active) {
    color: #3c2e2e;
}

.tab-navigation .nav-tabs.inner-tabs .nav-link.active {
    font-weight: 700;
}

.tab-navigation .nav-tabs.inner-tabs + .tab-content {
    border-radius: 0 0 5px 5px; 
}

.project-details-section.project-wrapper .input-wrapper label {
    min-width: 145px;
}

.tab-navigation.project-details-tab .tab-content , 
.staff-detail-tab-content .tab-content {
    border-color: #DBDBDB;
}

.staff-detail-tab-content .tab-content {
    border-color: #DBDBDB;
}

.tab-navigation.project-details-tab .tab-content,
.my_task_wrapper,
.my_issue_wrapper {
    padding: 20px 15px;
}

.custom-textarea-wrapper .k-widget.k-editor,
.attach_description_wrapper .k-widget.k-editor {
    border: unset !important;
}

.custom-textarea-wrapper,
.attach_file_wrapper .k-upload-files .k-file,
.input-daterange:not(.daterange-dropdown .input-daterange),
.details_upload_wrapper .k-upload-files .k-file  {
    border: 1px solid var(--input_border_color);
    border-radius: 5px;
}

table.k-editor .k-editable-area {
    padding: 7px 7px 12px !important; 
}

.projecct-name-description-wrapper {
    border-bottom: 1px solid #E1DDDD;
    padding: 25px 20px 20px;
}

.comment-section-wrapper,
.task_details_section:not(.task-detail-modal .task_details_section),
.issue_details_section:not(.issue-detail-modal .issue_details_section) {
    width: calc(100% - 380px);
    padding-block: 20px;
}

.staff-detail-wrapper h6,
.remarks-content-modal .modal-content .modal-title {
    font-weight: 500;
}

.project-details-wrapper h6,
.staff-detail-wrapper h6,
.remarks-content-modal .modal-content .modal-title {
    font-size: 18px;
    line-height: 22px;
    color: var(--black-color);
}

.comment-input .primarybutton,
.comment_input_wrapper .primarybutton,
.comment_input_wrapper .secondarybutton,
.comment-input .secondarybutton,
.description_edit .primarybutton, 
.description_edit .secondarybutton {
    font-size: 14px;
    line-height: 16px;
    height: 30px;
    padding: 4px 10px;
    min-width: 70px;
}

.comment-input .input-wrapper label {
    left: 12px;
    top: 8px;
    color: #949494 !important;
    display: flex;
    align-items: center;
}

.comment-input .input-wrapper label::before {
    content: '';
    background: url(../images/message_icon.svg);
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.comment-input .input-wrapper.active label,
.gantt-chart-grid .k-splitbar .k-resize-handle,
.gantt-chart-grid .k-gantt-header .k-gantt-pdf .k-i-file-pdf {
    display: none;
}

.comment-input .input-wrapper textarea {
    background: transparent;
    z-index: 2;
    position: relative;
}

.comment-input .input-wrapper,
.gantt-chart-grid .k-gantt-toolbar,
.gantt-chart-grid.k-gantt .k-treelist,
.gantt-chart-grid.k-gantt .k-treelist .k-alt,
.gantt-chart-grid.k-gantt .k-grid-header-wrap .k-header,
.gantt-chart-grid .k-grid td,
.k-menu-popup .k-menu-group {
    background: #ffffff;
}

.project-details-section {
    border-left: 1px solid #EBEBEB;
    min-width: 0;
}

.profile-info p span:first-child::after,
.input-wrapper.profile-info label:not(.fixed-placeholder)::after , 
.markup_info::after,
.input-wrapper.employee-info label:not(.fixed-placeholder):not(.error):not(.multiselect-option .form-check-label):after,
.timesheet-remarks-label::after {
    content: ':';
    margin-inline: 8px;
    float: right;
}

.project-details-section .input-wrapper {
    padding: 11px 20px;
}

.input-wrapper.create-update-info {
    border-top: 1px solid #F2F2F2;
    position: sticky;
    bottom: 0;
    background: #ffffff;
}

.project-details-section .input-wrapper {
    font-size: 14px;
    line-height: 20px;
    color: var(--black-color);
}

.menubottom::before {
    content: '';
    width: calc(100% - 24px);
    height: 1px;
    background: #D4E4F8;
    position: absolute;
    top: -20px;
    left: 12px;
}

.top-btn-wrapper button:not(.manage-columns button):hover {
    background: #F5F5F5;
}

.tooltip.btn-tooltip .tooltip-arrow::before,
.gantt-chart-grid .k-task-summary-complete:after, 
.gantt-chart-grid .k-task-summary-complete:before, 
.gantt-chart-grid .k-task-summary:after, 
.gantt-chart-grid .k-task-summary:before,
.view-mode-dropdown .dropdown-toggle::after,
.custom-dropdown .dropdown-toggle.filter-btn::after,
.k-list-content .k-list-item .k-list-item-text::before,
.custom-dropdown .dropdown-toggle.more_filters::after,
.custom-dropdown .dropdown-toggle.milestone_task_issue_filter::after,
.timesheet-summary-accordion .accordion-item .accordion-button::after {
    content: none;
}

.tooltip.btn-tooltip {
    padding: 0;
    opacity: 1;
}

.tooltip.btn-tooltip .tooltip-inner {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    background: #777777;
    border-radius: 2px;
    padding: 2px 8px;
}

.details-wrapper {
    padding: 20px 25px 0;
}

.placeholder-text {
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    line-height: 18px;
    color: #A8A8A8;
}

/* ===== timesheet staff css */

.custominput.timesheet_description {
    height: auto !important;
}

.custominput.timesheet_datepicker {
    background-color: #ffffff;
}

.add_timesheet_wrapper {
    padding: 14px;
    margin-bottom: 30px;
}

.add_timesheet_wrapper h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: var(--black-color);
}

.add_timesheet_wrapper .line-divider {
    margin-inline: -14px;
}

.placeholder-right {
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    color: var(--black-color);
}

.primarybutton.timesheet_add {
    width: 131px;
}

.dateweekpicker_wrapper {
    background: #FFFFFF;
    border: 1px solid var(--input_border_color);
    border-radius: 5px;
}

.dateweekpicker_previous {
    border-right: 1px solid var(--input_border_color);
    padding: 12px 14px;
}

.dateweekpicker_next {
    border-left: 1px solid var(--input_border_color);
    padding: 12px 14px;
}

.dateweekpicker {
    font-size: 14px;
    line-height: 16px;
    color: var(--black-color);
    width: 270px;
}

.custominput.custominput_border_right,
.dropdown-input .custominput_border_right{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.custominput.custominput_border_left,
.custom_border.custom_border_left {
    border-left: none !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

#internal_revision_description-error,
#external_revision_description-error {
    margin-left: 2px;
}

.timesheet_task_details,
.timesheet_issue_details {
    text-decoration: none !important;
}


#timesheet_task_details_popup .pageheading,
#timesheet_issue_details_popup .pageheading {
    font-size: 18px !important;
    line-height: 24px;
}

.timesheet_modal .modal-dialog{
    max-width: 700px !important;
}

.markup_info{
    color: #767676;
    min-width: 125px;
}

.markup_info_wrapper{
    font-size: 14px;
    line-height: 18px;
}

.timesheet_modal hr{
    margin-inline: -16px;
    border-top: 1px solid #E0E0E0;
    opacity: 1;
}

#close_task_details_modal,
#close_issue_details_modal {
    min-width: 86px;
}

.timesheet_project_info {
    color: #874C4C;
}

/* #timesheet_grid.k-grid .k-grid-content table tbody tr td:not(:first-child) {
    border-right: 1px solid #DADADA !important;
    border-bottom: 1px solid #DADADA !important;
} */

/* #timesheet_grid.k-grid .k-grid-content table tbody tr td:first-child {
    background-color: #DDE9FA !important;
}

#timesheet_grid.k-grid .k-grid-content table tbody tr.k-grouping-row td {
    background-color: #DDE9FA !important;
} */

/*  ===== end of timesheet css */

.input-wrapper .fixed-placeholder {
    right: 14px;
    font-size: 16px;
    color: var(--black-color) !important; 
}

.line-divider {
    border-top: 1px solid #E1DDDD;
    opacity: 1;
    margin: 30px 0;
}

.header-dropdown .dropdown-toggle::after {
    border-width: 6px 6px 0;
    border-top-color: var(--black-color);
    vertical-align: middle;
    margin-left: 6px;
}

.header-dropdown .dropdown-toggle{
    border: 0 !important;
}

.header-dropdown .dropdown-menu {
    background: #FFFFFF;
    box-shadow: 1px 2px 6px #0051ba33;
    border-radius: 5px;
}

.header-dropdown .dropdown-menu .dropdown-item {
    padding: 12px;
    transition: 0.4s all;
}

.header-dropdown .dropdown-menu .dropdown-item,
.task-checkbox label,
.issue-checkbox label,
.profile-info p,
.staff-detail-wrapper .input-wrapper p,
.datepicker .datepicker-days table tbody tr td,
.datepicker table tr td span,
.contest-card-wrapper .project-role-display {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: var(--black-color);
}

.header-dropdown .dropdown-menu li:last-child .dropdown-item,
.custom-dropdown .dropdown-menu .dropdown-item:last-child,
.gantt-chart-grid .k-gantt-footer,
.k-popup .k-list {
    border-radius: 0 0 5px 5px;
}

.header-dropdown .dropdown-menu li:not(:last-child) .dropdown-item {
    border-bottom: 0.5px solid #DADADA;
}

.header-dropdown .dropdown-menu .dropdown-item:hover,
.custom-dropdown:not(.custom-date-dropdown):not(.manage-columns) .dropdown-menu .dropdown-item:not(.no_notifications_wrapper):hover,
.view-mode-dropdown .dropdown-item.selected,
.user-dropdown .dropdown-item.selected {
    background: var(--hover_bg_color);
}

.task-checkbox,
.issue-checkbox {
    right: 16px;
    z-index: 5;
}

.task-checkbox::before,
.issue-checkbox::before {
    content: '';
    width: 1px;
    height: 24px;
    background: #E0E0E0;
    position: absolute;
    left: -12px;
    z-index: 1;
    top: -4px;
}

.task-search,
.issue-search {
    padding-right: 110px;
}

.custom_error_text{
    font-weight: 400;
    color: #767676;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
    color: red !important;
}

.custom-dropdown .dropdown-toggle::after {
    border-width: 6px 4px 0;
    border-top-color: #ffffff;
    vertical-align: middle;
}

.view_more + .dropdown-menu .dropdown-item,
.milestone_filter_wrapper .dropdown-item {
    cursor: pointer;
}

.red-txt-color {
    color: #EE0000 !important;
}


span.k-datetimepicker .k-input-button,
span.k-datepicker .k-input-button {
    height: 100%;
}

.added-time h6 {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #949494;
    margin-inline: 20px 16px;
}

.added-time a {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--secondary-color) !important;
    text-decoration: none;
}

.added-time {
    margin-bottom: 10px;
}

.comment-info .input-wrapper .custom-textarea:disabled {
    background: #F8F8F8;
    border: 1px solid #EBEAEA !important;
    color: #4D4D4D;
}

.comment-info {
    margin-top: 20px;
}

.task-details-tab .comment-section,
.issue-details-tab .comment-section {
    width: 57%;
}

.offcanvas.sidebar-wrapper.staff-sidebar {
    max-width: 740px;
}

.timesheet-hd {
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    color: var(--black-color);
}
/*  project timesheet start */
#projectTimesheet_grid.k-grid .k-grid-content table tbody tr td:not(:first-child) {
    border-right: 1px solid #DADADA !important;
    border-bottom: 1px solid #DADADA !important;
}

/* #projectTimesheet_grid.k-grid .k-grid-content table tbody tr td:first-child {
    background-color: #EFEFEF !important;
} */

#projectTimesheet_grid.k-grid .k-grid-content table tbody tr.k-grouping-row td {
    background-color: #EFEFEF !important;
}

.light_blue_tr {
    background: #CDDAED !important;
}

.project_week_filter_dropdown {
    border-bottom: 1px solid #DADADA;
}

.project_timesheet_filter_date .dropdown-item::before{
    content: '';
    background: url('../images/tick_blue_icon.svg') center/contain no-repeat;
    width: 12px;
    height: 10px;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.custom-date-dropdown .dropdown-menu .dropdown-item {
    padding-left: 29px;
    position: relative;
}

/*  project timesheet end */

.opacity-none {
    pointer-events: none;
    opacity: 0.6;
}

.k-group-footer td {
    background: #ffffff !important;
}

.grouped_new_task_btn,
.grouped_new_issue_btn
.mechanical-department-details tr.new-role td a {
    color: #0051BA;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
}


.k-grid .k-grid-norecords {
    padding: 40px 16px;
    width: -webkit-fill-available;
    height: fit-content;
}

.gantt-chart-grid .k-gantt-header,
.k-grid .k-grid-header,
.k-grid .k-grid-header-wrap {
    border-radius: 5px 5px 0 0;
}

.accordion-grid .k-grouping-row td,
.task-grid .k-grouping-row td,
.issue-grid .k-grouping-row td {
    background-color: var(--highlight_bg);
    height: 40px;
}

.resource-grid .k-grid-content table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

.accordion-grid .k-grouping-row td .k-reset {
    display: flex;
    align-items: center;
}

.accordion-grid .k-grouping-row td .k-reset {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.task-grid .k-grouping-row td .k-reset,
.issue-grid .k-grouping-row td .k-reset {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
}

.k-header .k-link {
    color: #757171 !important;
}

.accordion-grid.k-grid .k-grid-content table tbody td,
.task-grid.k-grid .k-grid-content-locked table tbody td,
.issue-grid.k-grid .k-grid-content-locked table tbody td,
.gantt-chart-grid .k-grid td,
.k-menu-popup .k-menu-item,
.k-widget,
.log-message {
    color: var(--black-color); 
}

.accordion-grid .k-grid-content table td.k-group-cell,
.task-grid .k-grid-content-locked table td.k-group-cell,
.issue-grid .k-grid-content-locked table td.k-group-cell {
    background-color: transparent;
}

.accordion-grid .k-grouping-row td .k-reset .k-icon::before,
.task-grid .k-grouping-row td .k-reset .k-icon::before,
.issue-grid .k-grouping-row td .k-reset .k-icon::before,
.gantt-chart-grid .k-treelist-group .k-icon:not(.k-i-none):before {
    content: '';
    border-style: solid;
    position: static;
    width: unset;
    height: unset;
}

.accordion-grid .k-grouping-row td .k-reset .k-icon::before,
.task-grid .k-grouping-row td .k-reset .k-icon::before,
.issue-grid .k-grouping-row td .k-reset .k-icon::before {
    margin-left: 6px;
}

.gantt-chart-grid .k-treelist-group .k-icon:not(.k-i-none):before {
    margin-right: 5px;
}

.accordion-grid .k-grouping-row td .k-reset .k-icon[aria-label="Expand"]::before,
.task-grid .k-grouping-row td .k-reset .k-icon[aria-label="Expand"]::before,
.issue-grid .k-grouping-row td .k-reset .k-icon[aria-label="Expand"]::before,
.gantt-chart-grid .k-treelist-group .k-icon.k-i-collapse::before {
    border-width: 5px 5px 0;
    border-color: var(--black-color) transparent;
}

.accordion-grid .k-grouping-row td .k-reset .k-icon[aria-label="Collapse"]::before,
.task-grid .k-grouping-row td .k-reset .k-icon[aria-label="Collapse"]::before,
.issue-grid .k-grouping-row td .k-reset .k-icon[aria-label="Collapse"]::before,
.gantt-chart-grid .k-treelist-group .k-icon.k-i-expand::before {
    border-width: 0 5px 5px;
    border-color: transparent transparent var(--black-color);
}

.accordion-grid .k-grouping-row td .k-reset .k-icon,
.task-grid .k-grouping-row td .k-reset .k-icon,
.issue-grid .k-grouping-row td .k-reset .k-icon,
.gantt-chart-grid .k-treelist-group .k-icon:not(.k-i-none) {
    width: unset;
    height: unset;
}

.accordion-grid .k-grouping-row td .k-reset .k-icon,
.task-grid .k-grouping-row td .k-reset .k-icon,
.issue-grid .k-grouping-row td .k-reset .k-icon,
.gantt-chart-grid .k-gantt-header .k-gantt-views-wrapper,
.gantt-chart-grid .k-gantt-header .k-gantt-pdf,
.gantt-chart-grid .k-gantt-footer .k-button {
    margin: 0;
}

.resource-grid .k-grid-header-wrap table thead tr th:first-child,
.resource-grid .k-grid-header-wrap,
.k-grid-header-locked,
.accordion-grid .k-grid-header-wrap {
    border-top-left-radius: 5px;
}

.fw-medium {
    font-weight: 500 !important;
}

.new-task-sidebar .line-divider,
.new-issue-sidebar .line-divider {
    margin-inline: -20px;
}

.checkbox-label,
.resources-wrapper .contest-card-wrapper h6,
.project-feature-btn {
    font-size: 16px; 
    line-height: 20px;
    color: var(--black-color); 
}

.checkbox-label {
    font-weight: 400;
}

.tab-navigation .header-dropdown .dropdown-toggle {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: var(--black-color);
}

.tab-navigation .header-dropdown .dropdown-toggle::after {
    border-width: 5px 5px 0;
}

.timesheet_project_wrapper .multiselect-container .form-check-input,
.company_settings_wrapper .multiselect-container .form-check-input,
.add_task_assignee_wrapper .multiselect-container .form-check-input,
.task_assignee_edit_wrapper .multiselect-container .form-check-input,
.add_issue_assignee_wrapper .multiselect-container .form-check-input,
.issue_assignee_edit_wrapper .multiselect-container .form-check-input{
    display: none !important;
}

.timesheet_project_wrapper .multiselect-container .form-check,
.company_settings_wrapper .multiselect-container .form-check,
.add_task_assignee_wrapper .multiselect-container .form-check,
.task_assignee_edit_wrapper .multiselect-container .form-check,
.add_issue_assignee_wrapper .multiselect-container .form-check,
.issue_assignee_edit_wrapper .multiselect-container .form-check {
    padding: 0px !important;
}

.timesheet_project_wrapper .multiselect-container .multiselect-filter+.multiselect-option,
.company_settings_wrapper .multiselect-container .multiselect-filter+.multiselect-option,
.add_task_assignee_wrapper .multiselect-container .multiselect-filter+.multiselect-option,
.add_issue_assignee_wrapper .multiselect-container .multiselect-filter+.multiselect-option{
    display: none !important;
}

.timesheet_project_wrapper span.multiselect-native-select,
.company_settings_wrapper span.multiselect-native-select,
.add_issue_assignee_wrapper .multiselect-container span.multiselect-native-select,
.issue_assignee_edit_wrapper .multiselect-container span.multiselect-native-select {
    height: 40px;
    display: block;
}

.task-grid .form-check-input,
.issue-grid .form-check-input {
    margin-top: 0;
}

.task-grid .checkbox-align.k-header .k-link,
.issue-grid .checkbox-align.k-header .k-link {
    justify-content: center;
}

.task-grid .k-grouping-row td .k-reset,
.issue-grid .k-grouping-row td .k-reset {
    display: flex;
    align-items: center;
}

.task-grid .k-grouping-row td .k-reset .form-check-input,
.issue-grid .k-grouping-row td .k-reset .form-check-input {
    order: 0;
    flex-shrink: 0;
}

.task-grid .k-grouping-row td .k-reset span,
.issue-grid .k-grouping-row td .k-reset span {
    order: 1;
}

.task-grid .k-grouping-row td .k-reset .k-icon,
.issue-grid .k-grouping-row td .k-reset .k-icon {
    order: 2;
    flex-shrink: 0;
}

.task-grid .userLink,
.issue-grid .userLink,
.deliverables-grid .userLink , .k-file-name,
.project_details_link,
.comment_input_wrapper .comments_info a,
.log-message a,
.milestone_data_table a,
.milestone_drag a {
    color: var(--secondary-color) !important;
    text-decoration: none;
}

.no-result {
    color: #878787;
    font-weight: 500;
    font-size: 22px;
}

.no_result_svg{
    height: 120px;
}

.resources-wrapper .contest-image {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    flex-shrink: 0;
    border-radius: 50%;
}


.resources-wrapper .contest-card-wrapper .resource-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #0051BA;
    cursor: pointer;
    margin-bottom: 6px;
}

.resources-wrapper .contest-card-wrapper {
    padding: 12px;
}

.resources-wrapper .contest-card-wrapper .staff-id,
.gantt-chart-grid.k-gantt .k-grid-header-wrap .k-header,
.management_wrapper table thead tr:last-child th,
.mechanical-department-details th,
.configuration-details td:not(.configuration-details-input-list td),
.configuration-details-input-list th,
.milestone_info,
.manage-columns .dropdown-menu .dropdown-item .hide-btn + span {
    color: #757171;
}

.resources-wrapper .contest-card-wrapper .staff-id,
.profile-info .first-column p {
    word-break: break-word;
}

.resources-wrapper .contest-card-wrapper hr {
    margin: 12px -12px;
    border-top: 0.5px solid #CBCACA;
}

.resource-tasks p,
.resources-wrapper .contest-card-wrapper .resource-tasks h6,
.resource-issues p,
.resources-wrapper .contest-card-wrapper .resource-issues h6,
.management_wrapper table tbody tr.others td,
.mechanical-department-details tr.disabled td {
    color: #A8A8A8; 
}

.profile-wrapper {
    background: #F4F9FF;
    padding: 20px;
}

.profile-wrapper .contest-image {
    width: 90px;
    height: 90px;
    margin-right: 15px;
    border-radius: 50px;
}

.profile-info .first-column p span:first-child {
    min-width: 110px;
}

.profile-info .last-column p span:first-child {
    min-width: 142px;
}

.input-wrapper.profile-info label:not(.fixed-placeholder),
.input-wrapper.profile-info p span:first-child {
    min-width: 160px;
}

.input-wrapper.profile-info {
    padding: 10px 20px;
}

.input-wrapper.profile-info,
.input-wrapper.employee-info {
    border-bottom: 1px solid #F2F2F2;
    min-height: 60px;
}

.input-wrapper.profile-info .custominput {
    width: 245px;
}

.resource-grid .k-grid-header-wrap {
    border-top: 1px solid #D2D2D2 !important;
}

.resource-grid .k-grid-header-wrap table thead tr th:first-child,
.resource-grid .k-grid-content table tbody tr td:first-child {
    border-left: 1px solid #D2D2D2 !important;
}

.resource-grid .k-grid-header-wrap table thead tr th:last-child,
.resource-grid .k-grid-content table tbody tr td:last-child {
    border-right: 1px solid #D2D2D2 !important;
}

.resource-grid .k-grid-content table tbody tr:last-child td {
    border-bottom: 1px solid #D2D2D2 !important;
}

.k-grid .k-selected {
    background: var(--hover_bg_color) !important;
}

.input-wrapper.employee-info label:not(.fixed-placeholder):not(.error):not(.multiselect-option .form-check-label) {
    max-width: 240px;
    width: 100%;
}

.input-wrapper.employee-info {
    padding: 10px 15px;
}

.no-projects-message,
.staff-detail-wrapper h6,
.profile-info-wrapper,
.personal-preferences-wrapper {
    padding: 20px 15px;
}

.staff-detail-wrapper h6 {
    border: solid #E1DDDD;
    border-width: 1px 0;
}

.offcanvas.sidebar-wrapper.reset-password-sidebar {
    max-width: 560px;
}

.offcanvas.sidebar-wrapper.deliverable-sidebar {
    max-width: 600px;
}

.k-grid .k-filter-row .k-filtercell .k-picker,
.k-grid .k-filter-row .k-filtercell .k-picker + .k-icon-button {
    background: #FFFFFF;
    border: 1px solid var(--input_border_color) !important;
    border-radius: 5px;
}

.k-grid .k-filter-row .k-filtercell .k-picker .k-button-solid-base:hover,
.k-datepicker.k-input .k-input-button,
.k-datetimepicker.k-input .k-input-button,
.k-datepicker.k-input .k-input-button {
    background-color: #ffffff;
}

.k-grid tr.k-filter-row:hover {
    background: #ffffff !important;
}

.k-grid .k-filtercell .k-dropdown-operator .k-input-button .k-button-icon.k-i-filter::before {
    content: '';
    background: url(../images/filter.svg) center/contain no-repeat;
}

.k-menu-group li:nth-child(1) , .k-menu-group li:nth-child(3){
    display: none !important;
}

.k-datepicker.k-input .k-input-button .k-i-calendar,
.k-datetimepicker.k-input .k-input-button .k-i-calendar,
.k-datepicker.k-input .k-input-button .k-i-calendar::before,
.k-datetimepicker.k-input .k-input-button .k-i-calendar::before {
    width: 16px;
    height: 17px;
}

.k-grid .k-filter-row .k-filtercell .k-i-filter-clear::before {
    color: var(--primary-color);
}

.k-datetimepicker.k-input .k-input-button .k-i-calendar:before,
.k-datepicker.k-input .k-input-button .k-i-calendar:before {
    content: '';
    /* background: url(../images/calendar_red_icon.svg) center/contain no-repeat; */
    background: url(../images/calendar_blue_icon.svg) center/contain no-repeat;
}
.edit_task.placeholder-text,
.edit_issue.placeholder-text {
    right: 20px;
    bottom: 21px;
}

.k-datetimepicker.k-input .k-input-button .k-i-clock:before {
    content: '';
    background: url(../images/clock_green_icon.svg) center/contain no-repeat;
}

.k-datetimepicker.k-input .k-input-button .k-i-clock,
.k-datetimepicker.k-input .k-input-button .k-i-clock:before {
    width: 17px;
    height: 17px;
}

.k-datetimepicker.k-input .k-input-button,
.k-datepicker.k-input .k-input-button {
    padding-inline: 4px 12px;
    width: 33px;
}

.k-popup.k-calendar-container,
.k-popup.k-list-container,
.datepicker.datepicker-dropdown {
    background: #FFFFFF;
    box-shadow: 1px 2px 6px #D1D1D1;
    border: 0;
    padding: 0;
}

.k-popup.k-calendar-container,
.k-popup.k-calendar-container .k-calendar,
.k-popup.k-list-container,
.k-popup.k-list-container .k-list,
.datepicker.datepicker-dropdown,
.gantt-chart-grid .k-gantt-header .k-gantt-pdf,
.gantt-chart-grid .k-gantt-footer .k-button,
.k-grid {
    border-radius: 5px;
}

.k-popup.k-calendar-container .k-calendar>.k-header {
    background: var(--primary-color);
    border: 0 !important;
    padding-block: 3px;
}

.k-calendar-container .k-calendar .k-header .k-nav-next .k-i-arrow-60-right,
.k-calendar-container .k-calendar .k-header .k-nav-prev .k-i-arrow-60-left {
    width: 7px !important;
    height: 11px !important;
}

.k-calendar-container .k-calendar .k-header .k-nav-next[aria-disabled="true"] .k-i-arrow-60-right,
.k-calendar-container .k-calendar .k-header .k-nav-prev[aria-disabled="true"] .k-i-arrow-60-left {
    background: url(../images/arrow_disabled.svg) center no-repeat !important;
}

.k-calendar-container .k-calendar .k-header .k-nav-next .k-i-arrow-60-right,
.k-calendar-container .k-calendar .k-header .k-nav-prev .k-i-arrow-60-left {
    background: url(../images/arrow_right_white.svg) center no-repeat !important;
}

.k-calendar-container .k-calendar .k-header .k-nav-prev .k-i-arrow-60-left,
.datepicker .prev {
    transform: scale(-1);
}

.action-btn-wrapper button span,
.project_timesheet.progress-bar span,
.resource_header,
.management_wrapper table tbody td,
.mechanical-department-details td,
.multiselect-wrapper .multiselect-option,
.project-wrapper .input-wrapper p,
.view-mode-dropdown .view-mode-btn,
.comment-info .input-wrapper p,
.task-input-details .input-wrapper p,
.issue-input-details .input-wrapper p,
.user_tile_accordion_wrapper .accordion-button,
.accordion-grid .k-grouping-row td .k-reset,
.k-list-content .k-list-item,
.profile-info-wrapper p,
.add-holidays-dropdown table td,
.project_status_table td {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: var(--black-color);
}

.k-calendar-container .k-calendar .k-calendar-decadeview, 
.k-calendar-container .k-calendar .k-calendar-monthview, 
.k-calendar-container .k-calendar .k-calendar-yearview {
    padding: 0;
}

.k-calendar-container .k-calendar .k-month .k-calendar-th,
.datepicker .datepicker-days table thead tr:last-child th {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #757171;
    height: 36px;
}

.k-calendar-container .k-calendar .k-calendar-tbody .k-calendar-tr td,
.datepicker .datepicker-days table tbody tr td {
    border-top: 1px solid #F2F2F2;
    height: 40px;
    padding: 2px;
}

.k-calendar-container .k-calendar .k-calendar-tbody .k-calendar-tr td,
.k-popup.k-list-container .k-list .k-list-item,
.log-info p {
    color: var(--black-color) !important;
}

.k-calendar-container .k-calendar .k-calendar-tbody .k-calendar-tr td,
.k-popup.k-list-container .k-list .k-list-item,
.log-info p,
.project-features-wrapper h6,
.tasks_status_name,
.issues_status_name,
.configuration-details td,
.configuration-details-input-list th,
.reset-all-button a,
.k-calendar-container .k-calendar .k-header .k-button,
.datepicker .datepicker-switch,
.all_task_list p,
.all_issue_list p,
.reset-password-link,
.add-holidays-dropdown table th,
.timesheet_reset_filter a {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
}

.k-calendar-container .k-calendar .k-calendar-tbody .k-calendar-tr td .k-state-disabled {
    opacity: 1;
}

.k-calendar-container .k-calendar .k-calendar-tbody .k-calendar-tr td .k-state-disabled,
.datepicker table tr td.disabled, 
.datepicker table tr td.disabled:hover,
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover,
.datepicker .datepicker-days table tbody tr td.disabled {
    color: #D6D6D6;
}


.k-calendar-container .k-calendar .k-month .k-calendar-td.k-other-month,
.k-calendar-container .k-calendar .k-year .k-calendar-td.k-out-of-range,
.k-calendar-container .k-calendar .k-decade .k-calendar-td.k-out-of-range {
    height: 0 !important;
    line-height: 0 !important;
    visibility: hidden;
    font-size: 0 !important;
    padding: 0 !important;
}

.k-calendar-container .k-calendar .k-calendar-tbody .k-calendar-tr td .k-link {
    width: 100%;
    height: 100%;
    box-shadow: unset !important;
    border-radius: 50%;
}

.k-calendar-container .k-calendar .k-calendar-tbody .k-calendar-tr .k-calendar-td.k-selected .k-link,
.k-calendar-container .k-calendar .k-calendar-tbody .k-calendar-tr .k-calendar-td.k-today .k-link,
.k-popup.k-list-container .k-list .k-list-item.k-selected,
.datepicker table td.day.today,
.datepicker table td.day.selected,
.datepicker table tr td span.focused,
.datepicker table tr td.active.active,
.datepicker table tr td span.active.active,
.datepicker table tr td.range,
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover {
    background: var(--hover_bg_color);
    color: var(--secondary-color) !important;
}

.k-calendar-container .k-calendar .k-calendar-tbody .k-calendar-tr .k-calendar-td.k-hover:not(.k-selected):not(.k-today) .k-link,
.k-popup.k-list-container .k-list .k-list-item.k-hover:not(.k-selected),
.gantt-chart-grid .k-gantt-treelist .k-grid-content table tr:hover td,
.gantt-chart-grid.k-gantt .k-treelist .k-selected td,
.gantt-chart-grid .k-gantt-header .k-gantt-views-wrapper .k-gantt-views .k-button:not(.k-selected):hover,
.gantt-chart-grid .k-gantt-timeline .k-task-complete,
.gantt-chart-grid .k-gantt-timeline .k-selected .k-task-summary-complete,
.gantt-chart-grid .k-gantt-timeline .k-issue-complete,
.gantt-chart-grid .k-gantt-timeline .k-selected .k-issue-summary-complete,
.k-menu-popup .k-menu-item:hover {
    background: var(--hover_bg_color);
}

.k-calendar-container .k-calendar .k-calendar-view {
    width: 280px;
    height: auto;
}

.k-calendar-container .k-calendar .k-calendar-tbody .k-calendar-tr {
    height: 0;
}

.k-popup.k-list-container .k-list .k-list-item {
    border-radius: 0;
    padding: 10px 12px;
}

.custom-checkbox input[type="checkbox"] {
    position: absolute;
    appearance: none;
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
    visibility: hidden;
}

.custom-checkbox label::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.custom-checkbox label::before,
.checkbox-align .form-check-input,
.deliverable_input.form-check-input,
.multiselect-wrapper .multiselect-container .multiselect-option .form-check .form-check-input {
    background: url(../images/normal_checkbox.svg) center/contain no-repeat;
}

.custom-checkbox label {
    position: relative;
    padding-left: 22px;
    color: var(--black-color);
}

.custom-checkbox label::before,
.user-info-checkbox {
    width: 15px;
    height: 16px;
}

.watchlist-checkbox.custom-checkbox label::before {
    width: 14px;
    height: 14px;
}

.project_details_export,
.assignee_export_wrapper {
    padding-right: 20px;
}

.project_details_export .secondarybutton,
.import-deliverables-dropdown .btn.secondarybutton,
.assignee_export_wrapper .secondarybutton {
    font-size: 14px;
    height: 30px;
    line-height: 20px;
    padding: 2px 16px;
}

.project_timesheet.progress-bar,
.project_timesheet.progress {
    overflow: visible !important;
}

.project_timesheet.progress {
    margin-bottom: 8px;
    height: 12px;
}

.project_timesheet.other_tasks_timesheet,
.project_timesheet.other_issues_timesheet {
    background-color: #09B639;
}

.project_timesheet.markup_timesheet {
    background-color: #D19B5B;
}

.project_timesheet.meeting_timesheet {
    background-color: #ED5479;
}

.project_timesheet.progress-bar span {
    top: calc(100% + 6px);
}

.project_hours_wrapper {
    background: #FFFFFF;
    border: 0.5px solid #CBCACA;
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.totalhours_progressbar p{
    font-size: 16px;
    line-height: 19px;
    color: var(--black-color);
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 3px;
    background: white;
    z-index: 2;
    position: relative;
    padding-inline: 12px;
}

.totalhours_progressbar::before{
    content: '';
    background: #A5A5A5;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 9px;
}

.totalhours_progressbar::after , .totalhours_progressbar .progress_bar_left::before{
    content: '';
    background: url('./../images/right_arrow.svg') center/contain no-repeat;
    width: 12px;
    position: absolute;
    top: 2px;
    height: 15px;
}

.totalhours_progressbar::after {
    right: -3px;
}

.totalhours_progressbar .progress_bar_left::before {
    left: -3px;
    transform: scale(-1);
}

.staff-detail-tab-content .k-grid {
    height: calc(100vh - 145px);
}

/*.project-details-tab .k-grid {
    height: calc(100vh - 222px);
}*/

.sidebar-wrapper .offcanvas-header h5 , .crop_image_modalwrappper .modal-header h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: var(--black-color); 
}

.tab-navigation.project-details-tab .nav-tabs.inner-tabs + .tab-content {
    border-top: 1px solid #F2F2F2;
    padding: 15px 20px;
}

.fixed-primarybutton {
    background: linear-gradient(180deg, #0051BA 0%, #003994 100%);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-weight: 400;
    font-size: 36px;
    line-height: 42px;
    color: #ffffff;
    border: 0;
    filter: drop-shadow(0px 3px 5px #00000040);
    right: 60px;
    z-index: 5;
    text-align: center;
}

.fixed-btn-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 1px 12px 4px #00000033;
    border-radius: 5px;
    max-width: 950px;
    width: calc(100% - 48px);
    z-index: 5;
    bottom: 80px;
    min-height: 70px;
    border: 1px solid var(--primary-color);
}

.fixed-btn-wrapper.task-action-btns-wrapper {
    max-width: 1270px;   
}

.fixed-btn-wrapper h6 {
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    color: var(--black-color);
}

.comment-section-wrapper h5,
.task-detail-modal h5,
.issue-detail-modal h5 {
    font-size: 20px;
    line-height: 24px;
    color: var(--black-color);
}

.action-btn-wrapper button span {
    margin-top: 6px;
}

.action-btn-wrapper>*:not(h6):not(.button-close):not(.action-buttons):hover,
.action-buttons>button:hover,
.action-buttons>.custom-dropdown:hover,
.task_bulk_update_ul li:hover {
    background: var(--hover_bg_color);
}

.task_list_priority_wrapper .dropdown-item:hover {
    background: var(--hover_bg_color) !important;   
}

.action-btn-wrapper>*:not(h6):not(.button-close):hover button span {
    color: var(--secondary-color);
}

.action-btn-wrapper>*:not(.selected-tasks-count):not(.button-close):not(.action-buttons),
.action-buttons>* {
    padding-inline: 12px;
}

.action-btn-wrapper>*:not(.button-close):not(.action-buttons),
.action-buttons>.custom-dropdown,
.assignee-dropdown {
    display: grid;
    place-items: center;
}

.action-buttons {
    column-gap: 16px;
}

.rounded-l-lg {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.rounded-r-lg {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.grid-icon {
    background: url(../images/grid_icon.svg) center/15px no-repeat;
    border-radius: 0 5px 5px 0;
}

.grid-icon.active {
    background: url(../images/grid_icon_active.svg) center/15px no-repeat;
}

.list-grid-btn-wrapper {
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    margin-right: 10px;
}

.list-grid-btn-wrapper button {
    width: 44px;
    height: 38px;
}

.list-view-icon {
    background: url(../images/list_view_icon.svg) center/16px no-repeat; 
    border-right: 1px solid #E3E3E3 !important;
    border-radius: 5px 0 0 5px;
}

.list-view-icon.active {
    background: url(../images/list_view_icon_active.svg) center/16px no-repeat; 
}

.list-grid-btn-wrapper button.active {
    background-color: #D1E5FF !important;
}

.checkbox-align .form-check-input,
.deliverable_input.form-check-input {
    width: 15px;
    height: 15px;
    border-radius: 0;
    flex-shrink: 0;
}

.project-details-tab .k-grid.project-timesheet-grid {
    height: calc(100vh - 255px);
}

.userLink.view_revisions {
    font-size: 14px;
}

.markup_header{
    border-left : 1px solid #CECECE !important;
}

.import-deliverables-dropdown {
    top: 5px;
    right: 20px;
}

.deliverables-grid .k-grid-header-wrap table thead tr:nth-child(2) th:first-child,
.gantt-chart-grid .k-grid-header th.k-header:first-child,
.staff-grid.k-grid .k-grid-header-wrap table thead tr th:first-child {
    border-top-left-radius: 0;
}

.gantt-chart-grid .k-grid {
    height: 100%;
}

.gantt-chart-grid {
    height: calc(100vh - 143px) !important;
}

.gantt-chart-grid.k-gantt .k-splitbar {
    width: 2px;
    background: #A8A8A8;
    border: none;
}

.gantt-chart-grid.k-gantt .k-grid-header-wrap .k-header,
.gantt-chart-grid .k-grid td {
    vertical-align: middle;
}

.gantt-chart-grid .k-grid td:not(.k-header) {
    border-bottom: 0.8px solid #E6E6E6 !important;
}

.gantt-chart-grid .k-gantt-header .k-gantt-views-wrapper .k-gantt-views .k-button {
    box-shadow: none;
    min-width: 100px;
}

.gantt-chart-grid .k-gantt-header .k-gantt-views-wrapper .k-gantt-views .k-button,
.gantt-chart-grid .k-gantt-header .k-gantt-pdf,
.gantt-chart-grid .k-gantt-footer .k-button {
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
    font-weight: 500;
}

.gantt-chart-grid .k-gantt-header .k-gantt-views-wrapper .k-gantt-views .k-button,
.gantt-chart-grid .k-gantt-header .k-gantt-pdf {
    background: #ffffff;
    color: #0051BA;
    border: 1px solid #0051BA;
    transition: 0.3s all;
}

.gantt-chart-grid .k-gantt-timeline .k-task-single,
.gantt-chart-grid .k-gantt-timeline .k-issue-single {
    background: #F2F8FF;
    color: var(--black-color);
}

.gantt-chart-grid .k-gantt-timeline .k-task-summary-complete,
.gantt-chart-grid .k-gantt-timeline .k-issue-summary-complete {
    background: #A8A8A8;
}

.gantt-chart-grid .k-gantt-timeline .k-task-summary,
.gantt-chart-grid .k-gantt-timeline .k-issue-summary {
    background: #E6E6E6;
}

.gantt-chart-grid .k-gantt-header,
.gantt-chart-grid .k-gantt-footer {
    padding: 8px 12px;
}

.gantt-chart-grid .k-gantt-footer .k-button {
    color: #ffffff;
    border: 0;
    min-width: 85px;
    height: 34px;
    box-shadow: none;
}

.k-popup.k-menu-popup { 
    border: 0;
}


.deliverables-grid .k-grid-header-wrap table tr.k-filter-row td:nth-child(6){
    border-left: 1px solid #CECECE !important;
}

.deliverables-grid .k-grid-content table .markup_cell {
    border-left: 0.5px solid #CFCFCF !important;
}

.staff-timesheet-grid.k-grid {
    height: calc(100vh - 104px);
}

.bg-white {
    background-color: #ffffff;
}

.current_date_active {
    color: #424242;
}

.w-200{
    width: 200px;
}

.employee-list-header {
    margin-bottom: 12px;
}

.staff-grid.k-grid .checkbox-align {
    padding-right: 0 !important;
}

.staff-grid.k-grid {
    height: calc(100vh - 156px);
}

.general-details-wrapper {
    padding: 20px 16px;
}

.log-info .log-message:not(:last-child)::after {
    content: '';
    position: absolute;
    width: 1px;
    background: #EBEBEB;
    height: 100%;
    left: 12px;
    top: 0;
}

.log-info .log-message .user-name {
    z-index: 2;
}

.log-info .log-message {
    padding-bottom: 20px;
}

.log-info .log-message p {
    margin-bottom: 0;
}

.revision_max {
    background: #FFE7EC !important;
}

.logout-btn {
    color: #0051BA;
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.logout-btn::before {
    content: '';
    background: url(../images/logout_icon.svg) center/contain no-repeat;
    width: 14px;
    height: 15px;
    display: inline-block;
    margin-right: 4px;
    flex-shrink: 0;
}

.attach_file_wrapper {
    background: #FFFFFF;
    border: unset !important;
    padding: 10px 12px;
    display: flex;
    flex-direction: column-reverse;
}

.project_description_wrappper .k-widget.k-editor {
    border: unset !important;
}

.attach_description_wrapper {
    border: 1px solid var(--input_border_color);
    border-radius: 5px;
}

.attach_description_wrapper hr {
    border-top: 1.5px dashed #0b666a40;
    margin: 0px 12px;
    opacity: 1;
}

.k-file-name,
.revenue-input-wrapper .input-wrapper .fixed-placeholder {
    font-size: 15px;
}

.view_uploaded_file,
.project_timesheet.progress-bar,
.view-mode-dropdown .dropdown-item,
.show-more-btn {
    cursor: pointer;
}

.crop_image_modalwrappper .modal-dialog{
    max-width: 900px;
}

.project_image {
    width: 100px;
    height: 100px;
}


.dropdown-menu.revision_details {
    background: #FFFFFF;
    border: 1px solid #D2D2D2 !important;
    border-radius: 5px;
    z-index: 99;
}

.revision_details table th {
    color: #757171;
    border-bottom: 0.5px solid #C5C5C5 !important;
}

.revision_details table td,
.revision_details table th {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 12px !important;
    white-space: nowrap;
}

.revision_details table td {
    overflow: visible !important;
}

.revision_details table tbody tr:last-child td {
    border-bottom: unset !important;
}

.revision_details table {
    table-layout: auto !important;
}

.revision_backdrop_shadow {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #AAAAAA;
    mix-blend-mode: multiply;
    z-index: 9;
    top: 0;
}

.revision_details_wrapper {
    width: fit-content;
}

.dropdown-menu.revision_details::after {
    content: '';
    border-style: solid;
    position: absolute;
    right: 15;
}

.dropdown-menu.revision_details[data-popper-placement="bottom-end"]::after {
    border-width: 0 6px 9px;
    border-color: transparent transparent #ffffff;
    bottom: calc(100% + 1px);
}

.dropdown-menu.revision_details[data-popper-placement="top-end"]::after {
    border-width: 9px 6px 0;
    border-color: #ffffff transparent transparent;
    top: calc(100% + 1px)
}

.assignee-input .multiselect-wrapper{
    min-width: 0;
}

.resource_header .project_fund_allocation{
    color: #767676;
    font-style: italic;
}

.resource_header .project_amount{
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
}

.resource_header {
    margin-bottom: 20px;
}

.management_wrapper {
    background: #FFFFFF;
    margin-bottom: 20px;
}

.management_wrapper,
.engineers-bim-details-wrapper {
    border: 1px solid #C7CCD2;
    border-radius: 5px;
}

.management_wrapper table thead tr:first-child th {
    background: #D6DFEB;
}

.management_wrapper table thead tr:first-child th,
.engineers-header h6 {
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    color: var(--black-color);
}

.management_wrapper table thead tr th {
    height: 50px;
}

.management_wrapper table tbody tr:first-child td {
    border-top-color: #CFCFCF;
}

.management_wrapper table thead tr th,
.management_wrapper table tbody td {
    padding: 5px 14px;
}

.management_wrapper table tbody td,
.mechanical-department-details tbody tr:not(.sub-head) td {
    height: 60px;
}

.management_wrapper table tbody td,
.mechanical-department-details tbody tr:not(:nth-child(2)) td {
    border-top: 0.5px solid #CECECE;
}

.management_wrapper table tbody tr td:nth-last-child(2),
.management_wrapper table thead tr th:nth-last-child(2) {
    border-left: 0.5px solid #CECECE;
}

.project-resources-wrapper .input-wrapper .fixed-placeholder {
    color: #A8A8A8 !important; 
    right: 8px;
}

.management_wrapper table thead tr:first-child th .custominput,
.engineers-header .custominput {
    font-weight: 600 !important;
    font-size: 17px !important;
    line-height: 20px !important;
}

.management_wrapper table thead tr:first-child th .input-wrapper .fixed-placeholder,
.header-revenue-input .input-wrapper .fixed-placeholder {
    font-size: 16px;
    line-height: 19px; 
}

.management_wrapper table tbody tr.others td .custominput,
.mechanical-department-details tr.disabled td .custominput {
    background-color: #F8F8F8 !important; 
}

.management_wrapper table tbody td .custominput,
.mechanical-department-details td .custominput {
    min-width: 90px;
}

.management_wrapper table tbody tr td:nth-child(2),
.mechanical-department-details tbody tr:not(.sub-head) td:nth-child(2) {
    min-width: 400px;
}

.engineers-header {
    padding: 5px 14px;
    background: #D6DFEB;
    border-radius: 4px 4px 0px 0px;
}

.engineers-header,
.tab-navigation .engineers-bim-details-wrapper .nav-tabs.inner-tabs {
    border-bottom: 0.5px solid #B9B9B9;
}

.tab-navigation .engineers-bim-details-wrapper .nav-tabs.inner-tabs {
    background: #EFEFEF;
}

.tab-navigation .engineers-bim-details-wrapper .tab-content {
    background: #F5FAFF;
    padding: 20px 14px;  
}

.mechanical-department-details,
.linked-tasks table {
    border-collapse: separate;
    border-spacing: 0;
}

.mechanical-department-details th,
.mechanical-department-details td {
    padding: 5px 12px;
}

.mechanical-department-details tr.sub-head td {
    border-bottom: 0.5px solid #CECECE;
    background: #EFEFEF;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
}

.mechanical-department-details tr th:nth-child(3),
.mechanical-department-details tbody tr:not(.sub-head):not(.new-role) td:nth-child(3),
.mechanical-department-details tr.sub-head td:first-child,
.mechanical-department-details tr.new-role td {
    border-right: 0.5px solid #CECECE;
}

.mechanical-department-details tbody:not(.mechanical-department-details thead + tbody) tr:first-child td {
    border-top-color: #B4B4B4;
}

.revenue-input-wrapper .custominput {
    font-weight: 600 !important;
    font-size: 15px !important;
}

.header-revenue-input {
    width: 29%;
}

.k-input-value-text{
    margin-top: 0 !important;
}

.resource_error{
    border : 1px solid #EE3424 !important;
}

.billingRate {
    top: 12px;
    right: 27px;
    font-size: 13px;
    color: #767676;
    font-style: italic;
}

.project-card-wrapper .no-results-wrapper {
    height: calc(100vh - 242px); 
}

.input-wrapper.input-fixed-label span.k-autocomplete .k-input-inner {
    padding-right: 150px !important;
}

.progress-bar-info {
    background: #fff;
    border: 1px solid #CBCACA;
    padding: 6px 10px;
    border-radius: 5px;
}

.progress-bar-info::before {
    border-color: transparent transparent #CBCACA;
    border-width: 0 6px 9px;
}

.progress-bar-info:after {
    border-color: transparent transparent #ffffff;
    border-width: 0 5px 8px;
}

.progress-bar-info::after,
.progress-bar-info::before {
    content: '';
    position: absolute;
    border-style: solid;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 1px);
}

.timesheet-grid.k-grid {
    height: 600px;
}

.remarks-content-modal .modal-header .btn-close {
    background: url(../images/close_black.svg) center/contain no-repeat;
    width: 16px;
    height: 16px;
}

.remarks-content-modal .modal-header {
    border-bottom: 1px solid #D2D2D2;
    padding: 0 0 16px;
}

.remarks-content-modal .modal-content {
    padding: 16px 20px 20px;
}

.remarks-content-modal .modal-body {
    padding: 16px 0 0;
}

.remarks-content-modal .modal-body p,
.project-description-edit,
.task_description,
.issue_description,
.project-description-edit p {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: var(--black-color);
}

.remarks-content-modal.modal .modal-dialog {
    max-width: 710px;
}

.project_progress_bar_text {
    color: #72B50E;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    margin-bottom: 2px;
}

.project_progress_bar {
    background-color: #72B50E;
}

.circle-container {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline: 10px 5px;
}

.circle-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    flex-shrink: 0;
}

.file-icon {
    width: 60%;
    height: auto;
}
  
.menu-btn {
    background: url(../images/menu_icon.svg) center/contain no-repeat;
    width: 18px;
    height: 18px;
}

.input-search input {
    background: #FFF;
    color: var(--black-color);
    padding: 4px 32px 4px 12px;
    height: 40px;
}

.input-search input,
.filter-wrapper .multiselect-wrapper .multiselect-option,
.more_filter_accordion .accordion-body .custom-checkbox label {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}

.filter-wrapper .milestone_task_issue_filter,
.btn.date-range-filter-btn {
    border-radius: 5px;
    border: 1px solid var(--input_border_secondary_color) !important;
}

.view-mode-dropdown .dropdown-toggle.view-mode-btn,
.custom-dropdown .dropdown-toggle.filter-btn {
    border-radius: 5px;
    border: 1px solid var(--input_border_color) !important;
}

.input-search:not(.dropdown-input)::after {
    content: '';
    background: url(../images/search_icon_grey.svg) center/contain no-repeat;
    width: 15px;
    height: 14px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.btn.filter-btn {
    font-size: 13px;
    line-height: 16px;
    color: #767676 !important;
    font-weight: 400;
    padding: 6px 20px 6px 10px;
    background-color: #ffffff !important;
    min-width: 160px;
    text-align: left;
}

.task_progress_bar_text,
.issue_progress_bar_text {
    color: #b50e0e;
}

.task_progress_bar,
.issue_progress_bar {
    background-color: #b50e0e;
}

.f14 {
    font-size: 14px;
}

.detail-attachment {
   height: 96px;
}

.attachment-wrapper {
    border-radius: 5px;
    border: 1px solid #CFCFCF;
    width: 200px;
}

.attachment-footer {
    background: var(--light_bg_color);
    padding: 6px;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #EDEDED;
}

.attachment-date-time {
    color: #424242;
    font-size: 11px;
    line-height: 14px;
}

.project-wrapper .input-wrapper.create-update-info p,
.task-input-details .input-wrapper .tasks_creation_info,
.issue-input-details .input-wrapper .issues_creation_info {
    font-size: 13px;
    line-height: 20px;
}

.attachment-name {
    font-size: 15px;
    line-height: 22px;
    color: var(--secondary-color) !important;
    font-weight: 500;
    text-decoration: none;
}

.other-attachment-icon {
    height: 37px;
}

.project-details-wrapper .comment-section-wrapper .line-divider {
    border-color: #F2F2F2;
    margin: 25px 0 10px;
}

.project-details-wrapper .comment-section-wrapper .nav-tabs.inner-tabs .nav-link {
    min-width: 112px;
}

.k-grid td.k-focus,
.k-grid td.k-state-focused {
    box-shadow: none !important;
}

.project_status_name,
.task_status_name,
.issue_status_name, 
.milestone_status_name {
    display: inline-block;
    padding: 1px 6px;
    min-width: 88px;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    /* color: #fff; */
}

.task_label_name,
.issue_label_name {
    border-radius: 5px;
    padding: 2px 8px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;

}

.project-progressbar-wrapper .progress,
.task-details-section .progress,
.project-tasks-wrapper.task-grid .progress,
.issue-details-section .progress,
.project-issues-wrapper.issue-grid .progress{
    height: 7px;
    background: #F7F7F7;
}

.project-progressbar-wrapper span,
.task-details-section .input-wrapper .task-progress p,
.issue-details-section .input-wrapper .issue-progress p {
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
}

.project-progressbar-wrapper {
    gap: 3px;
}

.project-feature-btn {
    font-weight: 400;
    border-radius: 5px;
    border: 1px solid #CFCFCF;
    background: #FFF;
    padding: 4px 8px;
    min-width: 118px;
    transition: 0.2s all;
}

.project-feature-btn::before {
    content: '';
    background: url(../images/check_mark_icon.svg) center/contain no-repeat;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    display: inline-block;
    flex-shrink: 0;
}

.project-features-btn-wrapper {
    gap: 15px;
}

.project-feature-btn.selected {
    /* background: #DA654C; */
    background: var(--primary-color);
    color: #ffffff;
    /* border-color: #DA654C; */
    border-color: var(--primary-color);
}

.project-feature-btn:not(.selected):hover {
    background: #FBE7C8;
    border-color: #FBE7C8;
}

.project-feature-btn.selected::before {
    background: url(../images/check_mark_white_icon.svg) center/contain no-repeat;   
}

.project-feature-btn:not(.selected):hover::before {
    background: url(../images/check_mark_black_hover.svg) center/contain no-repeat;   
}

.project-features-wrapper h6,
.configuration-details tbody td:first-child:not(.configuration-details-input-list td:first-child) span,
.project-configuration-validation-txt,
.custom-checkbox.datepicker_footer label {
    color: #9A9A9A;
}

.project-configuration-tab .nav-link::before,
.administration-settings-btn::before {
    content: '';
    /* background: url(../images/settings_icon_red.svg) center/contain no-repeat; */
    background: url(../images/settings_icon_blue.svg) center/contain no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    flex-shrink: 0;
}

.project-configuration-tab .nav-link.active::before {
    background: url(../images/settings-white-icon.svg) center/contain no-repeat;
}

.project-configuration-tab-wrapper .nav-tabs .nav-item .nav-link {
    width: 100%;
    text-align: left;
    color: #757171;
}

.project-configuration-tab-wrapper .nav-tabs .nav-item .nav-link:not(.active):hover,
.user-status-dropdown .dropdown-menu .dropdown-item:hover,
.custom-dropdown .view_more + .dropdown-menu .dropdown-item:hover {
    color: var(--secondary-color);
}

.configuration-details tr td:nth-child(2) .input-wrapper:not(.configuration-details-input-list td .input-wrapper) {
    min-width: 410px;
    padding-right: 50px;
}

.configuration-details-input-list:not(.task-kanban-board-settings) tr td:first-child,
.task-kanban-board-settings tr td:nth-child(n+2):not(:last-child),
.configuration-details-input-list:not(.issue-kanban-board-settings) tr td:first-child,
.issue-kanban-board-settings tr td:nth-child(n+2):not(:last-child) {
    width: 190px;
}

.configuration-details tr td:nth-child(3) .input-wrapper:not(.configuration-details-input-list td .input-wrapper):not(.status-input),
.configuration-details tr td:nth-child(3) .input-wrapper.status-input .custominput {
    max-width: 215px;
}

.delete-button {
    /* background: url(../images/delete_icon_red.svg) center/contain no-repeat; */
    background: url(../images/delete_icon_blue.svg) center/contain no-repeat;
    width: 11px;
    height: 13px;  
}

.configuration-details td:not(.configuration-details-input-list td) {
    padding: 0
}

.configuration-details tbody tr:not(:last-child) td:not(.configuration-details-input-list td) {
    padding-bottom: 25px;
}

.configuration-details tr td:not(:last-child):not(.configuration-details-input-list td) {
    padding-right: 24px;
}

.configuration-details-input-list {
    border-radius: 5px;
    border: 1px solid #E4E4E4;
    border-collapse: separate;
    border-spacing: 0;
    /* background: #FFFAF1; */
    background: var(--light_bg_color);
}

.configuration-details-input-list tbody tr:not(:last-child) td {
    border-bottom: 1px solid #EFEFEF;
}

.configuration-details-input-list th {
    border-bottom: 1px solid #E6E6E6;
    padding: 10px;
}

.configuration-details-input-list td {
    padding: 5px 10px;
    height: 40px;
    color: var(--black-color);
}

.btn-divider {
    width: 1px;
    height: 30px;
    background: #E6E6E6;
    margin-inline: 12px;
}

.configuration-details td:not(:nth-child(2)):not(.configuration-details-input-list td) .input-wrapper .custominput,
.configuration-details-input-list td .input-wrapper .custominput,
.configuration-details-input-list td .multiselect-wrapper .custom-select {
    height: 30px !important;
}

.link-text {
    color: var(--secondary-color) !important;
    text-decoration: none;
}

.configuration-details-input-list tbody td .input-wrapper input[type="color"] {
    width: 30px !important;
    height: 30px !important;
}

.project-configuration-tab-wrapper .tab-content {
    padding: 20px !important;
    min-width: 0;
}

.project-configuration-tab-wrapper .nav.nav-tabs {
    box-shadow: 3px 3px 4px 0px #0000000d;
    flex-shrink: 0;
    width: 240px;
}

.project-details-tab-btns .nav-item:first-child .nav-link,
.profile-details-tab .nav-tabs .nav-item:first-child .nav-link {
    border-top-left-radius: 5px;
}

.project-details-tab-btns .nav-item:last-child .nav-link {
    border-top-right-radius: 5px;
}

.additional_info{
    font-size: 13px;
    font-style: italic;
    color: #A5A3A3;
    font-weight: 400;
    line-height: 15px;
    bottom: -20px;
}

button[disabled="disabled"] {
    opacity: 0.5 !important;
}

.k-list-item.k-selected{
    color: var(--black-color) !important;
}

.fund_spent,
.circular-progress-value span:not(.total_spent):first-child {
    color: #D70F00;
}

.project-detail-header .watchList {
    width: 12px;
    height: 11px;
    margin-left: 10px;
    flex-shrink: 0;
}

.user-name {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #E19882;
    color: #ffffff;
    margin-right: 5px;
    flex-shrink: 0;
    font-size: 11px;
    line-height: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

.input-wrapper.project_comment_option, .comment_input_wrapper {
    padding-left: 29px;
}

.detail-attachments {
    gap: 20px;
}

.project-wrapper .input-wrapper label:not(.multiselect-container label),
.personal-preferences-input .input-wrapper label:not(.multiselect-container label),
.company-configuration-input .input-wrapper label:not(.multiselect-container label),
.add-holidays-dropdown table th {
    color: #757171;
}

.project-wrapper {
    padding-block: 18px;
    width: 380px;
}

.plus-btn,
.minus-btn {
    border-radius: 2px;
    width: 17px;
    height: 17px;
    margin-left: 4px;
    flex-shrink: 0;
}

.plus-btn {
    background: url(../images/plus_white_icon.svg) center no-repeat #4B7902;
}

.minus-btn {
    background: url(../images/minus_icon.svg) center no-repeat #A30014;
}

.project-wrapper .input-wrapper.create-update-info p,
.task-input-details .input-wrapper .tasks_creation_info,
.issue-input-details .input-wrapper .issues_creation_info {
    color: #A5A3A3;
}

.task_description p,
.issue_description p,
.project-description-edit p {
    margin-bottom: 0;
}

.attach_btn_edit{
    font-size: 32px!important;
    font-weight: 700;
    padding: 0px 26px;
    height: auto;
}

.attach_btn_edit.k-upload-button{
    width: 47px;
}

.k-dropzone-hint{
    display: none;
}

.attach_description_wrapper .custom-textarea , .comment-info .input-wrapper .attach_description_wrapper .custom-textarea:disabled{
    border : unset !important;
}

.add_comment_btn_wrapper{
    position: absolute;
    right: 12px;
    bottom: 12px;
}

.task_details_section .comment-section,
.issue_details_section .comment-section,
.project_comment_section.comment-section{
    width: 100%;
}

.user_name{
    color: var(--secondary-color);
    font-size: 15px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.task_details_section .comment-section .comment-wrapper,
.task_details_section .comment-section .comment-wrapper .tasks_creation_info,
.issue_details_section .comment-section .comment-wrapper,
.issue_details_section .comment-section .comment-wrapper .issues_creation_info {
    font-size: 15px;
}

.task_details_autocomplete_label,
.issue_details_autocomplete_label {
    margin-bottom: 0.5rem !important;
}

.progress_bar_overspent_text {
    color: #D74444;
    font-weight: 400;
    margin-bottom: 2px;
}

.progress_bar_overspent_text,
.configuration-details tbody td:first-child:not(.configuration-details-input-list td:first-child) span,
.project-configuration-validation-txt {
    font-size: 12px;
    line-height: 14px;
}

.progress_bar_overspent,
.milestone_accordion_wrapper .progress .milestone_overdue {
    background-color: #D74444;
}

.image-attachment,
.video-attachment:not(:not(:root):fullscreen) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px 5px 0px 0px;
}

.audio-attachment{
    width:100%;
}

.grid-wrapper.project-detail-grid {
    border: 1px solid #E7E7E7;
    box-shadow: none;
}

.filter-wrapper * {
    min-width: 0;
}

.input-search input::placeholder {
    font-style: italic;
}

.filter-wrapper .custom-select ,
.filter-wrapper .custominput {
    font-size: 14px !important;
    line-height: 17px !important;
    padding-inline: 12px 18px !important;
    background-color: #ffffff !important;
}

.custom-dropdown .dropdown-toggle.filter-btn {
    background: url(../images/arrow_down.svg) center no-repeat;
    background-position-x: calc(100% - 7px);   
}

.view-mode-dropdown .dropdown-toggle.view-mode-btn {
    padding: 11px 22px 11px 12px;
    width: 140px;
}

.view-mode-dropdown .dropdown-menu {
    min-width: 0;
}

.list-view,
.grouped-view,
.kanban-view,
.tile-view,
.summary-view {
    width: 14px;
    height: 13px;
    flex-shrink: 0;
}

.list-view {
    background: url(../images/list_view_normal.svg) center/contain no-repeat;
}

.grouped-view {
    background: url(../images/grouped_view_normal.svg) center/contain no-repeat;
}

.kanban-view {
    background: url(../images/kanban_view_normal.svg) center/contain no-repeat;
}

.tile-view {
    background: url(../images/tile-view_normal.svg) center/contain no-repeat;
}

.summary-view {
    background: url(../images/summary_icon.svg) left center/contain no-repeat;
}

.view-mode-dropdown .dropdown-item.selected .list-view,
.view-mode-dropdown .view-mode-btn .list-view {
    /* background: url(../images/list_view_red_active.svg) center/contain no-repeat; */
    background: url(../images/list_view_blue_active.svg) center/contain no-repeat;
}

.view-mode-dropdown .dropdown-item.selected .grouped-view,
.view-mode-dropdown .view-mode-btn .grouped-view {
    /* background: url(../images/grouped_view_active.svg) center/contain no-repeat; */
    background: url(../images/grouped_view_blue_active.svg) center/contain no-repeat;
}

.view-mode-dropdown .dropdown-item.selected .kanban-view,
.view-mode-dropdown .view-mode-btn .kanban-view {
    /* background: url(../images/kanban_view_red_active.svg) center/contain no-repeat; */
    background: url(../images/kanban_view_blue_active.svg) center/contain no-repeat;
}

.view-mode-dropdown .dropdown-item.selected .tile-view,
.view-mode-dropdown .view-mode-btn .tile-view {
    /* background: url(../images/tile_view_red_active.svg) center/contain no-repeat; */
    background: url(../images/tile_view_blue_active.svg) center/contain no-repeat;
}

.view-mode-dropdown .dropdown-item.selected .summary-view,
.view-mode-dropdown .view-mode-btn .summary-view {
    background: url(../images/sum_blue_icon.svg) left center/contain no-repeat;
}

.task-filter-wrapper,
.issue-filter-wrapper {
    margin-top: -8px;
}

.attach_file_wrapper.k-upload .k-dropzone {
    border-top: 1px dashed var(--input_border_color);
    padding: 10px 0 0;
}

.attach_file_wrapper .k-upload-files,
.details_upload_wrapper .k-upload-files {
    border-color: #D9E5F5;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    border: 0;
    padding-bottom: 10px;
}

.attach_file_wrapper .k-upload-files .k-file,
.details_upload_wrapper .k-upload-files .k-file {
    padding: 8px;
    color: var(--black-color);
    align-items: center;
}

.attach_file_wrapper .k-upload-files .k-file>.k-file-name-size-wrapper,
.details_upload_wrapper .k-upload-files .k-file>.k-file-name-size-wrapper {
    margin-inline: 4px;
}

.attach_file_wrapper .k-upload-files .k-file-group-wrapper .k-file-group,
.details_upload_wrapper .k-upload-files .k-file-group-wrapper .k-file-group{
    font-size: 22px;
    /* color: #CF7373; */
    color: var(--primary-color);
}

.attach_file_wrapper .k-upload-files .k-file .k-upload-action,
.details_upload_wrapper .k-upload-files .k-file .k-upload-action {
    margin-right: 0;
    width: 16px;
    height: 16px;
    opacity: 0.9;
}

.attach_file_wrapper .k-upload-files .k-file>.k-file-name-size-wrapper .k-file-name,
.details_upload_wrapper .k-upload-files .k-file>.k-file-name-size-wrapper .k-file-name {
    font-size: 14px;
    line-height: 20px;
}

.attach_file_wrapper.k-upload  .k-dropzone .k-upload-status,
.details_upload_wrapper.k-upload  .k-dropzone .k-upload-status {
    display: none;
}

.details_duration {
    color: #A5A3A3;
    font-size: 14px;
    line-height: 17px;
}

.color-picker-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-radius: 2px;
    border: 0.5px solid #E6E6E6;
    background: #FFF;
    padding: 5px;
    width: 130px;
}

.selected-color,
.color-picker-wrapper span {
    width: 17px;
    height: 17px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    font-weight: 500;
}

.color-picker-wrapper span,
.display-image-selection-wrapper > span {
    cursor: pointer;
    transition: 0.1s all;
}

.color-picker-wrapper span.selected {
    outline: 2px solid #313131;
}

.selected-color {
    border-radius: 2px;
}

.color-code-1.priority_custom_color{
    color: #E86427 !important;
}

.color-code-2.priority_custom_color{
    color: #972470 !important;
}

.color-code-3.priority_custom_color{
    color: #D3A500 !important;
}

.color-code-4.priority_custom_color{
    color: #017A55 !important;
}

.color-code-5.priority_custom_color{
    color: #000DA3 !important;
}

.color-code-1:not(.priority_custom_color),
.selected-color.color-code-1.priority_custom_color {
    background-color: #FF3B29 !important;
    color: #ffffff !important;
}

.color-code-2:not(.priority_custom_color),
.selected-color.color-code-2.priority_custom_color {
    background-color: #FFD200 !important; 
    color: #2E2D2D !important; 
}

.color-code-3:not(.priority_custom_color),
.selected-color.color-code-3.priority_custom_color {
    background-color: #FF7F00 !important; 
    color: #2E2D2D !important; 
}

.color-code-4:not(.priority_custom_color),
.selected-color.color-code-4.priority_custom_color {
    background-color: #0B9EF4 !important; 
    color: #ffffff !important;   
}

.color-code-5:not(.priority_custom_color),
.selected-color.color-code-5.priority_custom_color {
    background-color: #67D076 !important;
    color: #2E2D2D !important; 
}

.color-code-6 {
    background-color: #FE8175 !important;
    color: #2E2D2D !important;
}

.color-code-7 {
    background-color: #FFEA7C !important;
    color: #2E2D2D !important; 
}

.color-code-8 {
    background-color: #FFAA57 !important;
    color: #2E2D2D !important;
}

.color-code-9 {
    background-color: #77CCFF !important;
    color: #2E2D2D !important;
}

.color-code-10 {
    background-color: #9FF3AB !important;
    color: #2E2D2D !important;
}

.color-code-11 {
    background-color: #FFB6B1 !important;
    color: #2E2D2D !important;  
}

.color-code-12 {
    background-color: #FFF4BE !important;
    color: #2E2D2D !important; 
}

.color-code-13 {
    background-color: #FFCB99 !important;
    color: #2E2D2D !important;
}

.color-code-14 {
    background-color: #C3E5F9 !important;
    color: #2E2D2D !important; 
}

.color-code-15 {
    background-color: #D4FFDB !important;
    color: #2E2D2D !important;
}

.drag-icon {
    background: url(../images/drag_icon.svg) center/contain no-repeat;
    width: 9px;
    height: 15px;
}

.configuration-details-input-list td .multiselect-wrapper {
    max-width: 170px;
}

.client_name_error,
.project_owner_edit_error {
    color: #EE3424 !important;
}

.attachment-comments-wrapper {
    max-height: 780px;
    overflow-y: auto;
}

.project-detail-header,
.project-description-edit,
.detail-attachments-wrapper {
    padding-inline: 20px;
}

.milestone-filter-wrapper {
    margin-top: -12px;
}

.filter-wrapper .custom-select.highlight_filter,
.more_filters_wrapper .more_filters.highlight_filter{
    /* background-color: #E1D8CA !important; */
    background-color: #A7BCEA !important;
}

.filter-wrapper .custom-select.highlight_filter {
    border-color: #A7BCEA !important;
}

.project-description-edit img:not(.other-attachment-icon):not(.image-attachment), 
.project_comment_section img:not(.other-attachment-icon):not(.image-attachment),
.task_comment_section img:not(.other-attachment-icon):not(.image-attachment),
.task_description img:not(.other-attachment-icon):not(.image-attachment),
.issue_comment_section img:not(.other-attachment-icon):not(.image-attachment),
.issue_description img:not(.other-attachment-icon):not(.image-attachment)  {
    max-width: 100%;
    height: auto;
}

.task-detail-modal .modal-dialog,
.issue-detail-modal .modal-dialog {
    max-width: 1670px;
    padding-inline: 40px;
}

.task-input-details,
.issue-input-details,
.project-details-modal .project-wrapper {
    width: 27%;
    padding-block: 10px 20px;
}

.task-detail-modal-header,
.task_description,
.task-details-attachments-wrapper,
.issue-detail-modal-header,
.issue_description,
.issue-details-attachments-wrapper {
    padding-inline: 20px;
}

.task-details-attachments-wrapper,
.issue-details-attachments-wrapper {
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 25px;
}

.task-detail-modal .tab-navigation .tab-content,
.issue-detail-modal .tab-navigation .tab-content {
    padding: 15px 20px 0;
}

.task-detail-modal .btn-close,
.issue-detail-modal .btn-close {
    background: url(../images/close_icon.svg) center/13px no-repeat #DBDBDB;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-sizing: border-box;
    margin-right: 15px;
}

.task-detail-modal .btn-close:hover,
.issue-detail-modal .btn-close:hover {
    background-color: #cac7c7;
}

.task-progress,
.issue-progress {
    display: flex;
    align-items: center;
    gap: 5px;
}

.task-progress .progress,
.issue-progress .progress {
    flex: 1;
}

.task-details-section .input-wrapper .task-progress p,
.issue-details-section .input-wrapper .issue-progress p {
    color: #72B50E;
}

.task-detail-modal .attachment-comments-wrapper,
.issue-detail-modal .attachment-comments-wrapper {
    max-height: unset;
    overflow-y: visible;
}

.task-detail-modal .task_details_section,
.issue-detail-modal .issue_details_section {
   padding-top: 20px;
   width: 100%;
   display: flex;
   flex-direction: column;
}

.task-details-expand-wrapper {
    flex: 1;
    min-width: 0;
    display: flex;
}

.task-detail-modal .task-input-details,
.issue-detail-modal .issue-input-details,
.project-details-modal .project-wrapper {
    max-width: 330px;
    padding-bottom: 0;
}

.task-detail-modal .task-input-details .input-wrapper.create-update-info,
.issue-detail-modal .issue-input-details .input-wrapper.create-update-info,
.project-details-modal .input-wrapper.create-update-info {
    padding-bottom: 20px;
}

.task_expanded_details .attachment-comments-wrapper,
.issue_expanded_details .attachment-comments-wrapper {
    max-height: unset;
    overflow-y: auto;
}

.reset-all-button {
    width: 73px;
}

/* .over_due_text {
    color: #FF0000;
} */

.attach_description_wrapper .update_comment_wrapper{
    right: 0px;
    bottom: 0px;
}

.file_size_info{
    left: 146px;
    bottom: 18px;
}

.project-list-filter {
    margin-bottom: 10px;
    margin-top: -10px;
}

.custom-dropdown.manage-columns .dropdown-menu .dropdown-item:hover,
.custom-dropdown .dropdown-menu .dropdown-item.no_notifications_wrapper:hover {
    background: inherit;
}

.custom-dropdown.manage-columns .dropdown-menu .dropdown-item:active {
    background-color: var(--hover_bg_color);
}

.go-back-btn {
    margin-right: 10px;
}

.k-toolbar.k-editor-toolbar {
    border-radius: 4px 4px 0 0;
    background: #ffffff;
}

.k-toolbar.k-editor-toolbar,
.k-editor-toolbar .k-tool-group>.k-tool {
    border-color: var(--input_border_color);
}

.k-editor-toolbar .k-tool-group>.k-tool {
    background: var(--light_bg_color);
}

.milestone_task_progress_bar .project-progressbar-wrapper,
.milestone_issue_progress_bar .project-progressbar-wrapper{
    flex: 1;
}

.milestone_task_navigation,
.milestone_issue_navigation{
    width: 15px;
    height: 15px;
}

.milestone_task_navigation img,
.milestone_issue_navigation img {
    width: 12px;
}


.milestone_task_navigation:not(.active) img,
.milestone_issue_navigation:not(.active) img {
    visibility: hidden;
}

.k-grid .grid_header_align_right .k-cell-inner .k-link {
    justify-content: end;
}

.filter-wrapper .custom-select,
.grid_project_filter_wrapper .custom-select,
.more_filters_wrapper .more_filters,
.milestone_filter_wrapper .milestone_task_issue_filter,
.daterange-dropdown .date-range-filter-btn,
.view-mode-dropdown .dropdown-toggle,
.filter-wrapper select.custominput {
    background: url(../images/arrow_fill_black.svg) center no-repeat;
    background-position-x: calc(100% - 8px);
}

.view_project_details,
.task-expanded-header,
.user-info-list-column,
.project-timesheet-wrapper>* {
    min-width: 0;
}


.contact-number-wrapper .country-code {
    border-radius: 4px 0 0 4px !important;
}
  
.contact-number-wrapper .contact-number {
    border-radius: 0 4px 4px 0 !important;
    border-left: none !important;
}

.task_status_wrapper .multiselect-container .form-check-input,
.issue_status_wrapper .multiselect-container .form-check-input,
.project_status_wrapper .multiselect-container .form-check-input,
.task_milestone_wrapper .multiselect-container .form-check-input,
.issue_milestone_wrapper .multiselect-container .form-check-input {
    display: none !important;
}


.task_status_wrapper.multiselect-wrapper .multiselect-container .multiselect-option .form-check,
.issue_status_wrapper.multiselect-wrapper .multiselect-container .multiselect-option .form-check,
.project_status_wrapper.multiselect-wrapper .multiselect-container .multiselect-option .form-check{
    padding-left: 0px !important;
}

.user_tile_accordion_wrapper .accordion-button {
    padding: 12px 15px;
    background-color: var(--highlight_bg);
    box-shadow: none;
    border-radius: 0 !important;
}

.user_tile_accordion_wrapper .accordion-button::after {
    margin-left: 5px;
    background: url(../images/arrow_fill_black.svg) center/contain no-repeat;
    width: 10px;
    height: 6px;
}

.user_tile_accordion_wrapper .accordion-item .accordion-body,
.milestone_accordion_wrapper .accordion-item .accordion-body {
    padding: 15px;
}

.badge.user-badge {
    border-radius: 10px;
    border: 1px solid #515151 !important;
    background: #FFF;
    font-size: 13px;
    line-height: 15px;
    color: #515151;
    font-weight: 400;
    padding: 2px 6px;
}

.re-invite-text {
    color: var(--secondary-color);
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
}

.contest-card-wrapper .user-status-badge,
.user-status-dropdown {
    top: 6px;
    right: 6px;
}

.no_preview_file_modal .modal-content {
    border-radius: 10px;
    background: #262626;
    box-shadow: 0px 1px 19px -5px rgba(0, 0, 0, 0.15);
    padding: 15px 15px 35px;
    color: #ffffff;
}

.no_preview_file_modal .modal-body p {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.no_preview_file_modal .modal-dialog {
    max-width: 690px;
}

.no_preview_file_modal .modal-header .btn-close,
.preview_file_modal .modal-header .btn-close{
    background: url(../images/close_white.svg) center/contain no-repeat;
    opacity: 1;
    padding: 0;
}

.preview_file_modal .modal-dialog {
    max-width: 100%;
    margin: 0;
    height: 100%;
}

.preview_file_modal .modal-content {
    background-color: #434343;
    height: 100%;
    border-radius: 0;
}

.preview_image {
    height: auto;
    transition: transform 0.5s;
}

.preview_image:not(.zoom_in_height){
    max-width: 100%;
    max-height: calc(100vh - 117px);
}

.preview_file_wrapper {
    margin-inline: auto;
    width: 100%;
}


.task_details_priority,
.issue_details_priority {
    background: transparent !important;
    font-weight: 700 !important;
}

.user-image-color-1 {
    background-color: #6300BF !important;
}

.user-image-color-2 {
    background-color: #F59A23 !important;
}

.user-image-color-3 {
    background-color: #A40277 !important;
}

.user-image-color-4 {
    background-color: #EC808D !important;
}

.user-image-color-5 {
    background-color: #C1C109 !important;
}

.user-image-color-6 {
    background-color: #A9A9A9 !important;
}

.linked-task-title,
.linked-issue-title {
    color: var(--secondary-color) !important;
}

.linked-tasks table {
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    table-layout: fixed;
}

.task-badge {
    border-radius: 5px;
    background: #B9FFC0;
    font-size: 15px;
    line-height: 18px;
    color: #388B40;
    font-weight: 400;
    padding: 1px 6px;
}

.issue-badge {
    border-radius: 5px;
    background: #FFB7C4;
    font-size: 14px;
    line-height: 15px;
    color: #AA5B69;
    font-weight: 400;
    padding: 2px 6px;
}
.user-filter-wrapper {
   padding: 12px 15px;
}

.user-info-checkbox.custom-checkbox label::before {
    top: unset;
    transform: unset;
}

.user-info-checkbox {
    left: 8px;
    top: 8px;
    z-index: 4;
}

.user-status-dropdown {
    position: absolute;
    z-index: 4;
}

.user-status-dropdown .dropdown-toggle {
    padding: 2px 7px;
}

.user-status-dropdown .dropdown-toggle,
.user-status-dropdown .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
}

.user-status-dropdown .dropdown-toggle span,
.user-status-dropdown .dropdown-menu .dropdown-item::before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    background: #AEAEAE;
}

.user-status-dropdown .dropdown-toggle.active span,
.user-status-dropdown .dropdown-menu.active .dropdown-item::before {
    background: #2BC01E;
}

.custom-dropdown.user-status-dropdown .dropdown-toggle::after {
    border-width: 5px 4px 0;
    border-top-color: #767676;
}

.user-status-dropdown .dropdown-menu .dropdown-item::before {
    content: '';
    margin-right: 5px;
}

.users-grid-wrapper {
    padding: 0 15px 20px;
}

.accordion-grid colgroup .k-group-col {
    width: 0;
}

.users-grid-wrapper .user-status-badge {
    position: static !important;
    margin-left: 10px !important;
}

.contest-card-wrapper p:not(.project-role-display) {
    display: flex;
    align-items: baseline;
    word-break: break-all;
}

.project-tasks-wrapper .k-grid-content .k-drag-cell .k-icon::before,
.project-issues-wrapper .k-grid-content .k-drag-cell .k-icon::before {
    content: '';
    background: url(../images/drag_icon.svg) center/contain no-repeat;
}

.attachment_options{
    position: absolute;
    top: 6px;
    right: 6px;
    /* background-color: #DA654C; */
    background-color: var(--primary-color);
    border-radius: 5px;
}

.attachment_options a{
    width: 22px;
    height: 20px;
}

.attachment_options a:first-child{
    border-right:  1px solid #ffffff4d;
}


.display-image-selection-wrapper > span,
.display-image-placeholder,
.project_image_selected,
.user_selected_image {
    width: 40px;
    height: 40px;
}

.display-image-selection-wrapper > span.selected,
.display-image-placeholder.selected,
.project_image_selected.selected,
.user_selected_image.selected {
    outline: 2px solid #313131;
}

.project-display-image-1 {
    background: url(../images/project_display_image_1.svg) center/contain no-repeat;
}

.project-display-image-2 {
    background: url(../images/project_display_image_2.svg) center/contain no-repeat;
}

.project-display-image-3 {
    background: url(../images/project_display_image_3.svg) center/contain no-repeat;
}

.project-display-image-4 {
    background: url(../images/project_display_image_4.svg) center/contain no-repeat;
}

.project-display-image-5 {
    background: url(../images/project_display_image_5.svg) center/contain no-repeat;
}

.project-display-image-6 {
    background: url(../images/project_display_image_6.svg) center/contain no-repeat;
}

.project-display-image-7 {
    background: url(../images/project_display_image_7.svg) center/contain no-repeat;
}

.project-display-image-8 {
    background: url(../images/project_display_image_8.svg) center/contain no-repeat;
}

.display-image-placeholder {
    background: url(../images/placeholder_img.svg) center/contain no-repeat;
    cursor: pointer;
}

.project-display-image-wrapper .divider {
    background: #DBDBDB;
    width: 1px;
}

.project-role-select .custominput {
    height: 30px !important /* to avoid the jumping while editing */
}

.user_role_status_txt {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #979696;
}

.user_role_status_txt.active-status {
    color: #2BC01E;
}

.task_expanded_details,
.issue_expanded_details {
    min-height: calc(100vh - 95px);
    word-break: break-all;
}

th.k-header.pr-16,
.k-grid td.pr-16 {
    padding-right: 16px !important;
}

.task_assignee_wrapper .multiselect-selected-text,
.task_list_milestone_wrapper .multiselect-selected-text,
.issue_assignee_wrapper .multiselect-selected-text,
.issue_list_milestone_wrapper .multiselect-selected-text {
    display: flex;
}

.task_assignee_wrapper .form-check-label,
.task_list_milestone_wrapper .form-check-label,
.issue_assignee_wrapper .form-check-label,
.issue_list_milestone_wrapper .form-check-label {
    display: flex;
    align-items: center;
    padding-left: 5px;
}

.task_assignee_wrapper .multiselect .user-name,
.issue_assignee_wrapper .multiselect .user-name {
    width: 20px;
    height: 20px;
    margin-right: -2px;
}

.multiselect_count {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #ffffff;
    font-size: 13px;
    border-radius: 50%;
    color: #767676;
    text-align: center;
    line-height: 18px;
    flex-shrink: 0;
}
.task_listing_section_wrapper,
.issue_listing_section_wrapper {
    max-width: 260px;
    width: 22%;
    /* background: #FFFDF4; */
    background: var(--light_bg_color);
    color: var(--black-color);
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #EBEBEB;
    display: flex;
    flex-direction: column;
}

.task_listing_details_section,
.issue_listing_details_section {
    overflow-y: auto;
    max-height: calc(100vh - 103px);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.all_task_list,
.all_issue_list {
    padding: 15px;
    border-bottom: 1px solid #F2F2F2;
    cursor: pointer;
    transition: 0.4s all;
}

.all_task_list .task_assignee_name,
.all_issue_list .issue_assignee_name,
.edit-item-modal .input-details-info p:first-child {
    color: #767676;
}

.all_task_list.task_active,
.all_issue_list.issue_active,
.all_task_list:hover,
.all_issue_list:hover {
    background: var(--hover_bg_color);
}

.all_task_list.task_active .task_active_title,
.all_issue_list.issue_active .issue_active_title {
    color: var(--secondary-color);
    cursor: pointer;
}

.task-detail-modal .modal-content,
.issue-detail-modal .modal-content {
    height: calc(100vh - 56px);
}

.multiselect-wrapper .multiselect-option .form-check-label,
.task_assignee_wrapper .form-check-label .user-name + span,
.issue_assignee_wrapper .form-check-label .user-name + span
.task_milestone_wrapper .custom-select .multiselect-selected-text,
.issue_milestone_wrapper .custom-select .multiselect-selected-text,
.multiselect-wrapper .multiselect-option .form-check-label span,
.k-list-content .k-list-item .k-list-item-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#user_name_listbox li:hover{
    background-color: var(--hover_bg_color);
    color: var(--secondary-color);
}

.custom_autocomplete_header {
    color: var(--black-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.14px;
    padding: 10px 12px;
    background: #ffffff;
}

.task_milestone_wrapper .custom-select,
.issue_milestone_wrapper .custom-select {
    border: 0 !important;
    color: var(--primary-color) !important;
    /* background: #FFFDF4; */
    background: var(--light_bg_color);
    padding: 13px 15px !important;
    height: auto !important;
    margin-right: 40px;
    display: flex;
    align-items: center;
}

.task_milestone_wrapper .custom-select::after,
.issue_milestone_wrapper .custom-select::after {
    content: '';
    background: url(../images/arrow_green.svg) center/contain no-repeat;
    width: 12px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    flex-shrink: 0;
}

.task_milestone_wrapper {
    border-bottom: 1px solid #D6D6D6; 
    /* background: #FFFDF4; */
    background: var(--light_bg_color); 
    border-top-left-radius: 5px;
}

.task_details_expand.active {
    border-radius: 5px 0px 0px 5px;
    /* background: #FFFDF4; */
    background: var(--light_bg_color);
    border: 1px solid #EBEBEB;
}

.task-expand-icon {
    /* background: url(../images/task_collapse_red_icon.svg) center/contain no-repeat; */
    background: url(../images/task_collapse_blue_icon.svg) center/contain no-repeat;
    width: 26px;
    height: 26px;
    display: block;
}

.task_details_expand.active .task-expand-icon {
    /* background: url(../images/expand_red_icon.svg) center no-repeat;  */
    background: url(../images/expand_blue_icon.svg) center no-repeat; 
    width: 44px;
    height: 47px; 
    border-bottom: 1px solid #D6D6D6;
}

.task_details_expand:not(.active),
.issue_details_expand:not(.active) {
    position: absolute;
    right: calc(100% + 6px);
    top: 10px;
}

.task_milestone_wrapper  .multiselect-container  .multiselect-option .form-check,
.issue_milestone_wrapper  .multiselect-container  .multiselect-option .form-check {
    padding: 0px;
}

.task_milestone_wrapper .multiselect-container,
.issue_milestone_wrapper .multiselect-container {
    margin-top: -2px !important;
}

.task_milestone_wrapper .multiselect-container .dropdown-item:not(:hover),
.issue_milestone_wrapper .multiselect-container .dropdown-item:not(:hover) {
    background-color: var(--light_bg_color) !important;
}

.task_listing_div,
.issue_listing_div {
    position: relative;
    flex-grow: 1;
}

.forgot-password-link{
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    display: block;
    margin-top: 20px;
}

.task-input-content,
.task-details-wrapper,
.issue-input-content,
.issue-details-wrapper {
    overflow-y: auto;
}

.task-input-content,
.issue-input-content {
    max-height: calc(100vh - 98px);
}

.task-details-wrapper,
.issue-details-wrapper {
    padding-bottom: 20px;
    flex-grow: 1;
    height: 1;
}

.k-popup.k-group {
    background: #fff;
    border: 0;
}

.k-list-content {
    padding: 0;
}

.k-list-content .k-list-item {
    padding: 10px 12px;
    border-radius: 0;
}

.k-list-content .k-list-item .k-list-item-text {
    display: flex;
    column-gap: 6px;
    width: 100%;
}

.k-list-content .k-list-item .k-list-item-text span {
    flex: 1;
}

#project_list_grid .k-loading-mask,
.task-grid .k-loading-mask,
.issue-grid .k-loading-mask {
    display: none;
}


.loader-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E7E7E7;
    border: 1px solid #CFCFCF;
    border-radius: 4px;
}

.loader {
    font-size: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: spinner 1.1s infinite ease;
    transform: translateZ(0);
    display: block;
  }

@keyframes spinner {
    0%,
    100% {
      box-shadow: 0em -2.6em 0em 0em var(--black-color), 1.8em -1.8em 0 0em rgba(46,45,45, 0.2), 2.5em 0em 0 0em rgba(46,45,45, 0.2), 1.75em 1.75em 0 0em rgba(46,45,45, 0.2), 0em 2.5em 0 0em rgba(46,45,45, 0.2), -1.8em 1.8em 0 0em rgba(46,45,45, 0.2), -2.6em 0em 0 0em rgba(46,45,45, 0.5), -1.8em -1.8em 0 0em rgba(46,45,45, 0.7);
    }
    12.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(46,45,45, 0.7), 1.8em -1.8em 0 0em var(--black-color), 2.5em 0em 0 0em rgba(46,45,45, 0.2), 1.75em 1.75em 0 0em rgba(46,45,45, 0.2), 0em 2.5em 0 0em rgba(46,45,45, 0.2), -1.8em 1.8em 0 0em rgba(46,45,45, 0.2), -2.6em 0em 0 0em rgba(46,45,45, 0.2), -1.8em -1.8em 0 0em rgba(46,45,45, 0.5);
    }
    25% {
      box-shadow: 0em -2.6em 0em 0em rgba(46,45,45, 0.5), 1.8em -1.8em 0 0em rgba(46,45,45, 0.7), 2.5em 0em 0 0em var(--black-color), 1.75em 1.75em 0 0em rgba(46,45,45, 0.2), 0em 2.5em 0 0em rgba(46,45,45, 0.2), -1.8em 1.8em 0 0em rgba(46,45,45, 0.2), -2.6em 0em 0 0em rgba(46,45,45, 0.2), -1.8em -1.8em 0 0em rgba(46,45,45, 0.2);
    }
    37.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(46,45,45, 0.2), 1.8em -1.8em 0 0em rgba(46,45,45, 0.5), 2.5em 0em 0 0em rgba(46,45,45, 0.7), 1.75em 1.75em 0 0em var(--black-color), 0em 2.5em 0 0em rgba(46,45,45, 0.2), -1.8em 1.8em 0 0em rgba(46,45,45, 0.2), -2.6em 0em 0 0em rgba(46,45,45, 0.2), -1.8em -1.8em 0 0em rgba(46,45,45, 0.2);
    }
    50% {
      box-shadow: 0em -2.6em 0em 0em rgba(46,45,45, 0.2), 1.8em -1.8em 0 0em rgba(46,45,45, 0.2), 2.5em 0em 0 0em rgba(46,45,45, 0.5), 1.75em 1.75em 0 0em rgba(46,45,45, 0.7), 0em 2.5em 0 0em var(--black-color), -1.8em 1.8em 0 0em rgba(46,45,45, 0.2), -2.6em 0em 0 0em rgba(46,45,45, 0.2), -1.8em -1.8em 0 0em rgba(46,45,45, 0.2);
    }
    62.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(46,45,45, 0.2), 1.8em -1.8em 0 0em rgba(46,45,45, 0.2), 2.5em 0em 0 0em rgba(46,45,45, 0.2), 1.75em 1.75em 0 0em rgba(46,45,45, 0.5), 0em 2.5em 0 0em rgba(46,45,45, 0.7), -1.8em 1.8em 0 0em var(--black-color), -2.6em 0em 0 0em rgba(46,45,45, 0.2), -1.8em -1.8em 0 0em rgba(46,45,45, 0.2);
    }
    75% {
      box-shadow: 0em -2.6em 0em 0em rgba(46,45,45, 0.2), 1.8em -1.8em 0 0em rgba(46,45,45, 0.2), 2.5em 0em 0 0em rgba(46,45,45, 0.2), 1.75em 1.75em 0 0em rgba(46,45,45, 0.2), 0em 2.5em 0 0em rgba(46,45,45, 0.5), -1.8em 1.8em 0 0em rgba(46,45,45, 0.7), -2.6em 0em 0 0em var(--black-color), -1.8em -1.8em 0 0em rgba(46,45,45, 0.2);
    }
    87.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(46,45,45, 0.2), 1.8em -1.8em 0 0em rgba(46,45,45, 0.2), 2.5em 0em 0 0em rgba(46,45,45, 0.2), 1.75em 1.75em 0 0em rgba(46,45,45, 0.2), 0em 2.5em 0 0em rgba(46,45,45, 0.2), -1.8em 1.8em 0 0em rgba(46,45,45, 0.5), -2.6em 0em 0 0em rgba(46,45,45, 0.7), -1.8em -1.8em 0 0em var(--black-color);
    }
}

.edit-btn {
    /* background: url(../images/edit_icon_red.svg) center/contain no-repeat; */
    background: url(../images/edit_icon_blue.svg) center/contain no-repeat;
    width: 13px;
    height: 13px;
    flex-shrink: 0;
}

.reset-password-link {
    color: var(--secondary-color) !important;
}

.country-icon::before {
    background: url(../images/earth.svg) center/contain no-repeat;
    width: 14px;
    height: 14px;
}

.company_icon::before {
    background: url(../images/company_icon.svg) center/contain no-repeat;
    width: 14px;
    height: 14px;
}

.mail-icon::before {
    background: url(../images/mail.svg) center/contain no-repeat; 
    width: 14px;
    height: 9px; 
}

.phone-icon::before {
    background: url(../images/phone.svg) center/contain no-repeat;  
    width: 12px;
    height: 12px; 
}

.country-icon::before,
.mail-icon::before,
.phone-icon::before,
.company_icon::before
 {
    content: '';
    margin-right: 5px;
    display: inline-block;
    flex-shrink: 0;
}

.personal-preferences-input td,
.company-configuration-input td {
    padding-top: 0;
    padding-left: 0;
}

.personal-preferences-input tr:not(:last-child) td {
    padding-bottom: 30px;
}

.personal-preferences-input tr td:first-child {
    padding-right: 48px;
}

.personal-preferences-input .input-wrapper select {
    min-width: 350px;
}

.working-days-btn-wrapper button {
   flex :1;
}

.company-configuration-input tr:not(:last-child) td {
    padding-bottom: 25px;
}

.company-configuration-input tr td:first-child {
    padding-right: 36px;
}



.add-holidays-dropdown table td,
.project_status_table td {
    padding: 5px 10px !important;
}

.add-holidays-dropdown{
    /* background: #FFFAF1; */
    background: var(--light_bg_color);
    border: 1px solid #E4E4E4;
    border-radius: 5px;
}

.add-holidays-dropdown table th {
    border-bottom: 1px solid #E6E6E6;
    padding: 9px 10px;
}

.add-holidays-dropdown table tbody tr:not(:last-child) td {
    border-bottom: 1px solid #EFEFEF;
}

.add-holidays-dropdown table td {
    height: 40px;
}

.add-holidays-dropdown table td .custominput {
    height: 30px !important;
}

.company-configuration-input .input-wrapper, 
.company-configuration-input .selection-buttons,
.personal-preferences-input .input-wrapper{
    max-width: 380px;
}

.profile_edit_popup .modal-content,
.reset_password_popup .modal-content,
.change_avatar_popup .modal-content {
    padding: 16px 20px 20px;

}


.profile_edit_popup .modal-dialog {
    max-width: 880px;
}

.reset_password_popup .modal-dialog {
    max-width: 446px;
}

.custom_border {
    font-size: 15px !important;
    font-style: normal;
    font-weight: 400;
    color: var(--primary-color) !important;
    cursor: pointer;
}

.success_confirmation {
    font-size: 14px;
    color: var(--black-color);
}

.reset_success_wrapper {
    background: #ffffff;
}

.reset_success_wrapper h2 {
    color: var(--black-color);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.reset_success_wrapper p {
    color: var(--black-color);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.reset_success_wrapper .primarybutton {
    width: 125px;
}

.reset_success_wrapper .primarybutton a {
    color: #ffffff;
    text-decoration: none;
}

.company_settings_wrapper .multiselect-container .multiselect-option:first-child,
.timesheet_project_wrapper .multiselect-container .multiselect-option:first-child{
    display: none;
}

.add-holidays-dropdown table{
    min-width: 560px;
}

.range_divider{
    width: 6px;
    height: 1px;
    background: var(--black-color);
}

.input-daterange:not(.daterange-dropdown .input-daterange) .custominput {
    border: unset !important;
    padding-inline: 12px;
}

.input-daterange .start_date{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-daterange .end_date{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.datepicker table tr td.selected.range-start{
    border-radius: 5px 0 0 5px !important;
}

.datepicker table tr td.selected.range-end {
    border-radius: 0 5px 5px 0 !important;
}

.reset_password_popup .error{
    white-space: normal;
}

.reset_password_popup .show_hide_passwords{
    width: 65px;
}

.configuration-details-input-list.project_status_table{
    max-width: 443px;
}

.nav_menu .nav-link {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff !important;
    font-weight: 400;
    padding: 0px 4px;
}

.nav_menu .nav-link.active {
    font-weight: 700;
}

.nav_menu .nav-link.active::after,
.nav_menu .nav-link:not(.active):hover::after {
    width: 100%;
}

.nav_menu .nav-link::after {
    content: '';
    background: #FFFFFF;
    width: 0;
    height: 5px;
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    border-radius: 5px 5px 0 0;
    transition: 0.15s ease-in-out;
}

.task_bulk_update_ul ,
.issue_bulk_update_ul {
    box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.20);
    font-size: 15px !important;
}

.task_bulk_update_ul.task_list_priority_wrapper ,
.issue_bulk_update_ul.issue_list_priority_wrapper {
    min-width: 112px;
}

.task_bulk_update_ul.task_list_milestone_wrapper,
.issue_bulk_update_ul.issue_list_milestone_wrapper {
    min-width: 331px;
    max-height: 296px;
    overflow-y: auto;
}

.task_bulk_update_ul.task_list_milestone_wrapper li ,
.issue_bulk_update_ul.issue_list_milestone_wrapper li {
    padding: 8px 16px;
}

.task_bulk_update_ul.task_bulk_label_wrapper,
.issue_bulk_update_ul.issue_bulk_label_wrapper {
    min-width: 225px;
    max-height: 272px;
    overflow-y: auto;
}

.update_label span{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.dropdown-input input{
    border-right: unset !important;
    border-radius: 5px 0 0 5px;
}

.dropdown-input span,
.dropdown-input input {
    padding: 4px 8px 4px 14px !important;
    border: 1px solid var(--input_border_color);
    background: #fff;
}

.dropdown-input .save_label_wrapper{
    border-right: unset !important;
    border-left: unset !important;
}

.dropdown-input span:last-child{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; 
}

.login-input-wrapper .forgot_password_wrapper,
.login-input-wrapper .reset_password_wrapper{
    padding: 10px 16px !important;
}

.login-wrapper .forgot-password-btn,
.login-input-wrapper .reset_password_submit_btn {
    font-size: 19px !important;
    line-height: 15px !important;
    font-weight: 500;
    height : 40px;
}

.user_profile_image{
    width: 94px;
    height: 94px;
    object-fit: cover;
    border-radius: 50%;
}

.upload_user_image_label::after{
    content: '';
    background: url(../images/upload_icon_white.svg) center no-repeat #222222e6;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
    scale: 0;
}

.upload_user_image_label:hover::after{
    scale: 1;
}

.user_image_wrapper .custom_error_text{
    position: absolute;
    bottom: -21px;
    left: 0;
    white-space: nowrap;
}

.nav-link.user_image_menu,
.project_listing_user_image {
    width: 24px !important;
    height: 24px !important;
    object-fit: cover;
    border-radius: 50%;
    padding: 0px;
}

.configuration-details-input-list.user_role_table{
    min-width: 400px;
}

.configuration-details-input-list.issue_status_table{
    width: 443px;
}

.comment_input_wrapper .comments_info {
    color: var(--black-color);
    font-size: 15px;
    line-height: 22px;
    font-style: normal;
    font-weight: 400;
    text-align: justify;
    word-break: break-word;
}

.task_listing_user_image,
.issue_listing_user_image{
    width: 22px;
    height: 22px;
    object-fit: cover;
    border-radius: 50%;
    padding: 0px;
}

.user_filter_image_path {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
    padding: 0px;
}

.user-info {
    border-bottom: 1px solid #F5F5F5;
}

.add_billing_rate {
    color: var(--secondary-color);
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.add_billing_rate:hover,
.custom-dropdown .dropdown-menu .dropdown-item.update_status_dropdown:hover,
.action-buttons .custom-dropdown .dropdown-menu .dropdown-item:not(:first-child):hover {
    color: var(--secondary-color);
}

.custom-dropdown.user-status-dropdown .dropdown-toggle{
    border-radius: 10px;
    border: 1px solid #E4E4E4;
    background: #FAFAFA; 
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: #979696;
}

.custom-dropdown.user-status-dropdown.active .dropdown-toggle:not(.change_status_border)::after {
    border-top-color: #2BC01E;
}

.custom-dropdown.user-status-dropdown.active .dropdown-toggle{
    border-color:  #C8EAC0;
    background: #F3FFF0;
    color: #2BC01E;
}

.custom-dropdown.user-status-dropdown .dropdown-item{
    color: #2BC01E;
}

.custom-dropdown.user-status-dropdown.active .dropdown-item{
    color: #979696;
}

.project-role-display.external_user_role img {
    width: 12px;
    height: 10px;
}

.custominput.user_role_edit {
    background: url(../images/arrow_down.svg) center/12px no-repeat #ffffff;
    background-position-x: calc(100% - 12px);
    padding-right: 35px;
    height: 30px !important;
}

.no_billing_rate_txt {
    font-size: 15px;
    line-height: 18px;
}

.input-wrapper.edit_user_input{
    width: 128px;
}

.input-wrapper.edit_user_input .custominput{
    height: 30px !important;
    padding: 4px;
}

.input-wrapper.edit_user_input .placeholder-text{
    top: 46%;
    right: 0;
}

.btn-divider.edit_user_divider{
    height: 14px;
}

.clear_datepicker,
.clear_datetime_picker{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    background: url(../images/close_grey_icon.svg) center/contain no-repeat !important;
    width: 9px;
    height: 10px;
}

.clear_datetime_picker{
    z-index: 9;
}

.k-calendar .k-footer{
    background: var(--light_bg_color);
    padding: 19px 0px;
}

.change_avatar_popup .modal-dialog {
    max-width: 322px;
}

.upload_user_image_wrapper {
    margin-top: 38px;
}
.upload_user_image_wrapper p {
    color: #757171;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}

.project_task_kanban_view_wrapper .k-taskboard-column,
.project_issue_kanban_view_wrapper .k-taskboard-column {
    border-radius: 5px !important;
    background: var(--light_bg_color) !important;
    min-width: 300px;
    width: unset;
    flex: 1;
    /* overflow: visible; */
}

.project_task_kanban_view_wrapper .k-taskboard-column-header,
.project_issue_kanban_view_wrapper .k-taskboard-column-header {
    min-height: 40px;
    padding: 0 8px;
}

.project_task_kanban_view_wrapper .taskboard-heading,
.project_issue_kanban_view_wrapper .issueboard-heading {
    width: 100%;
    color: var(--black-color);
    font-size: 16px;
    line-height: 20px;
    font-style: normal;
    font-weight: 700;
    padding: 0;
}

.grid-wrapper.task_kanban_wrapper,
.grid-wrapper.issue_kanban_wrapper {
    border: unset;
}

.kanban_card,
.kanban_card_footer,
.linked-tasks table td,
.user-dropdown .btn.btn-select,
.timesheet-summary-accordion .accordion-item table td {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: var(--black-color);
}

.kanban_card {
    position: relative;
}

.kanban_card,
.view_task_kanban_details,
.view_issue_kanban_details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.task_kanban_details,
.issue_kanban_details {
    font-weight: 700;
}

.task_kanban_border,
.issue_kanban_border {
    position: absolute;
    top: 0;
    left: 0;
    border-right: 10px solid transparent;
    border-top: 10px solid; /* Set the background color of the triangle */
}

.project_task_kanban_view_wrapper .k-taskboard-column-cards-container,
.project_issue_kanban_view_wrapper .k-taskboard-column-cards-container {
    padding: 0 8px 0px;
    display: flex;
    flex-direction: column;
    /* overflow: visible; */
}

.k-taskboard-column-cards .kanban_card .form-check-input {
    margin-top: 1px;
}

.project_task_kanban_view_wrapper .k-taskboard-card,
.project_issue_kanban_view_wrapper .k-taskboard-card {
    border-radius: 5px;
    background: #FFF;
    flex-shrink: 0;
    box-shadow: 0px 1px 6px 1px #0000001A;
    border: none;
    padding: 10px 8px;
    min-height: 120px;
}

.date_with_border {
    color: #972470;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    border: 1px solid #FFE7F7;
    border-radius: 5px;
    background: #FFE7F7;
    width: 82px;
    padding-left: 6px;
}

.kanban_card_footer {
    padding-top: 8px;
}

.on_time_txt {
    color: #72B50E;
}

.behind_txt {
    color: #D74444;
}

.task-kanban-board-settings,
.issue-kanban-board-settings {
    min-width: 500px;
}

.task_kanban_description p img, .task_kanban_description img,
.issue_kanban_description p img, .issue_kanban_description img {
    width: 100%;
    height: 50%;
}


.kanban_no_result{
    position: relative;
    top: 50%;

}

.kanban_settings_navigation {
    width: 40px;
    height: 40px;
    /* background: url(../images/settings_icon_red.svg) center no-repeat var(--light_bg_color); */
    background: url(../images/settings_icon_blue.svg) center no-repeat var(--light_bg_color);
    border-radius: 5px;
    border: 1px solid var(--primary-color);
    flex-shrink: 0;
}

.kanban_open_wrapper {
    border-radius: 5px;
    background: #F1F1F1;
}

.kanban_open_btn_wrapper .kanban_expand_hide_btn {
    height: 40px;
}

.kanban_open_wrapper .task_kanban_column_info,
.kanban_open_wrapper .issue_kanban_column_info {
    white-space: nowrap;
    display: flex;
    align-items: center;
    height: calc(100vh - 260px);
    border-radius: 0 0 5px 5px;
}

.kanban_open_wrapper .task_kanban_column_info .task_kanban_column_text,
.kanban_open_wrapper .issue_kanban_column_info .issue_kanban_column_text {
    transform: rotate(-90deg);
    width: 57px;
    color: var(--black-color);
    font-size: 16px;
    font-weight: 700;
}

.task_kanban_border,
.issue_kanban_border {
    background : unset !important;
}

.bulk_assignee_wrapper {
    padding: 10px 8px;
}

.bulk_assignee_wrapper .primarybutton {
    height: 30px;
    line-height: 30px;
}

.search_assignee_wrapper {
    width: 250px;
}

.task_grid_drag,
.issue_grid_drag {
    background-color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: var(--black-color);
    border: 1px solid #F5F5F5 !important;
    height: 40px;
    background-color: var(--hover_bg_color) !important;
    max-width: calc(100vw - 90px);
    width: fit-content;
    overflow: hidden;
    white-space: nowrap;
}

.project_loader_wrapper {
    height: calc(100% - 221px);
    z-index: 6;
    width: 100%;
    bottom: 45px;
}

.project_list_wrapper {
    height: calc(100% - 135px);
    bottom: 25px;
}

.task_completed_txt,
.issue_completed_txt {
    color: #9A9A9A;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.my_timesheet_wrapper .pageheading {
    font-size: 20px;
    line-height: 24px;
}

.timesheet_task_wrapper,
.timesheet_issue_wrapper {
    border-radius: 5px;
    border: 1px solid #E7E7E7;
    border-collapse: separate;
    border-spacing: 0;
    background: #FFF;
}

.timesheet_task_wrapper th,
.timesheet_issue_wrapper th {
    color: #757171;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding: 10px 15px;
    border-bottom: 1px solid #E6E6E6;
}


.timesheet_task_wrapper tbody tr:not(:last-child) td,
.timesheet_issue_wrapper tbody tr:not(:last-child) td {
    border-bottom: 1px solid #F5F5F5;
}

.timesheet_task_wrapper tbody td {
    padding: 13px 15px;
}

.timesheet_task_wrapper tbody td:first-child,
.timesheet_issue_wrapper tbody td:first-child {
    width: 350px;
}

.timesheet_task_wrapper tbody td:nth-child(3) {
    width: 148px;
}

.timesheet_task_wrapper tbody td:last-child(2),
.timesheet_issue_wrapper tbody td:last-child {
    min-width: 400px;
}

.timesheet_add_task,
.timesheet_add_issue {
    border-radius: 0px 0px 4px 4px;
    background: var(--light_bg_color);
}

.timesheet_add_task .link-text,
.timesheet_add_issue .link-text {
    font-size: 15px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}

.timesheet_task_wrapper .burned_hrs::placeholder,
.timesheet_issue_wrapper .burned_hrs::placeholder {
    color: #A8A8A8;
}

.timesheet_project_image {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.grid_project_filter_wrapper .custom-select {
    background-color: #fff;
}

.grid_project_filter_wrapper .multiselect-native-select {
    height: 30px !important;
}

.module-dropdown .dropdown-menu>ul>li:hover,
.app-item:hover {
    background: var(--hover_bg_color);
}

.remarks-content-modal.timesheet_remarks_view .modal-header .btn-close {
    background: url(../images/close_black.svg) center/14px no-repeat #DBDBDB;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.previous_file_preview {
    left: 20px;
}

.next_file_preview {
    right: 20px;
}

.next_file_preview img,
.previous_file_preview img {
    width: 48px;
    height: auto;
}

.file_name_display {
    color: #FFF;
    font-size: 15px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;
}

.image_action_buttons_wrapper button,
.image_action_buttons_wrapper a {
    border-radius: 2px;
    transition: 0.1s ease-in-out;
    width: 32px;
    height: 32px;
}

.image_action_buttons_wrapper button:hover,
.image_action_buttons_wrapper a:hover {
    background: #343434;
}

.image_action_buttons_wrapper button {
    border: 1px solid #595959;
    background: transparent;
}

.preview-file-footer,
.preview_file_modal .modal-header {
    padding: 16px 20px;
}

.image_zoom_in {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.no_preview_text {
    color: #fff;
    font-size: 22px;
    line-height: 42px;
    font-weight: 600;
}

.user_account_create_btn {
    font-size: 20px !important;
    height: 40px;
    line-height: 8px !important;
}

.user_create_account_wrapper .input-wrapper {
    padding: 12px 16px;
}

.project-tasks-wrapper .task_title_wrapper .k-column-title,
.project-issues-wrapper .issue_title_wrapper .k-column-title {
    width: 100%;
}

.task_list_milestone_wrapper .multiselect-selected-text,
.issue_list_milestone_wrapper .multiselect-selected-text {
    align-items: center;
}

.more_filters_wrapper .custom-select {
    border-radius: unset !important;
}

.more_filters,
.dashboard_filters,
.milestone_task_issue_filter,
.add_task_custom_dropdown {
    border-radius: 5px;
    border: 1px solid var(--input_border_color) !important;
    background-color: #FFF !important;
    height: 40px;
    color: var(--black-color);
    font-size: 14px;
    line-height: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.more_filters_wrapper .more_filters,
.milestone_filter_wrapper .milestone_task_issue_filter,
.add_task_custom_dropdown_wrapper .add_task_custom_dropdown {
    width: 100%;
    text-align: left;
    padding: 4px 18px 4px 10px;
}

.custom-dropdown .dropdown-toggle.dashboard_filters::after {
    border-top-color: #767676;
}

.more_filters_wrapper .dropdown-menu,
.dashboard_filter_wrapper .dropdown-menu,
.milestone_filter_wrapper .dropdown-menu{
    width: 220px;
    max-height: calc(100vh - 350px);
    overflow-y: auto;
    border-radius: 5px 5px 0px 0px;
    background: #FFF;
}

.priority_custom_color:not(.add_task_custom_dropdown) {
    background-color: transparent !important;
}

.priority_custom_color:not(.add_task_custom_dropdown):not(.more_filter_accordion .accordion-body .priority_custom_color) {
    font-size: 15px;
    line-height: 18px;
}

.more_filter_accordion .accordion-item .accordion-body ul li:not(.more-filter-checkbox-wrapper li:not(.more-filter-item-filter)),
.more-filter-checkbox-wrapper .custom-checkbox label {
    padding: 10px 12px;
}

.more-filter-checkbox-wrapper .custom-checkbox label::before {
    position: static;
    transform: unset;
    margin-right: 8px;
    flex-shrink: 0;
}

.more-filter-checkbox-wrapper .custom-checkbox label {
    cursor: pointer;
}

.more_filter_accordion .accordion-item .accordion-body ul li:hover .custom-checkbox label,
.more_filter_accordion .accordion-item .accordion-body ul li:hover .due_filter_text {
    color: var(--secondary-color);
}

.more_filter_accordion .accordion-item {
    border-bottom: 1px solid #E1DDDD;
}

.more_filter_accordion .accordion-button {
    font-size: 14px;
    line-height: 19px;
    background: #fff;
    box-shadow: none;
    padding: 10px 20px 10px 11px;
    justify-content: space-between;
    color: var(--black-color);
}

.more_filters_wrapper .custom-scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.more_filter_accordion .custominput {
    height: 30px !important;
}

.more_filter_accordion .accordion-button::after {
    background: url(../images/arrow_icon_fill.svg) center/contain no-repeat;
    position: absolute;
    right: 8px;
    top: 18px;
    width: 10px;
    height: 6px;
}

.more_filter_accordion .accordion-body {
    background: var(--light_bg_color);
}

.more_filter_accordion .accordion-button:not(.collapsed) {
    /* background: #E1E9EA; */
    background: #F1F1F1;
    border-bottom: 1px solid #E1DDDD;
}

.more_filter_accordion .accordion-button.collapsed .multiselect_count {
    /* background: #E1E9EA; */
    background: #F1F1F1;
}


.label_more_filter_colour {
    width: 10px;
    display: block;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    flex-shrink: 0;
}

.more_filter_accordion .accordion-body li,
.user-dropdown .dropdown-item:not(.user-filter) {
    cursor: pointer;
}

.tasks_filter_wrapper:not(.task_assignee_wrapper) .multiselect-selected-text,
.issues_filter_wrapper:not(.issue_assignee_wrapper) .multiselect-selected-text,
.project_filter_wrapper .multiselect-selected-text,
.milestone_multiselect_wrapper .multiselect-selected-text,
.user_filter_wrapper .multiselect-selected-text{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.more_filter_accordion .accordion-item .accordion-body ul li:hover{
    background-color: var(--hover_bg_color);
}

.due_filter_text,
.project_dashboard_txt {
    color: var(--black-color);
    font-size: 14px;
    font-weight: 400;
}

.project_duration_txt {
    color: #808080;
    font-weight: 400;
}

.project_details_link {
    line-height: normal;
}


.dashboard_card {
    min-height: 320px;
    border-radius: 5px;
    border: 1px solid #E6E6E6;
}

.dashboard_card .card_heading {
    border-bottom: 1px solid #E6E6E6;
    padding: 6px 12px;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #FAFFEB;
}

.dashboard_card .card_heading h5 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--black-color);
}

.project_dashboard_tab .k-grid:not(.upcoming-task-grid):not(.upcoming-issue-grid),
.project_dashboard_tab .k-chart:not(.work-load-status-chart):not(.users_billed_chart) {
    max-height: 280px !important;
}

.project_dashboard_tab .k-grid .k-grid-content::-webkit-scrollbar,
.dashboard-table-wrapper.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.pie_chart_no_data_txt {
    color: #9A9A9A;
    font-size: 16px;
    font-weight: 400;
}

.pie_chart_title {
    color: var(--black-color);
    font-size: 16px;
    font-weight: 700;
}

.dashboard_filters:hover {
    background: #fff;
    color: #767676;
    border-radius: 5px;
    border: 1px solid var(--input_border_color);
}

.bar_chart_axis {
    color: #A8A8A8;
    font-weight: 400;
    font-size: 13px;
}

.bar_chart_hightlight_txt {
    color: #808080;
    font-size: 13px;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    background: #EEEEEE;
    width: 75px;
    padding-inline: 2px;
}

.manage_widget_ul {
    right: 0;
    top: 0;
    border-radius: 5px;
    background: var(--light_bg_color);
    box-shadow: -1px 1px 8px 0px rgba(0, 0, 0, 0.15);
}

.manage_widget_ul .btn-close {
    background: url(../images/close_icon.svg) center/13px no-repeat #DBDBDB;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    box-sizing: border-box;
}



.circular-progress {
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.circular-progress:before {
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    background-color: #ffffff;
    border-radius: 50%;
    left: 5px;
    top: 5px;
}

.circular-progress-value,
.role-permission-settings h6,
.milestone_accordion_wrapper .accordion-button {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--black-color);
}

.dashboard_date_txt{
    color: #808080;
    font-size: 14px;
}

.manage_wigdet_heading {
    color: #757171;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.28px;
}

/* .project_dashboard_tab .k-grid,
.project_dashboard_tab .k-grid .k-grid-header,
.project_dashboard_tab .k-grid th.k-header,
.project_dashboard_tab .k-grid .k-alt.k-master-row{
    background: #F9FBFB;
} */

.dashboard-chart-body {
    padding-block: 16px;
}

.chart-line-divider::after {
    content: '';
    width: 1px;
    height: 100%;
    background: #D9D9D9;
    position: absolute;
    right: -12px;
    top: 0;
}

.upcoming-task-grid,
.upcoming-issue-grid {
    border-right: 1px solid #D9D9D9 !important;
    border-radius: 0 !important;
}

.project_dashboard_tab .dropdown-menu{
    z-index: 4;
}

.project-progress-value {
    width: 23px;
    flex-shrink: 0;
    text-align: center;
}

.task-input-details .input-wrapper p:not(.task_details_view p):not(.task-due-date-view):not(.create-update-info p):not(.task-progress p),
.task-input-details .input-wrapper .task_details_view:not(.task-due-date-view),
.task-input-details .input-wrapper span.k-autocomplete,
.duedate-input,
.issue-input-details .input-wrapper p:not(.issue_details_view p):not(.issue-due-date-view):not(.create-update-info p):not(.issue-progress p),
.issue-input-details .input-wrapper .issue_details_view:not(.issue-due-date-view),
.issue-input-details .input-wrapper span.k-autocomplete,
.task-details-expanded-input .input-wrapper p:not(.task_details_view p):not(.project-owner-view p):not(.task-due-date-view):not(.create-update-info p):not(.task-progress p),
.task-details-expanded-input .input-wrapper .task_details_view:not(.task-due-date-view),
.task-details-expanded-input .input-wrapper span.k-autocomplete,
.issue-details-expanded-input .input-wrapper p:not(.issue_details_view p):not(.issue-due-date-view):not(.create-update-info p):not(.issue-progress p),
.issue-details-expanded-input .input-wrapper .issue_details_view:not(.issue-due-date-view),
.issue-details-expanded-input .input-wrapper span.k-autocomplete,
.project-owner-view {
    height: 40px;
}

.task-input-details .input-wrapper p:not(.task_details_view p):not(.task-due-date-view):not(.create-update-info p):not(.task-progress p),
.issue-input-details .input-wrapper p:not(.issue_details_view p):not(.issue-due-date-view):not(.create-update-info p):not(.issue-progress p),
.task-details-expanded-input .input-wrapper p:not(.task_details_view p):not(.project-owner-view p):not(.task-due-date-view):not(.create-update-info p):not(.task-progress p),
.issue-details-expanded-input .input-wrapper p:not(.issue_details_view p):not(.issue-due-date-view):not(.create-update-info p):not(.issue-progress p) {
    display: table-cell;
    vertical-align: middle;
}

.input-wrapper .k-input-inner {
    padding-inline: 8px;
}

.taskreminder-edit-input .k-input-inner {
    height: 39px;
}

.timesheet-remarks-label {
    min-width: 94px;
}

.timesheet_remarks_view .circle-container {
    margin-left: 0;
}

.project_task_kanban_view_wrapper .k-taskboard-content,
.project_issue_kanban_view_wrapper .k-taskboard-content {
    padding: 0 20px 0 0;
    /* overflow: visible; */
}

.project_task_kanban_view_wrapper .k-taskboard-columns-container,
.project_issue_kanban_view_wrapper .k-taskboard-columns-container {
    width: 100%;
    /* overflow: visible; */
    overflow-x: hidden;
}

.task-kanban-view-main-wrapper,
.issue-kanban-view-main-wrapper {
    /* height: calc(100vh - 220px); */
    overflow: auto;
}

.project_task_kanban_view_wrapper,
.project_issue_kanban_view_wrapper {
    /* height: auto !important;
    width: unset !important; */
    width: auto !important;
    flex: 1;
    min-height: calc(100vh - 220px);
}

.no-task-wrapper,
.no-issue-wrapper {
    height: calc(100vh - 268px);
    display: grid;
    place-content: center;
    box-shadow: unset !important;
    background: transparent !important;
}

.k-tooltip {
    background: #424242 !important;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #ffffff !important;
    border: 1px solid #EFEFEF !important;
    border-radius: 4px !important;
    padding: 4px 6px;
}

.k-tooltip::after {
    content: '';
    border-style: solid;
    border-width: 0px 4px 6px;
    border-color: transparent transparent #424242;
    position: absolute;
    bottom: 100%;
    left: 11px;
}

.timesheet_error_txt {
    color: #EE3424;
    font-size: 14px;
    line-height: 16px;
}

.timelog-date-wrapper {
    width: 190px;
    flex: 0 0 auto;
}

.preview_file_wrapper.ratio {
   max-height: calc(100vh - 117px); 
}

.task-details-expanded-input .input-wrapper span.k-autocomplete,
.task-input-details .input-wrapper span.k-autocomplete {
    padding: 0 !important;
}

.project-details-modal .comment-section-wrapper {
    width: unset;
    flex: 1;
    min-width: 0;
}

.custom-dropdown .dropdown-menu {
    z-index: 5;
}

.task-detail-modal,
.issue-detail-modal {
    word-break: break-all;
}

.project-logo img {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   object-fit: cover; 
}

.dashboard_project_name {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: var(--black-color);
}

.project-dashboard-milestones .project-progressbar-wrapper .progress {
    height: 5px;
    background: #CCF6BB;
}

.project-dashboard-milestones .progress .project_progress_bar {
    background: #2FB445;
}

.task-open-close-count {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #808080;
}

.project-dashboard-milestones .gridcell {
    height: 50px;
}

.add_task_assignee_wrapper .multiselect-container{
    z-index: 10;
}

.details_upload_wrapper .k-upload{
    border: none;
}

.details_upload_wrapper .k-upload .k-upload-button {
    min-width: unset;
    margin-right: 0;
}

.details_upload_wrapper .k-dropzone{
    padding: 0;
}

.details_upload_wrapper .k-upload-files{
    padding-top: 12px;
}

.upcoming-task-grid .k-grid-content,
.upcoming-issue-grid .k-grid-content {
    height: calc(100% - 37px);
}

.mention-dropdown {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    background: #ffffff;
    box-shadow: 1px 2px 6px 0px #00000033;
    border: 1px solid #F5F5F5;
    max-height: 150px;
    border-radius: 5px;
    overflow-y: auto;
    min-width: 150px;
    z-index: 99;
}

.mention-dropdown .user_list {
    padding: 8px 10px;
}

.mention-dropdown .user_list:hover {
    cursor: pointer;
    background-color: var(--hover_bg_color);
}

.mention-dropdown .user_list.selected {
    cursor: pointer;
    background-color: var(--hover_bg_color);
}

.mention-dropdown .user_list:not(:last-child) {
    border-bottom: 1px solid #F5F5F5;
}

.mention_user {
    font-size: 14px;
    font-weight: 600  !important;
    color: var(--black-color)  !important;
}

.linked-task-add-btn {
    width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
}

.linked-task-add-btn .primarybutton {
    height: 30px;
    line-height: 30px;
}

.linked-tasks table tbody tr:not(:last-child) td {
    border-bottom: 1px solid #E6E6E6;
}

.linked-tasks table td {
    vertical-align: top;
    padding: 10px 8px;
}

.linked-tasks table tr td.linked-task-type {
    padding-left: 10px;
    width: 25%;
}

.linked-tasks table tr td:last-child {
    padding-right: 10px;
    width: 100px;
}

.convert_to_issue_confirmation,
.convert_to_task_confirmation,
.delete_milestone_confirmation{
    color: #767676;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
}


.k-editor-toolbar .k-tool-group>.k-tool.k-selected {
    background: var(--primary-color);
    color: #fff;
}

.k-list-content #search_assignee_listbox .k-list-item .k-list-item-text {
    display: block;
}

.project_dashboard_tab .k-grid .k-grid-norecords {
    height: calc(100% - 82px);
}

.project_dashboard_tab .k-grid:not(.upcoming-task-grid):not(.upcoming-issue-grid) .k-grid-norecords img,
.dashboard-no-result img {
    max-height: 120px;
}

.project_owner_info_user_tile {
    position: absolute;
    display: flex;
    gap: 10px;
    align-items: center;
    border-radius: 4px;
    background: #FDFFFF;
    box-shadow: 0px 0px 4px 0px #0000001a;
    padding: 4px 7px;
    top: 2px;
    right: calc(100% - 10px);
}

.contest-card-wrapper .no_billing_rate {
    font-size: 15px;
    line-height: 18px;
}

.project-list-grid.k-grid {
    height: calc(100vh - 135px);
}

.project-details-tab .k-grid:not(.project_dashboard_tab .k-grid) {
    min-height: calc(100vh - 222px);
}

.my-task-grid.k-grid {
    min-height: calc(100vh - 202px);
}

.my-task-grid.k-grid,
.project-details-tab .k-grid:not(.project_dashboard_tab .k-grid),
.project-details-tab .k-grid:not(.project_dashboard_tab .k-grid) .k-grid-content,
.my-task-grid.k-grid .k-grid-content {
    display: flex;
    flex-direction: column;
}

.my-task-grid.k-grid .k-grid-content,
.project-details-tab .k-grid:not(.project_dashboard_tab .k-grid) .k-grid-content {
    overflow-y: visible;
}

.my-task-grid.k-grid .k-grid-content,
.project-details-tab .k-grid:not(.project_dashboard_tab .k-grid) .k-grid-content,
.project-details-tab .k-grid:not(.project_dashboard_tab .k-grid) .k-grid-content .k-grid-norecords,
.my-task-grid.k-grid .k-grid-content .k-grid-norecords {
    flex-grow: 1;
}

.my-task-grid.k-grid .k-grid-header,
.project-details-tab .k-grid:not(.project_dashboard_tab .k-grid) .k-grid-header {
    padding-right: 0 !important
}

.milestone_fund_info {
    color: #757171;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}

.milestone_divider {
    color: #C2C2C2;
}

.milestone_no_tasks {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    color: #A8A8A8
}


.milestone_data_table tr:not(:last-child) {
    border-bottom: 1px solid #F5F5F5;
}

.milestone_data_table td,
.milestone_drag td {
    padding: 10px;
    height: 15px;
    font-size: 15px;
    line-height: 18px;
    color: var(--black-color);
}

.milestone_data_table td:first-child,
.milestone_drag td:first-child {
    width: 40px;
}

.milestone_data_table td:nth-child(2) {
    width: 10%;
}

.milestone_data_table td:nth-child(3) {
    width: 51%;
}

.milestone_data_table td:nth-child(n+4) {
    width: 12%;
}

.milestone_data_table {
    table-layout: fixed;
}

.milestone_accordion_wrapper .accordion-collapse,
.role-permission-wrapper>.role-permission-settings thead tr:first-child th {
    border-top: 1px solid #E7E7E7;
}

.milestone_accordion_wrapper .progress {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #D7D7D7;
    height: 8px;
    width: 300px;
}

.milestone_accordion_wrapper .progress .progress-bar {
    background-color: #2FB445;
}

.milestone_accordion_wrapper .accordion-button {
    padding: 12px 70px 12px 34px;
    border-radius: 5px 5px 0 0;
    background: #ffffff;
    box-shadow: none;
    align-items: flex-start;
}

.milestone_accordion_wrapper .accordion-button.collapsed {
    border-radius: 5px;
}

.milestone_accordion_wrapper .accordion-item,
.project-summary-wrapper {
    border-radius: 5px;
    border: 1px solid #E7E7E7;
}

.milestone_accordion_wrapper .accordion .accordion-item:not(:last-child) {
    margin-bottom: 24px;
}

.milestone_accordion_wrapper .accordion-button::after {
    position: absolute;
    background: url(../images/arrow_fill_black.svg) center/contain no-repeat;
    width: 10px;
    height: 6px;
    top: 20px;
    left: 15px;
}

.milestone_accordion_wrapper .accordion-header .custom-dropdown .btn.view_more{
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 3;
}

.milestone_accordion_wrapper .accordion-header .custom-dropdown .dropdown-menu {
    min-width: 80px;
}

.milestone_drag{
    max-width: calc(100% - 80px);
    border : 1px solid #E6E6E6;
    background-color: #fff;
}

/* .milestone_accordion_wrapper .accordion-button.collapsed .task-date-info{
    display: none;
} */

.project-list-grid .k-grid-header-wrap>table>colgroup col:first-child,
.project-list-grid .k-grid-content>table>colgroup col:first-child {
    min-width: 400px;
}

.description_edit_wrapper{
    padding-bottom: 42px;
}

.project-list-grid.k-grid .k-grid-norecords,
.timesheet-list-grid.k-grid .k-grid-norecords {
    height: calc(100% - 81px);
}

.network-down-alert {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 1px 2px 6px 0px #0051ba33;
    max-width: 770px;
    margin-inline: auto;
    text-align: center;
    padding: 30px 24px 48px;
    color: var(--black-color);
}

.network-down-alert h6 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    margin-block: 17px 15px;
}

.network-down-alert p {
    font-size: 17px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 30px;
}

.kanban-card-title-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
}

.my_project_filter {
    border: unset;
    background-color: var(--light_bg_color);
    color: var(--primary-color);
    font-size: 15px;
    font-weight: 700;
    min-width: 450px;
    text-align: start;
}

.custom-dropdown.my_project_wrapper .dropdown-toggle::after {
    border-width: 6px 5px 0px;
    border-top-color: var(--primary-color);
    margin-top: 2px;
}

.my_project_wrapper .dropdown-menu {
    background-color: var(--light_bg_color);
    width: 450px;
    max-height: 400px;
    overflow-y: auto;
}

.my_project_wrapper .dropdown-item:hover,
.role-permission-settings .custom-dropdown .dropdown-item:hover {
    color: var(--secondary-color);
}

.my_project_filter_no_result{
    padding: 10px 12px;
}

.project-tasks-wrapper .task_listing_user_image,
.project-issues-wrapper .issue_listing_user_image {
    flex-shrink: 0;
    margin-right: 5px;
}

.module-dropdown .dropdown-menu {
    border-radius: 5px;
    background: var(--light_bg_color);
    box-shadow: -1px 1px 8px 0px #00000026;
    padding: 20px;
}

.module-dropdown .dropdown-menu>ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    width: 535px;
}

.module-dropdown .dropdown-menu>ul>li {
    width: calc((100%/3) - 12px);
    border-radius: 5px;
    padding: 15px 11px;
    text-align: center;
    transition: 0.5s all;
}

.badge.active-badge {
   background: #72B50E; 
   border-radius: 2px;
   color: #fff;
   font-size: 13px;
   line-height: 17px;
   font-weight: 400;
   padding: 1px 8px;
}

.module-dropdown .dropdown-menu :where(.secondarybutton, .primarybutton) {
    height: 30px !important;
    padding: 4px 8px !important;
    line-height: 20px !important;
    min-width: 84px;
    visibility: hidden;
}

.module-dropdown .dropdown-menu>ul>li:hover :where(.secondarybutton, .primarybutton) {
    visibility: visible;
}

.module-dropdown .dropdown-menu p {
    font-size: 14px;
    line-height: 18px;
    color: var(--black-color);
    font-weight: 400; 
    margin-block: 12px;

}

.text-justify {
    text-align: justify !important;
}

.k-upload .k-dropzone {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.k-upload .k-dropzone .k-upload-status {
    display: flex;
    align-items: center;
    margin-left: 0;
}

.notifications-wrapper {
    padding: 20px;
    min-height: calc(100vh - 95px);
}

.mark-all-read-link-txt {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    display: block;
}

.notification-info .notification_date_info span {
    font-weight: 700;
    border: 1px solid #DFDFDF;
    min-width: 170px;
    text-align: center;
    padding: 8px;
}

.notification-info .notification_date_info::before {
    background: #EBEBEB;
}

.notification-content {
    display: flex;
    align-items: center;
    column-gap: 32px;
    padding-bottom: 25px;
    position: relative;
}

.notification-info :where(p, h6) {
    font-size: 15px;
    line-height: 18px;
    color: var(--black-color);
}

.notification-content .notification_time_info::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #CACACA;
    border: 1px solid #B0B0B0;
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

.notification-info .notification-content:not(:last-child)::before {
    content: '';
    position: absolute;
    width: 1px;
    background: #EBEBEB;
    height: 100%;
    left: 4.5px;
    top: 9px;
}

.notifications-wrapper .no_notifications_wrapper {
    height: calc(100vh - 135px);
}

.project-milestone-wrapper,
.no-milestone-wrapper,
.user_tile_accordion_wrapper {
    min-height: calc(100vh - 220px);
}

.log-message {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
}

.opacity-less {
    opacity: 0.6;
}

.file_previews{
    z-index: 5;
}

.account_success_wrapper {
    min-height: calc(100vh - 75px);
}

.preview_file_wrapper.preview_image_wrapper{
    height: calc(100vh - 117px);
    overflow: auto;
    display: grid;
    place-items: center;
}

.title-edit {
    border-radius: 5px;
    padding: 8px;  
    margin-left: -8px;
}

.title-edit:focus {
    outline: 1px solid #E4E4E4;
    /* background: #FFFAF1; */
    background: var(--light_bg_color);
}

.title-edit-btns {
    position: absolute;
    box-shadow: 0px 1px 5px 0px #00000033;
    border-radius: 5px;
    right: 0;
    top: calc(100% + 4px);
    z-index: 4;
    align-items: center;
    background: #ffffff;
    display: none;
}

.title-edit:focus + .title-edit-btns {
    display: flex;
}

.title-edit-btns>button {
    width: 40px;
    height: 30px;
}

.title-edit-btns>button.sav-btn {
    background-size: 13px;
}

.title-edit-btns>button.button-close-red {
    background-size: 11px;
}

.k-editor-toolbar .k-tool-group>.k-tool {
    color: var(--primary-color);
}

.dashboard-header {
    margin-bottom: 20px;
}

.task_kanban_settings_title {
    margin-block: 30px 15px;
    font-size: 14px;
    line-height: 18px;
    color: #757171;
    font-weight: 400;
}


.task_kanban_settings_wrapper {
    overflow-x: auto;
}


.task_kanban_settings_wrapper>*:not(.add_new_task_board),
.kanban_config_drag {
    border-radius: 5px;
    border: 1px solid #E4E4E4;
    /* background: #FFFAF1; */
    background: var(--light_bg_color);
    width: 250px;
    flex-shrink: 0;
}

.task_kanban_header {
    padding: 8px;
    gap: 10px;
    height: 46px;
}

.task_kanban_header .input_wrapper {
    width: 160px;
}

.task_kanban_header .custominput {
    height: 30px !important;
}

.task_kanban_header .btn-divider {
    height: 14px;
}

.task_kanban_header h6 {
    font-size: 16px;
    line-height: 20px;
    color: var(--black-color);
    font-weight: 700;
    line-height: normal;
}

.task_kanban_body {
    height: 400px;
    overflow-y: auto;
    padding: 12px 8px;
}

.task_kanban_body .task_board_info:not(:last-child) {
    margin-bottom: 10px;
}

.task_board_info,
.board_status_drag {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    padding: 8px;
    font-size: 15px;
    line-height: 18px;
    color: var(--black-color);
}

.task_kanban_no_result_txt {
    color: #9A9A9A;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.task_kanban_no_result_txt.task_kanban_status_warning {
    font-size: 13px;
    font-style: italic;
}

.task_kanban_errortxt {
    font-size: 14px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    color: #EE3424;
    position: absolute;
}

.task_board_info:hover{
    background-color: var(--hover_bg_color);
}

.task_bulk_update_ul.task_list_milestone_wrapper .no-result,
.issue_bulk_update_ul.issue_list_milestone_wrapper .no-result {
    font-size: 16px;
    line-height: 20px;
}

.issue_bulk_update_ul.issue_list_milestone_wrapper .no_result_svg,
.task_bulk_update_ul.task_list_milestone_wrapper .no_result_svg {
    height: 90px;
}

.administration-settings-btn.secondarybutton {
    padding-inline: 12px !important;
    display: flex;
    align-items: center;
    margin-left: auto;
}

.app-details-wrapper {
    padding: 35px;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0px 1px 19px -5px #00000026;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.app-item {
    display: flex;
    height: 100%;
    box-shadow: 0px 1px 19px -5px #00000026;
    border-radius: 5px;
    min-height: 135px;
    transition: 0.3s all;
    text-decoration: none;
    cursor: pointer;
}

.app-logo {
    /* background: url(../images/app_logo_bg.png) center/cover no-repeat; */
    background: url(../images/app_logo_blue_bg.png) center/cover no-repeat;
    border-radius: 5px 0 0 5px;
    padding: 12px 20px;
    display: grid;
    place-items: center;
    flex: 0 0 38%;
}

.app-details-wrapper h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--black-color);
    margin-bottom: 22px;
}

.app-info {
    padding: 12px 12px 12px 20px;
    flex: 0 0 62%;
}

.app-info p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: var(--black-color);
}

.home-section.details-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 75px);
    padding: 25px 0 0;
}

.edit-icon {
    width: 13px;
    height: 13px;
}

.day_display_image {
    width: 21px;
    height: 22px;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    background-color: #F3F3F3;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color #E5F2F2 0.3s ease-in-out;
}

.day_display_image:hover {
    background-color: #E5F2F2;
}

.sav-btn:focus{
    outline: none !important;
}

.attachment-btn {
    border: 1px solid var(--primary-color);
    background: var(--light_bg_color);
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    border-radius: 5px;
    width: 90px;
    cursor: pointer;
    padding: 18px 8px 12px;
}

.attachment-btn span {
    display: block;
    margin-top: 12px;
}

.page-title,
.modal.modal-wrapper .modal-header .modal-title,
.modal.reset_password_popup .modal-header .modal-title {
    font-size: 20px;
    line-height: 24px;
    color: var(--black-color);
    font-weight: 700;
}

.modal.modal-wrapper .modal-content {
    border-radius: 10px;
    background: #ffffff;
    border: none;
    padding: 15px 20px 30px;
}

.modal.modal-wrapper .modal-header {
    padding: 0 0 15px;
    border-bottom: 1px solid #CFCFCF;
}

.modal.modal-wrapper .modal-header .btn-close {
    background: url(../images/close_black.svg) center/contain no-repeat;
    opacity: 1;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
}

.modal.modal-wrapper .modal-dialog {
    padding-inline: 24px;
    max-width: 930px;
}

.modal.modal-wrapper .modal-footer {
    padding: 40px 0 0;
    gap: 15px;
}

.role-permission-settings tbody tr td:first-child,
.role-permission-settings thead tr:first-child th:first-child {
    border-right: 0;
}

.role-permission-settings thead tr:first-child th:nth-child(n+3),
.timesheet-summary-accordion .accordion-item table th,
.personal-preferences-wrapper h6,
.cost-summary-item h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: var(--black-color);
}

.role-permission-settings thead tr:first-child th:not(:first-child):not(:last-child),
.role-permission-settings thead tr:last-child th:nth-child(even):not(:last-child),
.role-permission-settings tbody tr td:nth-child(even):not(:last-child) {
    border-right-width: 2px;
}

.role-permission-settings tbody tr td:nth-child(n+3),
.role-permission-settings thead tr th:not(tr:first-child th:nth-child(-n+2)) {
    padding-inline: 8px;
}

.divider-line {
    color: #E6E6E6;
}

.inactive-tr td, .inactive-tr td h6{
    color: #9A9A9A;
}

.personal-preferences-head {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--black-color);
}

.module-access_denied {
    box-shadow: 0px 9px 19px -5px #00000026;
    border-radius: 5px;
    background: #ffffff;
    padding: 20px;
    text-align: center;
    min-height: calc(100vh - 95px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.module-access_denied h4 {
    font-size: 32px;
    line-height: 44px;
    color: #757171;
    margin-block: 25px 12px;
}

.module-access_denied h6 {
    font-size: 28px;
    line-height: 38px;
    color: #9A9A9A;
}

.add_task_custom_dropdown{
    height: 40px;
    font-size: 15px;
    line-height: 18px;
    color: var(--black-color);
    background: url(../images/arrow_icon.svg) center no-repeat #ffffff;
    background-position-x: calc(100% - 7px);
}

.add_task_custom_dropdown_wrapper .dropdown-menu{
    width: 100%;
    z-index: 10;
    max-height: 235px;
    overflow: auto;
}

.add_task_status_colour{
    display: inline-block;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.remove_task_label {
    border: unset;
    background: transparent;
}

.remove_task_label img {
    width: 7px;
    height: 7px;
}

.label_chips {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 2px 8px;
    border-radius: 5px;
}

.label_chip_wrapper .multiselect_count,
.task_details_labels_edit .multiselect_count {
    color: #ffffff;
    background-color: #767676;
}

.add_task_custom_dropdown_wrapper .custom-checkbox label {
    padding: 9px 12px 9px 34px;
}

.add_task_custom_dropdown_wrapper .custom-checkbox label::before {
    left: 12px;
}

.task_details_labels_edit .multiselect-selected-text{
    display: flex;
    justify-content: space-between;
}

.custom-dropdown.user-status-dropdown.active .dropdown-toggle.change_status_border::after {
    content: none;
}

.profile-info-wrapper h6 {
    font-size: 17px;
    line-height: 21px;
    color: var(--black-color);
    font-weight: bold;
}

.grey-color-txt {
    color: #9A9A9A !important;
}

.project_dashboard_tab .no-result {
    font-size: 16px;
    line-height: 20px;
}

.manage-users-header {
    margin-block: -10px 10px;
}

.role-permission-wrapper {
    height: calc(100vh - 216px);
}

.role-permission-wrapper>.role-permission-settings thead {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #ffffff;
}

.user-dropdown .dropdown-menu .dropdown-item,
.user-dropdown .btn.btn-select {
    display: flex;
    align-items: center;
}

.user-dropdown .btn.btn-select {
    border-radius: 5px;
    border: 1px solid var(--input_border_color) !important;
    background: url(../images/arrow_icon.svg) center no-repeat #ffffff !important;
    background-position-x: calc(100% - 12px) !important;
    padding: 4px 26px 4px 12px;
    height: 30px;
    text-align: left;
    width: 180px;
}

.modal.modal-wrapper.add-timelog-modal:not(.add-costing-modal) .modal-dialog {
    max-width: 1400px;
}

.modal.modal-wrapper.add-timelog-modal:not(.add-costing-modal) .modal-footer {
    padding-top: 12px;
}

.timelog-form {
    margin-bottom: 56px;
}

.add-timelog-list tr td:nth-child(5) {
    width: 120px;
}

.add-timelog-list tr td:first-child {
    width: 210px;
}

.timelog-description-td {
    min-width: 300px;
}

.user-dropdown .dropdown-menu {
    max-height: 190px;
    overflow-y: auto;
}

.user-dropdown .dropdown-item.user-filter {
    position: sticky;
    top: 0;
    background: #ffffff !important;
}

.user-dropdown .user-name {
    width: 20px;
    height: 20px;
}

.add-timelog-list .delete-button {
    width: 15px;
    height: 17px;
}

.chips-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.input-search input,
.chips-wrapper>button,
.attachment-button {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}

.chips-wrapper>button {
    color: var(--primary-color);
    border-radius: 10px;
    border: 1px solid var(--primary-color);
    background: #ffffff;
    padding: 3px 10px;
    height: 30px;
    transition: 0.4s all;
}

.chips-wrapper>button.active {
    background: var(--primary-color);
    color: #ffffff;
}

.btn.date-range-filter-btn,
.custom-dropdown.daterange-dropdown .dropdown-item {
    font-size: 14px;
    line-height: 17px;
}

.btn.date-range-filter-btn {
    font-weight: 400;
    color: var(--black-color);
    padding: 4px 18px 4px 12px;
    width: 100%;
    text-align: left;
    height: 40px;
    background-color: #FFFFFF;
}

.daterange-dropdown .custom-date-range .custominput {
    font-size: 14px !important;
    line-height: 17px !important;
    height: 30px !important;
    background-position-x: calc(100% - 8px);
    padding: 4px 22px 4px 8px;
    text-align: left;  
    background-size: 12px;
    box-shadow: none !important;
}

/* .daterange-dropdown.custom-dropdown .dropdown-menu .dropdown-item:last-child {
    background: #ffffff !important;
} */

.project-timesheet-wrapper {
    margin: -20px -15px;
}

.timesheet-grid-wrapper {
    padding: 12px 15px 20px;
}

.timesheet-summary {
    padding: 20px 15px 0;
    width: 25%;
    display: flex;
    flex-direction: column;
}

.timesheet-summary-accordion .accordion-item {
    border: 1px solid #E6E6E6 !important;
    border-radius: 5px;
}

.timesheet-summary-accordion .accordion-item table th {
    background: var(--highlight_bg);
    padding: 15px 8px;
}

.timesheet-summary-accordion .accordion-item table tbody tr:first-child td {
    border-top: 1px solid #E6E6E6;
}

.timesheet-summary-accordion .accordion-item table td {
    padding: 10px 8px;
}

.timesheet-summary-accordion .accordion-item {
    margin-bottom: 16px;
}

.timesheet-summary-accordion .accordion-item .custominput {
    height: 30px !important;
    width: 60px;
    padding-inline: 8px;
}

.timesheet-summary-accordion .accordion-item table :where(tr th:first-child, tr td:first-child) {
    padding-left: 15px !important;
    width: 37%;
}

.timesheet-summary-accordion .accordion-item table tr td:last-child {
    padding-right: 15px;
}

.timesheet-summary-accordion .accordion-item .accordion-button {
    background: url(../images/arrow_icon.svg) center no-repeat;
    box-shadow: none;
    padding: 15px;
    transition: var(--bs-accordion-btn-icon-transition);
}

.timesheet-summary-accordion .accordion-item .accordion-button:not(.collapsed) {
    transform: var(--bs-accordion-btn-icon-transform);
}

.timesheet-summary-accordion .accordion-item table :where(tr th:last-child, tr td:last-child) {
    width: 35px;
}

.timesheet-summary-accordion .accordion-item table :where(tr th:nth-child(2), tr td:nth-child(2)) {
    width: 28%;
}

.timesheet-summary-footer {
    box-shadow: 0px -5px 16px -5px #00000026;
    background: #ffffff;
    margin-inline: -15px;
}

.timesheet-summary-total {
    padding: 20px;
}

.timesheet-summary-footer .primarybutton {
    border-radius: 0 0 5px 5px !important;
}

.summary_noresult_page {
    width: 25%;
    display: grid;
}

.cost-summary-item {
    background: var(--highlight_bg);
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    padding: 15px;
    gap: 15px;
    margin-bottom: 16px;
}

.cost-summary .timesheet-summary-total {
    border-bottom-right-radius: 5px;
}

.input-wrapper.redborder {
    border: 0 !important;
}

.add-timelog-list .custominput,
.add-timelog-list .input-wrapper span.k-autocomplete {
    min-width: 110px;
}

.add_costing_table tr td:first-child {
    width: 60%;
}

.timesheet-summary-accordion {
    max-height: calc(100vh - 298px);
    overflow-y: auto;
}

.cost-summary-item-wrapper {
    max-height: calc(100vh - 258px);
    overflow-y: auto;
}

.payment-terms-grid {
    height: calc(100vh - 234px);
}

.project-details-tab .k-grid.timesheet-cost-grid {
    min-height: calc(100vh - 259px) !important;
}

.primarybutton.add-cost-btn {
    padding-inline: 12px !important;
    min-width: 130px;
}

.billable-checkbox .form-check-input {
    background: url(../images/non_billable_icon.svg) center / contain no-repeat #ffffff;
    margin: 0;
    border: 0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.billable-checkbox .form-check-input:checked {
    background: url(../images/billable_icon.svg) center / contain no-repeat #ffffff;
}

.timelog-td{
    width: 128px;
}

.user-dropdown .dropdown-menu .dropdown-item img,
.user-dropdown .btn-select img { 
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    flex-shrink: 0;
}

.timesheet-list-grid.k-grid {
    height: calc(100vh - 151px);
}

.project-details-tab .k-grid.item-request-grid {
    min-height: unset !important;
    height: calc(100vh - 274px);
}

.request-item-list tr td:first-child {
    width: 35%;
}

.personal-preferences-wrapper .line-divider {
    border-color: #E6E6E6;
    margin: 24px -15px 15px;
}

.remove-user-confirmation-modal .modal-dialog {
    max-width: 660px !important;
}

.additional-label {
    font-size: 13px;
    font-style: italic;
    color: #A5A3A3;
    font-weight: 400;
    line-height: 15px;
}

.credit-approval-modal .modal-body {
    overflow-x: hidden;
}

.assignee-dropdown .projectActionButtons>img{
    width: 25px;
    height: auto;
}

.cost_code{
    min-width: 200px;
}

.modal.modal-wrapper.add_item_requestmodal .modal-dialog {
    max-width: 1050px;
}

.multi-input input.custominput {
    border-radius: 5px 0 0 5px !important;
}

.multi-input select.custominput {
    border-radius: 0 5px 5px 0 !important;
}

.project-summary-wrapper {
    padding: 40px 4px 20px;
}

.project-summary-filter {
    width: 270px;
    display: flex;
    margin-bottom: 20px;
}

.project-summary-filter>* {
    flex: 1;
}

.project-summary-filter.selection-buttons button {
    color: var(--primary-color);
    height: 30px;
}

.selection-buttons.project-summary-filter button:not(:last-child),
.selection-buttons.project-summary-filter {
    border-color: var(--primary-color);
}

.project-cost-chart {
    height: 600px;
}

.k-tooltip.k-tooltip-closable.k-chart-tooltip::after {
    content: none;
}

.project-cost-days-chart {
    width: 2500px;
}

.modal.modal-wrapper.project_item_retrun_modal .modal-dialog {
    max-width: 700px;
}

.commited-cost-list tr td:first-child {
    width: 25%;
}

.commited-cost-list tr td:nth-child(n+2) {
    width: calc(75% / 10);
}

.dashboard-table-wrapper .users-configuration-list {
    table-layout: fixed;
}

.dashboard-table-wrapper{
    height: 280px;
}

.dashboard-table-wrapper .users-configuration-list thead {
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 2;
}

.over_due_table colgroup>col {
    width: 150px;
}

.users-configuration-list td.dashboard-no-result {
    height: 238px;
    text-align: center;
}

.chart-overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    font-weight: 400;
    color: #9A9A9A;
    z-index: 10;
    text-align: center;
    pointer-events: none;
}