:root {
    --gia-darker: #004750;
    --gia-dark: #004750;
    --gia-light: #A0D0CB;
    --gia-lighter: #D3E6E5;
    --gia-primary: #005E63;
    --kendo-font-family: "Segoe UI";
    --kendo-color-primary: #005E63;
    --kendo-color-on-primary: #ffffff;
    --kendo-color-info: #D3E6E5;
    --kendo-color-on-info: #000000;
}

body {
    line-height: 1.6;
}

.k-input-solid {
    border-color: #605E5C;
    box-shadow: unset;
    border-radius: 2px;
}

    .k-input-solid:focus, .k-input-solid.k-focus {
        border-color: #605E5C;
        box-shadow: unset
    }

.k-picker-solid {
    border-color: #605E5C;
    border-radius: 2px;
    background-color: #ffffff;
    background-image: none;
}
    
    .k-picker-solid:focus, .k-picker-solid.k-focus {
        border-color: #605E5C;
        box-shadow: unset
    }


.k-form-md .k-form-field, .k-form-md .k-form-buttons {
    margin-top: 10px;
}

.k-input-solid:hover, .k-input-solid.k-hover {
    border-color: #605E5C;
}

.k-button-flat-primary {
    color: var(--gia-primary);
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link {
    border-color: unset;
    color: white;
    background-color: var(--gia-light);
}

.k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link, .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
    color: white;
    background-color: var(--gia-lighter);
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    background-color: var(--gia-lighter);
}

    .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
        background-color: var(--gia-lighter);
    }

.k-svg-icon {
    color: #005E63;
}

.k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
    box-shadow: unset;
}

.k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus {
    box-shadow: unset;
}

.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: var(--gia-primary);
    color: white;
    background-color: var(--gia-primary);
}

.k-panelbar > .k-panelbar-header > .k-link.k-selected {
    color: var(--gia-primary);
    background-color: #ffffff;
}

.k-panelbar > .k-panelbar-header > .k-link {
    color: var(--gia-primary);
    background-color: #ffffff;
}

    .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
        background-color: #ffffff;
    }

.k-panelbar > .k-panelbar-header + .k-panelbar-header {
    border-top: 0px;
}

.k-panelbar > .k-panelbar-header > .k-link:focus, .k-panelbar > .k-panelbar-header > .k-link.k-focus {
    box-shadow: unset;
}

.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus {
    box-shadow: unset;
}

.k-focus {
    box-shadow: unset;
}

.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
    background: #ffffff;
}

.k-panelbar .k-panelbar-item {
    background: #FAF9F8;
}

.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
    background: var(--gia-lighter);
    color: unset;
}

    .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
        background: unset;
        color: unset;
    }

.grid-no-scroll .k-grid-content {
    overflow-y: auto;
}

.grid-no-scroll .k-grid-header,
.grid-no-scroll .k-grid-footer {
    padding-right: 0; /* version 2.26 and older requires !important here */
}

.grid-no-scroll .k-grid-header-wrap,
.grid-no-scroll .k-grid-footer-wrap {
    border-right-width: 0;
}

.k-tabstrip-items-wrapper .k-item{
    color: unset;
}

    .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-hover{
        color: unset;
    }

.k-window-titlebar{
    background-color: #ffffff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: unset;
    background: #F3F2F1;    
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    box-shadow: unset;
    border-bottom: 2px solid #005E63 !important;
    border-bottom-color: #005E63 !important;
    font-family: 'Segoe UI';
    background: #ffffff;
    color: #201F1E;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border-bottom: unset;
    border-radius: 0;
    border-top: unset;
    border-left: 1px solid #A19F9D;
    border-right: 1px solid #A19F9D;
    background: #F3F2F1;
    color: #A19F9D;
}

.k-tabstrip-content, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content, .k-tabstrip > .k-content.k-focus {
    background: #FAF9F8;
    border: unset;
    color: #201F1E;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper{
    border-bottom-width: 0px;
}

.k-window-content, .k-prompt-container {
    background: #FAF9F8;
    border: unset;
}

.k-window-content, .k-prompt-container {
    margin-top: unset;
    padding-top: unset;
}

.k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus {
     outline-width: 0; 
     outline-style: unset; 
     outline-offset: unset; 
}

.k-window-actions {
    background: #FAF9F8;
    border: unset;
}

.k-button-solid-base:focus, .k-button-solid-base.k-focus{
    box-shadow: unset;
}

.k-button-solid-base {
    border: 1px solid #8A8886;
    border-radius: 2px;
    color: #323130;
    background: #FFFFFF;
}

.left-buttons, .right-buttons {
    display: flex;
}

.k-actions-stretched > *{
    flex: unset;
}

.popup-delete {
    background-color: #ffffff;
}

.popup-close{
    background-color: #ffffff;
}

.popup-save{
    background-color: #005E63;
    color: #ffffff;
    margin-left: 5px;
}

.popup-footer-container {
    display: flex;
    justify-content: space-between; /* Aligns items on the main-axis */
    align-items: center; /* Centers items on the cross-axis */
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: calc(100% - 20px); /* Full width minus padding */
}

.k-panelbar{
    border-color: unset;
    border: 0px;
}

.k-notification-container {
    background-color: #005E63;
    z-index: 10000;
}

.big-notification {
    z-index: 10000;
}