@import 'customization/variables-light.css';
@import 'customization/base.css';
@import 'customization/layout.css';
@import 'customization/window-layout.css';
@import 'customization/fonts.css';

/* overrides */
@import 'customization/button.css';
@import 'customization/breadcrumb.css';
@import 'customization/grid.css';
@import 'customization/sidebar.css';
@import 'customization/notifications.css';
@import 'customization/tabstrip.css';
@import 'customization/card.css';
@import 'customization/chip.css';
@import 'customization/form.css';
@import 'customization/window.css';
@import 'customization/drop-down-list.css';
@import 'customization/tooltip.css';
@import 'customization/context-menu.css';
@import 'customization/column-menu.css';

div.k-drawer-content {
    overflow: unset;
}

.k-svg-icon.k-icon-xs {
    width: 12px;
    height: 12px;
}

.k-svg-icon.k-icon-sm {
    width: 14px;
    height: 14px;
}

.k-svg-icon.k-icon-md {
    width: 16px;
    height: 16px;
}

.k-svg-icon.k-icon-lg {
    width: 20px;
    height: 20px;
}

.k-svg-icon.k-icon-xl {
    width: 24px;
    height: 24px;
}

.k-svg-icon.k-icon-xxl {
    width: 32px;
    height: 32px;
}

.k-svg-icon.k-icon-xxxl {
    width: 48px;
    height: 48px;
}

.k-tilelayout-item:focus,
.k-tilelayout-item.k-focus {
    box-shadow: none;
}

.k-input-solid .k-input-prefix {
    background-color: transparent;
}

.calendar-day {
    min-width: 38px !important;
}

.member-name {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.project-entry {
    height: 30px;
    align-items: center;
}

.project-entry.project-color-default {
    background-color: var(--project-color-default);
}

.project-entry p {
    font-weight: 500;
}

.capacity {
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

#blazor-error-ui {
    color: black;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1500;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.k-text-selection ::selection {
    background-color: var(--primary);
}

.k-content {
    background-color: var(--secondary-background-color);
}

.k-block,
.k-panel {
    border-radius: var(--border-radius-8);
    color: var(--text-color);
    background-color: var(--secondary-background-color);
}

.k-block > .k-header,
.k-panel > .k-header {
    color: var(--text-color);
    background-color: var(--secondary-background-color);
}

.k-content {
    color: var(--text-color);
    background-color: var(--secondary-background-color);
}

.k-dirty {
    border-color: var(--error-color) var(--error-color) transparent transparent;
}

[dir="rtl"] .k-dirty,
.k-rtl .k-dirty {
    border-color: transparent transparent var(--error-color) var(--error-color);
}

.k-drop-hint-line {
    background-color: var(--primary);
}

.k-drop-hint-h .k-drop-hint-start {
    border-left-color: var(--primary);
}

.k-drop-hint-h .k-drop-hint-end {
    border-right-color: var(--primary);
}

.k-drop-hint-v .k-drop-hint-start {
    border-top-color: var(--primary);
}

.k-drop-hint-v .k-drop-hint-end {
    border-bottom-color: var(--primary);
}

.k-drag-clue {
    border-radius: var(--border-radius-8);
}

.k-drag-clue {
    color: var(--text-color);
}

.k-loading-color {
    background-color: var(--secondary-background-color);
}

.k-marquee-color {
    color: var(--text-color);
}

.k-marquee-text {
    color: var(--text-color);
}

.k-border-primary {
    border-color: var(--primary) !important;
}

.k-border-error {
    border-color: var(--error-color) !important;
}

.k-svg-i-close {
    color: var(--text-color) !important;
}

.k-tabstrip-items-wrapper .k-tabstrip-item:focus, .k-tabstrip-items-wrapper .k-tabstrip-item.k-state-focused {
    box-shadow: none;
}

.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-tabstrip-item {
    height: 35px;
    color: var(--text-color);
    font-weight: var(--font-bold);
    opacity: 30%;
}

.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items li.k-tabstrip-item:hover,
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items li.k-tabstrip-item.k-state-hover {
    opacity: unset;
    color: var(--text-color);
    border-color: transparent;
}

.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-tabstrip-item.k-active,
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-tabstrip-item.k-state-active,
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-tabstrip-item:active {
    opacity: unset;
    background-color: var(--grey-1);
    border-color: var(--grey-3) !important;
    border-radius: 5px;
}

.k-tabstrip-items-wrapper .k-tabstrip-item:active,
.k-tabstrip-items-wrapper .k-tabstrip-item.k-state-active,
.k-tabstrip-items-wrapper .k-tabstrip-item.k-state-selected {
    background-color: transparent;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom: 2px solid var(--primary);
    color: var(--primary);
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-item.k-state-active{
    border-color: var(--primary);
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    background-color: transparent;
    border-color: transparent;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom: none;
}

.k-listview {
    color: var(--text-color);
    background-color: var(--background-color);
}

.k-svg-i-caret-alt-down {
    color: var(--grey-3);
}

.k-datepicker .k-button-solid-base {
    border-color: transparent;
    color: var(--text-color);
}

.k-input-spinner .k-button-solid-base {
    display: none;
}

.k-panelbar.project-element {
    padding: 0 !important;
    list-style: none;
    border: none !important;
}

ul.k-panelbar.telerik-blazor.project-element > .k-item .k-animation-container::-webkit-scrollbar,
ul.k-panelbar.telerik-blazor.project-element > .k-panelbar-header > .k-item .k-animation-container::-webkit-scrollbar {
    display: none;
}

ul.k-panelbar.telerik-blazor.project-element > .k-item,
ul.k-panelbar.telerik-blazor.project-element > .k-panelbar-header > .k-item {
    border: none;
}

ul.k-panelbar.telerik-blazor.project-element > .k-item > .k-link,
ul.k-panelbar.telerik-blazor.project-element > .k-panelbar-header > .k-item > .k-link,
ul.k-panelbar.telerik-blazor.project-element > .k-panelbar-header > .telerik-blazor > div > .k-panelbar-group > .k-item > .k-link {
    border-radius: 0.5rem;
    color: var(--text-color);
    margin-bottom: 1.2rem;
    padding: 0;
}

.k-panelbar > .k-panelbar-header > .k-link {
    color: var(--grey);
}

ul.k-panelbar.telerik-blazor.project-element > .k-item > .k-link.k-selected,
ul.k-panelbar.telerik-blazor.project-element > .k-panelbar-header > .k-link.k-selected,
ul.k-panelbar.telerik-blazor.project-element > .k-panelbar-header > .k-item > .k-link.k-selected,
ul.k-panelbar.telerik-blazor.project-element > .k-panelbar-header > .telerik-blazor > div > .k-panelbar-group > .k-item > .k-link.k-selected {
    color: var(--grey);
}

ul.k-panelbar.telerik-blazor.project-element > .k-item > .k-link .k-icon,
ul.k-panelbar.telerik-blazor.project-element > .k-item > .k-link .k-svg-icon,
ul.k-panelbar.telerik-blazor.project-element > .k-panelbar-header > .k-item > .k-link .k-icon,
ul.k-panelbar.telerik-blazor.project-element > .k-panelbar-header > .k-item > .k-link .k-svg-icon {
    display: none;
}

.box {
    width: 50px;
    height: 30px;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
}

.box-dark-blue {
    background: var(--project-planning-estimated-time);
    border-color: var(--project-planning-estimated-time);
    color: var(--white);
}

.box-blue {
    background: var(--project-planning-sum-children);
    border-color: var(--project-planning-sum-children);
    color: var(--white);
}

.box-light-blue {
    background: var(--project-planning-logged-time);
    border-color: var(--project-planning-logged-time);
    color: var(--white);
}

.box-red {
    background-color: var(--error-color) !important;
    border-color: var(--error-color) !important;
}

.container-fluid {
    position: relative;
    z-index: 1;
}

    .container-fluid.sticky-top {
        position: sticky;
        z-index: 1020;
    }

.asterisk-color {
    color: var(--primary);
}

.drag-button:hover {
    cursor: pointer;
}

.k-editor {
    color: var(--form-element-text-color);
    background-color: var(--white);
    border-color: #D7D7D7;
    border-radius: var(--border-radius-8);
}

.k-editor .k-toolbar {
    color: var(--form-element-text-color);
    background-color: var(--white);
    border-top-left-radius: var(--border-radius-8);
    border-top-right-radius: var(--border-radius-8);
}

.k-editor .k-editor-content {
    line-height: 1rem;
    pointer-events: all;
    border-top: 1px solid #D7D7D7;
}

.k-editor .k-editor-content ul li p,
.k-editor .k-editor-content ol li p,
.k-editor .k-editor-content dl li p {
    margin-bottom: 0.2rem;
}


.k-editor .k-editor-content .k-content{
    color: var(--form-element-text-color);
    background-color: var(--white);
    border-bottom-left-radius: var(--border-radius-8);
    border-bottom-right-radius: var(--border-radius-8);
}

/*Note Szymon: Resizer is currently broken in telerik editor so we hide it.*/
.k-editor-resize-handles-wrapper{
    display: none;
}

.k-button-md.k-icon-button > .k-button-icon,
.k-button-md.k-svg-icon-button > .k-button-icon {
    min-width: 16px;
    min-height: 16px;
}

.k-button.k-icon-button .k-button-icon.k-icon.k-svg-icon>svg {
    width: 16px;
    height: 16px;
}

.k-grid-header th .col-tooltip-dummy
{
    display: flex;
}

.k-grid-header th.date .col-tooltip-dummy,
.k-grid-header th.amount .col-tooltip-dummy,
.k-grid-header th.number-only .col-tooltip-dummy,
.k-grid-header th.date .header-wrapper,
.k-grid-header th.amount .header-wrapper,
.k-grid-header th.number-only .header-wrapper
{
    justify-content: flex-end;
    width: 100%;
}

.k-grid-header .k-column-title
{
    width: 100%;
    padding-right: .5rem;
}

.k-grid.general-settings-screen-gridmaxheight .k-grid-content, .k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked {
    border-color: #495057;
    max-height: 52vh;
}

.k-grid.general-settings-screen-gridmaxheight .k-grid-container .k-grid-content > div:first-child > div > table {
    height: 100% !important;
}

th:has(> div.separator) {
    border-left: 1px solid var(--grey-3);
    border-left-width: 6px;
    border-left-style: double;
}

td.k-table-td:has(> div.separator) {
    border-left: 1px solid var(--grey-3);
}

.cell-border-transparent  {
    border-bottom: transparent !important;
    border-right: transparent !important;
    border-left: transparent !important;
}

.cell-border-transparent-top  {
    border-bottom: transparent !important;
    border-right: transparent !important;
    border-left: transparent !important;
}

.cell-total-overflow  {
    overflow: initial !important;
}

.k-grid-edit-row td.cell-background-white-first {
    box-shadow: inset 2px 2px 0 0 var(--primary), inset 0 -2px 0 0 var(--primary);
    border-radius: 8px 0 0 8px;
}

.k-grid-edit-row td.cell-background-grey-last {
    box-shadow: inset 0 2px 0 0 var(--primary), inset -2px -2px 0 0 var(--primary);
    border-radius: 0 8px 8px 0;
}

.k-grid-edit-row td.cell-background-white {
    box-shadow: inset 0 2px 0 0 var(--primary), inset 0 -2px 0 0 var(--primary);
}

.k-grid-edit-row td.cell-background-grey {
    box-shadow: inset 0 2px 0 0 var(--primary), inset 0 -2px 0 0 var(--primary);
}

.k-checkbox {
    border-color: #71777c;
}

.k-panelbar > .k-item + .k-item, .k-panelbar > .k-panelbar-header + .k-panelbar-header {
    border-top-width: 0;
}

.k-loader-light {
    color: #3a3b3c;
}

.draggable-zone {
    display: flex;
    width: 100px;
    height: 35px;
    margin-top: 17px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
    border: 2px solid black;
    border-radius: 10px;
    font-size: 22px;
    color: white;
    background-color: black;
}

.flex-item {
    display: flex;
    padding: 5px 10px;
    margin-top: 17px;
    margin-bottom: 17px;
    background-color: black;
    color: white;
    align-items: center;
    justify-content: center;
    border: 2px solid black;
    border-radius: 10px;
    font-size: 14px;
}

.k-grid .k-table-th.k-selected,.k-grid td.k-selected,.k-grid .k-table-td.k-selected,.k-grid .k-table-row.k-selected>td,.k-grid .k-table-row.k-selected>.k-table-td {
    color: #212529;
    background-color: rgb(161, 161, 161) !important;
}

.badge {
    text-transform: uppercase;
}

.badge.badge-InProgress{
    background-color: var(--badge-project-bg-inprogress);
    color: var(--badge-project-fg-inprogress);
}

.badge.badge-Expected{
    background-color: var(--badge-project-bg-expectedproject);
    color: var(--badge-project-fg-expectedproject);
}

.badge.badge-Offer{
    background-color: var(--badge-project-bg-offer);
    color: var(--badge-project-fg-offer);
}

.badge-Done{
    background-color: var(--badge-project-bg-done);
    color: var(--badge-project-fg-done);
}

.badge.badge-Cancelled{
    background-color: var(--badge-project-bg-cancelled);
    color: var(--badge-project-fg-cancelled);
}

.k-avatar-sm {
    flex-basis: unset;
}

.view-settings {
    background: var(--grey-2);
    border-radius: 0.25rem;
}

.badge {
    display: inline-block;
    padding: 4px 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
}

.tooltip-index {
    z-index: 10005 !important;
}

.k-list .snapshot-label {
    color: #555B70;
}

.k-list .k-selected .snapshot-label {
    color: var(--grey-2);
}

.k-drawer-items ul {
    padding: 0;
}

.k-drawer-item .k-icon {
    padding: 0;
}

.headline-tables {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--grey);
}

.headline-tables-numbers {
    color: var(--black);
}