/* _content/Kelpy.UI.Library/Components/Atoms/Button/KpyButton.razor.rz.scp.css */
[b-kvr6xhf87y] .kpy-button-primary,
[b-kvr6xhf87y] .kpy-button-secondary {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    border-radius: 4px;
    flex: none;
    flex-grow: 0;
    font-family: var(--font-family-default);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1.25px;
    height: 36px;
    margin: 0px 0px 0px 8px;
}

[b-kvr6xhf87y] .kpy-button-primary {
    background-color: var(--color-Primary600DefaultBGFontHover);
    color: var(--color-NeutralWhite);
}

[b-kvr6xhf87y] .kpy-button-primary:hover {
    background-color: var(--color-Primary700BGHover);
}

[b-kvr6xhf87y] .kpy-button-primary:active {
    background-color: var(--color-Primary800OnClick);
}

[b-kvr6xhf87y] .kpy-button-primary:disabled {
    background-color: var(--color-Primary200Disabled);
    color: var(--color-NeutralWhite) !important;
}

[b-kvr6xhf87y] .kpy-button-secondary {
    background-color: var(--color-NeutralWhite);
    border: 1px solid var(--color-Neutral400Default);
    color: var(--color-Neutral400Default);
}

[b-kvr6xhf87y] .kpy-button-secondary:hover {
    background-color: var(--color-GreyHover);
}

[b-kvr6xhf87y] .kpy-button-secondary:active {
    border: 1px solid var(--color-Neutral400Default);
    background-color: var(--color-GreyOnClick);
    color: var(--color-Neutral800Font);
}

[b-kvr6xhf87y] .kpy-button-secondary:disabled {
    border: 1px solid var(--color-GreyDisabledFont);
    background-color: var(--color-GreyDisabledBackground);
    color: var(--color-GreyDisabledFont);
}

[b-kvr6xhf87y] .kpy-button-warning {
    background-color: #FFF3CF;
    border: 1px solid var(--mud-palette-warning);
}

    [b-kvr6xhf87y] .kpy-button-warning:hover {
        background-color: var(--mud-palette-warning-hover);
    }

    [b-kvr6xhf87y] .kpy-button-warning:active {
        background-color: var(--mud-palette-warning-hover);
    }

    [b-kvr6xhf87y] .kpy-button-warning:disabled {
        border: 1px solid var(--color-GreyDisabledFont);
        background-color: var(--color-GreyDisabledBackground);
        color: var(--color-GreyDisabledFont);
    }
/* _content/Kelpy.UI.Library/Components/Atoms/Icon/KpyIcon.razor.rz.scp.css */
[b-4cne7xflz5] .kpy-icon {
    color: var(--color-Neutral400Default);
}

[b-4cne7xflz5] .kpy-icon-size-small {
    font-size: 16px;
    width: 16px !important;
    height: 16px !important;
}

[b-4cne7xflz5] .kpy-icon-size-medium {
    font-size: 20px;
    width: 20px !important;
    height: 20px !important;
}

[b-4cne7xflz5] .kpy-icon-size-large {
    font-size: 24px;
    width: 24px !important;
    height: 24px !important;
}
/* _content/Kelpy.UI.Library/Components/Atoms/IconButton/KpyIconButton.razor.rz.scp.css */
[b-k5dswk8f68] .kpy-icon-button > span > svg {
    color: var(--color-Neutral400Default);
    border-radius: 50%
}

[b-k5dswk8f68] .kpy-icon-button:disabled > span > svg {
    color: var(--color-GreyDisabledFont);
}

[b-k5dswk8f68] .kpy-icon-button-size-small {
    padding: 0px;
}

[b-k5dswk8f68] .kpy-icon-button-size-medium {
    padding: 4px;
}

[b-k5dswk8f68] .kpy-icon-button-size-large {
    padding: 8px;
}

[b-k5dswk8f68] .kpy-icon-button-size-small > span > svg {
    font-size: 16px;
    width: 16px !important;
    height: 16px !important;
}

[b-k5dswk8f68] .kpy-icon-button-size-medium > span > svg {
    font-size: 20px;
    width: 20px !important;
    height: 20px !important;
}

[b-k5dswk8f68] .kpy-icon-button-size-large > span > svg {
    font-size: 24px;
    width: 24px !important;
    height: 24px !important;
}

[b-k5dswk8f68] .kpy-icon-button:hover {
    background-color: var(--color-GreyHover);
}

[b-k5dswk8f68] .kpy-icon-button:active {
    background-color: var(--color-GreyOnClick);
}
/* _content/Kelpy.UI.Library/Components/Atoms/LoadingSpinner/KpySpinner.razor.rz.scp.css */
.simple-spinner[b-mqeg87wqp3] {
    font-size: 10px;
    margin: 0;
    text-indent: -9999em;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #437e87;
    background: -moz-linear-gradient(left, #437e87 10%, rgba(67,126,135, 0) 42%);
    background: -webkit-linear-gradient(left, #437e87 10%, rgba(67,126,135, 0) 42%);
    background: -o-linear-gradient(left, #437e87 10%, rgba(67,126,135, 0) 42%);
    background: -ms-linear-gradient(left, #437e87 10%, rgba(67,126,135, 0) 42%);
    background: linear-gradient(to right, #437e87 10%, rgba(67,126,135, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3-b-mqeg87wqp3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.simple-spinner[b-mqeg87wqp3]:before {
    width: 50%;
    height: 50%;
    background: #437e87;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

.simple-spinner[b-mqeg87wqp3]:after {
    background: var(--color-GreyDisabledBackground);
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load3-b-mqeg87wqp3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* _content/Kelpy.UI.Library/Components/Atoms/Navigation/KpyPopOverSubNavLink.razor.rz.scp.css */
[b-egnrjlkk2o] .mud-nav-item.active-item {
    color: var(--color-Primary600DefaultBGFontHover);
    border-inline-start-style: solid;
    border-inline-start-width: 3px;
    border-inline-start-color: var(--color-Primary600DefaultBGFontHover);
}

[b-egnrjlkk2o] .mud-nav-item.active-item,
.active-item.mud-nav-item:hover[b-egnrjlkk2o],
.active-item.mud-nav-item .mud-nav-link:hover[b-egnrjlkk2o] {
    background-color: var(--color-GreySectionArea);
}

[b-egnrjlkk2o] .mud-nav-item .mud-nav-link:active {
    background-color: var(--color-GreyHover);
}

[b-egnrjlkk2o] .mud-nav-item.active-item .mud-nav-link-icon.mud-nav-link-icon-default {
    color: var(--color-Primary600DefaultBGFontHover);
}

[b-egnrjlkk2o] .mud-nav-item > a:hover {
    color: inherit;
}

[b-egnrjlkk2o] .mud-nav-item:hover, 
.mud-nav-link:hover:not(.mud-nav-link-disabled)[b-egnrjlkk2o] {
    background-color: var(--color-GreySectionHover);
}

[b-egnrjlkk2o] .mud-nav-item {
    background-color: var(--color-NeutralWhite);
}

[b-egnrjlkk2o] .mud-nav-item .mud-nav-link {
    padding: 16px 8px 16px 8px !important;
}

[b-egnrjlkk2o] .open .mud-nav-item .mud-nav-link {
    padding-left: 50px !important;
}

[b-egnrjlkk2o] .closed .mud-nav-item .mud-nav-link {
    padding-left: 16px !important;
}

[b-egnrjlkk2o] .closed .mud-nav-item.active-item .mud-nav-link {
    padding-left: 13px !important;
}

[b-egnrjlkk2o] .open .mud-nav-item.active-item .mud-nav-link {
    padding-left: 47px !important;
}
/* _content/Kelpy.UI.Library/Components/Atoms/Navigation/KpySubNavLink.razor.rz.scp.css */
[b-ffbp8kk94m] .submenu-item.active-item {
    color: var(--color-Primary600DefaultBGFontHover);
    border-inline-start-style: solid;
    border-inline-start-width: 3px;
    border-inline-start-color: var(--color-Primary600DefaultBGFontHover);
}

[b-ffbp8kk94m] .mud-tooltip-root {
    width: auto;
}

[b-ffbp8kk94m] .submenu-item:hover {
    background-color: var(--color-GreySectionHover);
}

[b-ffbp8kk94m] .submenu-item {
    background-color: var(--color-GreySectionArea);
}

[b-ffbp8kk94m] .submenu-item .mud-nav-link {
    padding: 16px 8px 16px;
    padding-left: 50px !important;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, padding 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

[b-ffbp8kk94m] .submenu-item.active-item .mud-nav-link {
    padding-left: 47px !important;
}

[b-ffbp8kk94m] .submenu-item.collapsed-item .mud-nav-link {
    padding-left: 16px !important;
}

[b-ffbp8kk94m] .active-item .mud-nav-link {
  background-color: var(--color-NeutralWhite);
}

[b-ffbp8kk94m] .active-item .mud-nav-link-icon.mud-nav-link-icon-default {
    color: var(--color-Primary600DefaultBGFontHover);
}

/* _content/Kelpy.UI.Library/Components/Atoms/Navigation/KpyVersionNumber.razor.rz.scp.css */
.version[b-74l1kw9wah] {
    bottom: 0;
    position: absolute;
    opacity: 0.5;
    right: 0;
}
/* _content/Kelpy.UI.Library/Components/Atoms/TextField/KpyTextField.razor.rz.scp.css */
[b-d6u31rcuck] .kpy-input {
    display: flex;
    justify-content: center;
    border-radius: 4px 4px 0px 0px;
    flex-grow: 1;
    align-self: stretch;
    font-family: var(--font-family-default);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: var(--color-Neutral800Font);
}

    [b-d6u31rcuck] .kpy-input .read-only {
        background-color: var(--kb-table-read-only-bg-color);
    }

    [b-d6u31rcuck] .kpy-input .me-auto {
        color: var(--mud-palette-error) !important;
    }

[b-d6u31rcuck] .mud-input input:disabled {
    background-color: var(--color-GreyDisabledBackground);
}
/* _content/Kelpy.UI.Library/Components/Molecules/Dialog/KpyDialog.razor.rz.scp.css */
[b-s5jak12j2g] .kpy-input {
    padding-left: 0px;
    padding-right: 0px;
}

[b-s5jak12j2g] .kpy-modal-header {
    height: 40px;
    overflow: hidden;
    padding-top: 5px;
}

[b-s5jak12j2g] .kpy-modal-container {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: var(--color-Neutral400Default)
}
/* _content/Kelpy.UI.Library/Components/Molecules/FileUpload/KpyFileUpload.razor.rz.scp.css */
[b-o8gksg6cax] .upload-dialog-content {
    padding: 0 24px;
}

[b-o8gksg6cax] .drag-and-drop-area {
    opacity: 0;
    z-index: 1;
    left: 0;
    top: 0;
}

[b-o8gksg6cax] h6 {
    font-size: 14px;
    color: var(--color-NeutralPlaceHolder);
}

[b-o8gksg6cax] div.outline-none {
    width: 640px;
}

[b-o8gksg6cax] .error-text {
    color: var(--color-StatusError600);
}
/* _content/Kelpy.UI.Library/Components/Molecules/Navigation/KpyAppBar.razor.rz.scp.css */
[b-lao3qfitcl] .mud-breadcrumb-item > a,
.mud-breadcrumb-item.mud-disabled > a[b-lao3qfitcl],
.mud-breadcrumb-separator > span[b-lao3qfitcl] {
    color: var(--color-NeutralWhite);
    opacity: 0.6;
}
/* _content/Kelpy.UI.Library/Components/Organisms/Sidebar/KpyRightSideSidebar.razor.rz.scp.css */
[b-75madlzsi1] .mud-main-content {
    margin-left: 0;
    padding: 0;
    height: 100%;
}

@media only screen and (max-width: 2440px) {
    [b-75madlzsi1] .mud-main-content {
        overflow-x: scroll;
    }
}

[b-75madlzsi1] .mud-drawer-content {
    background-color: var(--color-GreyDisabledBackground);
}

.sidebar-main[b-75madlzsi1] {
    overflow: inherit;
    position: inherit;
    width: 100%;
}

.close-button[b-75madlzsi1] {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}

[b-75madlzsi1] .mud-drawer.mud-drawer-pos-right.mud-drawer--open {
    height: var(--kb-main-sub-content-height);
}