/*// =========================================================================
// COMPONENTS - AlertMessageDisplay.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.AlertMessageDisplay {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 24px;
}

/*// Elements
//--------------------------------------------------------------------------*/

.AlertMessageDisplay__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 16px;
    border-radius: 4px;
    border: 1px solid;
    color: var(--secondary-black);
    box-shadow: -0.03px 0.74px 3.07px 0px #00386512, -0.11px 3.26px 6.36px 0px #0038650E;
}

.AlertMessageDisplay__container--error {
    background-color: var(--invalid-tints-50);
    border-color: var(--invalid-tints-300);
}

.AlertMessageDisplay__container--warning {
    background-color: var(--pending-tints-100);
    border-color: var(--pending-tints-300);
}

.AlertMessageDisplay__container--info {
    background-color: var(--primary-tints-third-100);
    border-color: var(--primary-tints-third-300);
}

.AlertMessageDisplay__container--success {
    background-color: var(--success-tints-100);
    border-color: var(--success-tints-300);
}

.AlertMessageDisplay__text {
    display: flex;
    gap: 12px;
}

.AlertMessageDisplay__text ul {
    margin-left: 1rem;
    list-style-type: initial;
}

.AlertMessageDisplay__text button {
    height: initial;
}

.AlertMessageDisplay__container .mud-icon-button:hover {
    background-color: transparent !important;
}

/*// =========================================================================
// COMPONENTS - Breadcrumb.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.Breadcrumb {
    display: flex;
    gap: 4px;
}

/*// Elements
//--------------------------------------------------------------------------*/

.Breadcrumb li:not(:last-child) {
    text-decoration: underline;
}

.Breadcrumb a:hover {
    color: var(--secondary-black);
    text-decoration: underline;
}

.Breadcrumb, .Breadcrumb a {
    color: var(--primary-tints-first-300);
}

a.Breadcrumb__action {
    cursor: pointer;
}

.Breadcrumb li {
    min-width: 0;
    max-width: 200px;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Breadcrumb li:last-child {
    flex-shrink: 1;
    max-width: 100%;
}

.Breadcrumb li:last-child > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/*// =========================================================================
// COMPONENTS - ContentSideMenu.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.ContentSideMenu {
    width: 216px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/*// Elements
//--------------------------------------------------------------------------*/

.ContentSideMenu__item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ContentSideMenu__link {
    color: var(--primary-tints-first-700);
}

.ContentSideMenu__link .material-symbols-outlined {
    color: var(--primary-tints-first-300);
}

.ContentSideMenu__link.active {
    color: var(--primary-medium);
    font-weight: var(--font-weight-semibold);
}

.ContentSideMenu__link.active .material-symbols-outlined {
    color: var(--primary-medium);
}

.ContentSideMenu__link:hover, .ContentSideMenu__link:hover .material-symbols-outlined {
    color: var(--primary-medium);
    text-decoration: none;
}

.ContentSideMenu__link.active:hover, .ContentSideMenu__link.active:hover .material-symbols-outlined {
    color: var(--primary-tints-second-500);
}

.ContentSideMenu__link--disabled {
    pointer-events: none;
    color: var(--mud-palette-text-disabled);
}

/*// =========================================================================
// COMPONENTS - DependentBrowseLayout.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.DependentBrowseLayout {
    width: 100%;
    display: flex;
    gap: 24px;
}

/*// Elements
//--------------------------------------------------------------------------*/

.DependentBrowseLayout__container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.DependentBrowseLayout__header {
    display: flex;
    justify-content: space-between;
}

.DependentBrowseLayout__header__content {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    gap: 12px;
}

.DependentBrowseLayout__container--full {
    width: 100%;
}

.DependentBrowseLayout__container--partial {
    width: calc(100% - 240px);
}

.DependentBrowseLayout__content .DependentBrowseLayout__form, .DependentBrowseLayout__tabs, .AuditFooter {
    max-width: 960px;
}

.DependentBrowseLayout__content .DependentBrowseLayout__form {
    background-color: var(--secondary-white) !important;
    box-shadow: -.02529px .74031px 3.06944px 0 rgba(0,56,101,.07),-.11128px 3.25736px 6.35556px 0 rgba(0,56,101,.05);
    border-radius: var(--border-radius-default);
}

.DependentBrowseLayout__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.DependentBrowseLayout__container a {
    text-decoration: underline;
}

/*// =========================================================================
// COMPONENTS - Drawer.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.Drawer {
    background-color: var(--primary-tints-first-500);
    top: var(--mud-appbar-height) !important;
    height: calc(100% - var(--mud-appbar-height)) !important;
}

/*// Elements
//--------------------------------------------------------------------------*/

.Drawer__header {
    padding: 24px 16px;
    background-color: var(--primary-dark);
    min-height: auto;
}

.Drawer__divider {
    height: 1px;
    background: var(--primary-tints-first-300);
    margin: 0 12px;
    opacity: 1;
    border: 0;
}

/*// =========================================================================
// COMPONENTS - EntityStateMessageDisplay.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.EntityStateMessageDisplay {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    color: var(--secondary-white);
}

/*// Elements
//--------------------------------------------------------------------------*/

.EntityStateMessageDisplay__container--error {
    background-color: var(--state-invalid);
}

.EntityStateMessageDisplay__container--warning {
    background-color: var(--state-pending);
}

.EntityStateMessageDisplay__container--info {
    background-color: var(--primary-medium);
}

.EntityStateMessageDisplay__container--success {
    background-color: var(--state-success);
}

/*// =========================================================================
// COMPONENTS - Footer.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.Footer {
    width: 100%;
    height: var(--footer-height);
    background-color: var(--secondary-white);
}

/*// Elements
//--------------------------------------------------------------------------*/

.Footer__container {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 16px;
    margin-right: 16px;
}

.Footer__text {
    color: var(--primary-tints-first-300);
    margin-bottom: 0;
}

.Footer__text--left {
    text-align: start;
}

.Footer__text--right {
    text-align: end;
    display: flex;
    align-items: center;
    gap: 12px;
}

@media only screen and (min-width: 960px) {
    .Footer__container {
        margin-left: 24px;
        margin-right: 24px;
    }
}

/*// =========================================================================
// COMPONENTS - FormActions.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.FormActions {
    display: flex;
    padding: 16px 24px;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--primary-tints-first-100);
    border-radius: 0px 0px 4px 4px;
}

/*// Elements
//--------------------------------------------------------------------------*/

.FormActions__sticky {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 2;
}

.FormActions__left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.FormActions__right {
    display: flex;
    align-items: center;
    gap: 16px;
}

.FormActions--blue {
    background: var(--primary-tints-second-100);
}

.FormActions--white {
    background: var(--secondary-white);
}

/*// =========================================================================
// COMPONENTS - Hero.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.Hero {
    width: 100%;
    height: var(--hero-height, 0px);
    background: var(--secondary-white);
    box-shadow: -0.03px 0.74px 3.07px 0px #00386512;
    box-shadow: -0.11px 3.26px 6.36px 0px #0038650E;
}

/*// Elements
//--------------------------------------------------------------------------*/

.Hero__container {
    padding: 16px;
}

.Hero__title {
    margin: 16px 0;
}

.Hero__tiny {
    width: 100%;
    height: var(--hero-height, 0px);
    background: var(--secondary-white);
}

.Hero__medium--title {
    padding-top: 20px;
}

.Hero__subtitle a {
    text-decoration-line: underline;
}

.Hero__subtitle a:hover {
    text-decoration-line: none;
}

.Hero__links {
    padding: 16px;
}

@media only screen and (min-width: 960px) {
    .Hero__container {
        padding: 24px;
    }

    .Hero__links {
        padding: 16px 24px;
    }
}

/*// =========================================================================
// COMPONENTS - Language.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/


/*// Elements
//--------------------------------------------------------------------------*/
.Language__text {
    color: var(--primary-medium);
}

.Language__img {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.Language .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
    padding: 8px 4px 8px 8px;
}

/*// =========================================================================
// COMPONENTS - Login.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.Login {
    padding: 16px;
    color: var(--secondary-white);
}

/*// Elements
//--------------------------------------------------------------------------*/

.Login .mud-nav-item a {
    padding: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2371C5E8' viewBox='0 0 24 24'%3E%3Cpath d='M10 8.175L13.5319 12L10 15.825L11.0873 17L15.7143 12L11.0873 7L10 8.175Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
}

.Login button {
    padding: 0 0 12px 0;
}

.Login .mud-nav-link {
    background-color: transparent !important;
    align-items: center;
}

.Login .mud-nav-link:hover {
    color: var(--primary-tints-third-300) !important;
}

.Login .mud-nav-link-text {
    margin-right: 12px;
    margin-inline-end: 12px;
}

.Login svg {
    fill: var(--primary-tints-third-400) !important;
    font-size: var(--font-size-large) !important;
}

.Login a {
    line-height: 1.33;
}

.NavLogin button {
    padding: 12px 4px 14px !important;
    font-weight: var(--font-weight-regular);
}

.NavLogin a {
    color: var(--secondary-white);
}

.NavLogin__icon {
    width: 32px;
    height: 32px;
    background-color: var(--primary-tints-first-500);
    border-radius: var(--border-radius-circle);
}

.NavLogin__icon:before {
    content: '\e7fd';
    color: var(--secondary-white);
    font-size: var(--font-size-small);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.NavLogin .mud-button-icon-start .mud-svg-icon {
    font-size: var(--font-size-large);
}

.NavLogin .mud-button-label .mud-button-icon-start {
    margin-inline-end: 8px !important;
}

.RnMenu .Login__home-group .mud-typography-body1 {
    font-weight: var(--font-weight-semibold);
    color: var(--primary-tints-second-400);
}
/*// =========================================================================
// COMPONENTS - Menu.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.MenuLinks {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 16px 24px 4px;
    font-size: 18px;
    color: var(--secondary-white);
}

.NavLinks {
    gap: 20px;
}

/*// Elements
//--------------------------------------------------------------------------*/

.MenuLinks .mud-nav-item a {
    padding: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2371C5E8' viewBox='0 0 24 24'%3E%3Cpath d='M10 8.175L13.5319 12L10 15.825L11.0873 17L15.7143 12L11.0873 7L10 8.175Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
}

.MenuLinks button {
    padding: 0 0 12px 0;
}

.MenuLinks svg {
    fill: var(--primary-tints-third-400) !important;
    font-size: var(--font-size-400) !important;
}

.MenuLinks a {
    line-height: 1.33;
}

.NavLinks__list {
    display: flex;
    gap: 20px;
}

.NavLinks__item {
    padding: 19px 0;
}

.NavLinks__item a {
    color: var(--secondary-white);
    padding: 19px 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2371C5E8' viewBox='0 0 24 24'%3E%3Cpath d='M10 8.175L13.5319 12L10 15.825L11.0873 17L15.7143 12L11.0873 7L10 8.175Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
}

.NavLinks__item a:hover {
    text-decoration: none;
}

.NavLinks button {
    padding: 12px 0 14px 0 !important;
    font-weight: var(--font-weight-regular);
}

.NavLinks__item--disabled {
    pointer-events: none;
    color: var(--mud-palette-text-disabled) !important;
}

@media only screen and (min-width: 960px) {
    .NavLinks__item a {
        background: none;
    }

    .NavLinks__item .active {
        border-bottom: 2px solid var(--primary-light);
    }
}

/*// =========================================================================
// COMPONENTS - Navbar.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.NavBar {
    width: 100%;
    height: var(--mud-appbar-height);
    background-color: var(--primary-dark);
}

/*// Elements
//--------------------------------------------------------------------------*/

.NavBar__container {
    display: flex;
    height: 100%;
    justify-content: space-between;
    white-space: nowrap;
    gap: 32px;
    padding: 0 24px;
}

.NavBar__logobar {
    display: flex;
    align-items: center;
    gap: 16px;
}

.NavBar__line {
    width: 1px;
    height: 20px;
    background: var(--secondary-white);
    opacity: 0.2;
}

.NavBar__logo {
    width: auto;
    height: 24px;
}

.NavBar__navigation {
    display: flex;
    width: unset;
    justify-content: space-between;
}

.NavBar__container a:hover, .NavBar__container a:focus, .NavBar__container .active, .NavBar__container button:hover,
.NavBar__container button:focus {
    color: var(--primary-tints-third-300) !important;
    background-color: transparent !important;
}

.NavBar__container .active:hover {
    color: var(--primary-light) !important;
    background-color: transparent !important;
}

.NavBar__search {
    padding: 0 16px;
}

.Hamburger__icon {
    background: var(--secondary-white);
    display: block;
    height: 2px;
    position: relative;
    width: 24px;
}

.Hamburger__icon::before, .Hamburger__icon::after {
    background: var(--secondary-white);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.Hamburger__icon::before {
    top: 5px;
}

.Hamburger__icon::after {
    top: -5px;
}

.Close__icon {
    background: transparent;
}

.Close__icon::before, .Close__icon::after {
    top: 0;
}

.Close__icon::before {
    transform: rotate(-45deg);
}

.Close__icon::after {
    transform: rotate(45deg);
}

@media only screen and (min-width: 960px) {
    .NavBar__navigation {
        width: 100%;
    }
}

/*// =========================================================================
// COMPONENTS - NavGrid.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.NavGrid {
    padding: 8px 0px;
}

/*// Elements
//--------------------------------------------------------------------------*/

.NavGrid .mud-icon-root {
    color: var(--secondary-white) !important;
    font-size: 1.5rem !important;
}

.NavGrid .mud-icon-button {
    width: 24px;
    height: 24px;
}

/*// =========================================================================
// COMPONENTS - Notifications.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.Notifications {
    display: flex;
    align-items: center;
    gap: 2px;
}

/*// Elements
//--------------------------------------------------------------------------*/

.Notifications__badge {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary-tints-second-500);
    background: var(--primary-tints-third-300);
    font-size: var(--font-size-xx-small);
    font-weight: var(--font-weight-bold);
    border-radius: var(--border-radius-circle);
    height: 20px;
    width: 20px;
}

.Notifications__container {
    display: flex;
    flex-direction: column;
    min-width: 250px;
    padding: 6px 12px;
}

.Notifications__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Notifications svg {
    font-size: var(--font-size-medium) !important;
}

/*// =========================================================================
// COMPONENTS - PageLoader.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.PageLoader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: var(--border-radius-circle);
    background-color: var(--secondary-white);
    box-shadow: -1.36566px 39.9767px 78px rgba(0, 56, 101, 0.0168519), -0.885152px 25.9108px 45.6806px rgba(0, 56, 101, 0.0274815), -0.526033px 15.3984px 24.8444px rgba(0, 56, 101, 0.035), -0.273133px 7.99534px 12.675px rgba(0, 56, 101, 0.0425185), -0.111276px 3.25736px 6.35556px rgba(0, 56, 101, 0.0531481), -0.0252901px 0.740309px 3.06944px rgba(0, 56, 101, 0.07);
    padding: 16px;
}

/*// Elements
//--------------------------------------------------------------------------*/

.PageLoader span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 24px;
}

.PageLoader--circle {
    background: conic-gradient(white, #82CCEB);
    width: 84px;
    height: 84px;
    border-radius: var(--border-radius-circle);
    animation: spin 2s linear infinite;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PageLoader--circle::before {
    content: '';
    position: absolute;
    width: 78%;
    height: 78%;
    border-radius: var(--border-radius-circle);
    background-color: var(--secondary-white);
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

/*// =========================================================================
// COMPONENTS - RnAutocomplete.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnAutocomplete {
    width: 100%;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnAutocomplete__afterItems {
    background: var(--primary-tints-third-100);
    padding: 0 8px;
}

.RnAutocomplete__specialItem {
    padding: 10px 16px;
}

.RnAutocomplete__popover .pa-1 {
    padding: 0 !important;
}

.RnAutocomplete__menu .mud-list-item:not(:last-child) {
    border-bottom: 1px solid var(--primary-tints-first-100);
}

.RnAutocomplete__menu::-webkit-scrollbar {
    width: 4px;
}

.RnAutocomplete__menu::-webkit-scrollbar-thumb {
    background: var(--primary-light);
    border-radius: 10px;
}

.RnAutocomplete__menu mark {
    padding: 0;
    background-color: initial;
    font-weight: var(--font-weight-semibold);
}

.RnAutocomplete svg {
    color: var(--primary-tints-first-200);
}

.RnAutocomplete__popover-dialog {
    z-index: 10010 !important;
}

.RnAutocomplete__add-item {
    cursor: pointer;
    color: var(--primary-tints-second-400);
    background-color: var(--primary-tints-third-100);
    border-color: var(--primary-tints-first-100);
}

.RnAutocomplete__popover .mud-selected-item .mud-typography-body1 {
    color: var(--secondary-black);
    font-weight: var(--font-weight-semibold);
}

.RnAutocomplete .mud-icon-button, .RnAutocomplete .mud-icon-button-size-large {
    width: 20px;
    height: 20px;
}

.RnAutocomplete .mud-icon-button-size-small {
    width: 16px;
    height: 16px;
}

.RnInput--small.RnAutocomplete .mud-input-adornment-end {
    padding-right: 8px;
}

.RnAutocomplete .mud-input-adornment-end {
    padding-right: 9px;
}

.RnInput--large.RnAutocomplete .mud-input-adornment-end {
    padding-right: 11px;
}

.RnAutocomplete__menu .mud-list-item-disabled {
    background-color: var(--secondary-tints-100);
}

.RnAutocomplete__menu .mud-list-item-disabled * {
    color: var(--secondary-gray) !important;
}

/*// =========================================================================
// COMPONENTS - RnBrowseCompositeState.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnBrowseCompositeState {
    width: 100%;
    display: flex;
}

/*// Elements
//--------------------------------------------------------------------------*/

td.k-table-td:has(> div.RnBrowseCompositeState) {
    padding: 0px !important;
}

.RnBrowseCompositeState__state {
    min-width: 24px;
    cursor: help;
}

.RnBrowseCompositeState__state--added {
    background: var(--success-tints-200);
}

.RnBrowseCompositeState__state--changed {
    background: var(--pending-tints-200);
}

.RnBrowseCompositeState__state--deleted {
    background: var(--invalid-tints-200);
}

.RnBrowseCompositeState__childContent {
    padding: 8px 12px !important;
}

/*// =========================================================================
// COMPONENTS - RnButton.css
// =========================================================================*/


/*// Elements
//--------------------------------------------------------------------------*/

.RnIconButton__rounded.mud-icon-button {
    border-radius: var(--border-radius-circle);
}

.RnIconButton__square.mud-icon-button {
    border-radius: var(--border-radius-default);
}

.RnIconButton > .mud-icon-button-label > .mud-icon-size-small {
    font-size: var(--font-size-small) !important;
}

.RnIconButton > .mud-icon-button-label > .mud-icon-size-medium {
    font-size: var(--font-size-medium) !important;
}

.RnIconButton > .mud-icon-button-label > .mud-icon-size-large {
    font-size: var(--font-size-medium) !important;
}

.RnButton .mud-icon-size-small {
    font-size: var(--font-size-small) !important;
}

.RnButton .mud-icon-size-large {
    font-size: var(--font-size-medium) !important;
}

.RnIconButton.mud-icon-button[class*="-text"]:hover {
    background: none !important;
}

.RnIconButton__clear {
    right: 30px;
    z-index: 1;
    position: absolute;
    bottom: 0px;
    top: 0;
    margin: auto;
    color: var(--primary-tints-first-200) !important;
}

/*// =========================================================================
// COMPONENTS - RnCard.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnCard {
    color: var(--secondary-black);
    font-size: var(--font-size-x-small);
    line-height: 20px;
    font-weight: var(--font-weight-regular);
    min-height: 193px
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnCard__badge {
    display: flex;
    padding: 4px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    border-radius: 50px;
    background: var(--primary-tints-third-100);
    color: var(--primary-tints-third-600);
    text-align: center;
    font-size: var(--font-size-xx-small);
    font-weight: var(--font-weight-semibold);
    line-height: 16px;
    cursor: pointer;
}

.RnCard .mud-card-header {
    padding: 24px 24px 12px;
    align-items: start;
}

.RnCard .mud-card-header .mud-card-header-content {
    gap: 4px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 48px;
}

.RnCard .mud-card-header .mud-card-header-actions {
    margin-top: 0;
    margin-right: 0;
    margin-inline-end: 0;
}

.RnCard .mud-card-content {
    padding: 12px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.RnCard .mud-divider-middle {
    margin-left: 24px;
    margin-right: 24px;
}

/*// =========================================================================
// COMPONENTS - RnCheck.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnCheck {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnCheck__label {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.RnCheck__label:not(.rn-text--disabled) {
    cursor: pointer;
}

.RnColumn:has(.RnCheck) {
    align-self: flex-end;
}

.RnCheck__icon {
    margin: 2px 0;
}

/*// =========================================================================
// COMPONENTS - RnDatePicker.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnDatePicker {
    width: 100%;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnDatePicker .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 6px;
    padding-inline-end: 6px;
}

.RnDatePicker .k-input-sm .k-input-button {
    padding: 1px 0;
    margin: 0px 2px;
}

.RnDatePicker .k-input-md .k-input-button {
    padding: 5px 20px;
}

.RnDatePicker .k-input-lg .k-input-button {
    padding: 7px 22px;
}

.RnDatePicker .k-button-sm.k-icon-button .k-button-icon.k-svg-icon {
    width: 12px;
}

.RnDatePicker .k-button-md.k-icon-button .k-button-icon.k-svg-icon > svg,
.RnDatePicker .k-button-lg.k-icon-button .k-button-icon.k-svg-icon > svg {
    height: 20px;
}

.RnDatePicker .k-datepicker .k-icon-button .k-svg-icon svg path {
    d: path("M454.971 65.418h-26.27V12.918H376.241v52.5h-209.92V12.918H113.822v52.5h-26.27c-29.145 0 -52.224 23.631 -52.224 52.5l-0.236 367.38c0 28.869 23.355 52.5 52.46 52.5h367.419c28.83 0 52.46 -23.631 52.46 -52.5V117.918c0 -28.869 -23.631 -52.5 -52.46 -52.5m0 419.84H87.552V222.917h367.419zm0 -314.88H87.552V117.918h367.419zM192.512 327.838H140.052V275.338h52.46zm104.999 0H244.972V275.338h52.5zm104.96 0H349.972V275.338h52.5zm-209.92 104.96H140.012V380.337h52.46zm104.96 0H244.972V380.337h52.5zm104.96 0H349.972V380.337h52.5z");
}

.RnDatePicker .k-datepicker .k-button-solid-base {
    border: none;
}

.RnDatePicker .k-datepicker .k-button-solid-base:hover {
    background: none;
}

/*// =========================================================================
// COMPONENTS - RnEditFormDialog.css
// =========================================================================*/

.RnEditFormDialog.k-window {
    border-radius: 4px;
    color: var(--secondary-black);
}

.RnEditFormDialog .k-window-titlebar {
    border-radius: 4px 4px 0 0;
    color: var(--secondary-tints-800);
    background-color: var(--secondary-white);
    padding: 16px 24px;
    min-height: 60px;
}

.RnEditFormDialog .k-window-title {
    padding: 0;
    margin: 0;
}

.RnEditFormDialog .k-window-content, .k-prompt-container {
    padding: 24px;
}

.RnEditFormDialog .k-window-actions {
    border-radius: 0 0 4px 4px;
    background: var(--background-color);
    padding: 20px 24px;
}

/*// =========================================================================
// COMPONENTS - RnExpansionPanel.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnExpansionPanel {
    border-top: 1px solid var(--primary-tints-first-100);
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnExpansionPanel .mud-expand-panel-icon {
    order: 1;
}

.RnExpansionPanel .mud-expand-panel-text {
    color: var(--primary-dark);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-medium);
    line-height: var(--spacing-6);
    gap: 8px;
    order: 2;
}

.RnExpansionPanel .mud-expand-panel-text .mud-svg-icon {
    padding: 6px;
    font-size: var(--font-size-x-large);
    color: var(--primary-medium);
}

.RnExpansionPanel .mud-collapse-wrapper-inner {
    border-top: 1px solid var(--primary-tints-first-100);
}

/*// =========================================================================
// COMPONENTS - FileUpload.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnFileUpload {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnFileUpload__container {
    display: flex;
    height: 178px;
    padding: 25px;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius-default);
    border: 1px dashed var(--primary-tints-first-150);
    background: var(--background-color);
}

.RnFileUpload__container--hover {
    border: 1px dashed var(--primary-tints-second-400);
    background: var(--secondary-white);
}


.RnFileUpload .mud-expand-panel-header {
    flex-direction: row-reverse;
    gap: 8px;
}

.RnFileUpload .mud-expand-panel-header svg {
    font-size: var(--font-size-large) !important;
    fill: var(--primary-medium);
}

.RnFileUpload .mud-expand-panel .mud-expand-panel-header {
    user-select: revert;
}

.RnFileUpload .mud-expansion-panels {
    gap: 24px;
}

.RnFileUpload .mud-expand-panel-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.RnFileUpload hr {
    height: 1px;
    background: var(--primary-tints-first-100);
    margin: 0 0 24px;
    border: 0;
}

.RnFileUpload .mud-expand-panel .mud-expand-panel-content {
    padding: 0 24px 24px;
}

.RnFileUpload .mud-expand-panel {
    border-radius: var(--border-radius-default) !important;
}

/*// =========================================================================
// COMPONENTS - RnGrid.css
// =========================================================================*/


/*// Elements
//--------------------------------------------------------------------------*/

.RnGrid__menu, .RnGrid__menu button {
    width: 100%;
    height: 100%;
    border-radius: unset;
    /* firefox fix */
    position: absolute;
    top: 0px;
    bottom: 0px;
}

    .RnGrid__menu .mud-icon-button:hover, .RnGrid__menu .mud-icon-button:focus-visible {
        background-color: var(--primary-tints-second-100);
    }

    .RnGrid__menu svg {
        font-size: 24px !important;
    }

.k-grid .k-table-row.RnGrid__row--green,
.k-grid .k-table-row.k-table-alt-row.RnGrid__row--green,
.k-master-row.RnGrid__row--green .k-grid-content-sticky,
.k-master-row.k-table-alt-row.RnGrid__row--green .k-grid-content-sticky {
    background-color: var(--success-tints-100);
}

.k-grid .k-table-tbody > .k-table-row.RnGrid__row--green:not(.k-detail-row):hover,
.k-master-row.k-table-alt-row.RnGrid__row--green:hover .k-grid-content-sticky,
.k-master-row.RnGrid__row--green:hover .k-grid-content-sticky {
    background-color: var(--success-tints-150);
}

.k-grid .k-table-row.RnGrid__row--blue,
.k-grid .k-table-row.k-table-alt-row.RnGrid__row--blue,
.k-master-row.RnGrid__row--blue .k-grid-content-sticky,
.k-master-row.k-table-alt-row.RnGrid__row--blue .k-grid-content-sticky {
    background-color: var(--primary-tints-second-100);
}

.k-grid .k-table-tbody > .k-table-row.RnGrid__row--blue:not(.k-detail-row):hover,
.k-master-row.k-table-alt-row.RnGrid__row--blue:hover .k-grid-content-sticky,
.k-master-row.RnGrid__row--blue:hover .k-grid-content-sticky {
    background-color: var(--primary-tints-second-150);
}

.k-grid .k-table-row.RnGrid__row--red,
.k-grid .k-table-row.k-table-alt-row.RnGrid__row--red,
.k-master-row.RnGrid__row--red .k-grid-content-sticky,
.k-master-row.k-table-alt-row.RnGrid__row--red .k-grid-content-sticky {
    background-color: var(--invalid-tints-100);
}

.k-grid .k-table-tbody > .k-table-row.RnGrid__row--red:not(.k-detail-row):hover,
.k-master-row.k-table-alt-row.RnGrid__row--red:hover .k-grid-content-sticky,
.k-master-row.RnGrid__row--red:hover .k-grid-content-sticky {
    background-color: var(--invalid-tints-150);
}

.k-grid .k-table-row.RnGrid__row--orange,
.k-grid .k-table-row.k-table-alt-row.RnGrid__row--orange,
.k-master-row.RnGrid__row--orange .k-grid-content-sticky,
.k-master-row.k-table-alt-row.RnGrid__row--orange .k-grid-content-sticky {
    background-color: var(--pending-tints-100);
}

.k-grid .k-table-tbody > .k-table-row.RnGrid__row--orange:not(.k-detail-row):hover,
.k-master-row.k-table-alt-row.RnGrid__row--orange:hover .k-grid-content-sticky,
.k-master-row.RnGrid__row--orange:hover .k-grid-content-sticky {
    background-color: var(--pending-tints-150);
}

.k-grid .k-table-row.RnGrid__row--gray,
.k-grid .k-table-row.k-table-alt-row.RnGrid__row--gray,
.k-master-row.RnGrid__row--gray .k-grid-content-sticky,
.k-master-row.k-table-alt-row.RnGrid__row--gray .k-grid-content-sticky {
    background-color: var(--secondary-tints-100);
}

.k-grid .k-table-tbody > .k-table-row.RnGrid__row--gray:not(.k-detail-row):hover,
.k-master-row.k-table-alt-row.RnGrid__row--gray:hover .k-grid-content-sticky,
.k-master-row.RnGrid__row--gray:hover .k-grid-content-sticky {
    background-color: var(--secondary-tints-150);
}

.k-command-cell button.mud-icon-button.RnCompositeButton {
    margin-left: 12px;
}

.CompactMode .k-grid .k-table-tbody .k-table-row {
    height: 24px;
}

.CompactMode .k-table-md {
    font-size: var(--font-size-xx-small);
}
/*// =========================================================================
// COMPONENTS - RnGridColumn.css
// =========================================================================*/


/*// Elements
//--------------------------------------------------------------------------*/
.k-grid .RnGridColumn__inner {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: inherit;
    height: 35px;
    overflow: hidden;
}

th.k-header.k-touch-action-none.RnGridColumn__inner.k-filterable.k-table-th {
    padding: 0px 0px 0px 12px !important;
}

.k-grid .RnGridColumn__inner > .k-link {
    width: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: inherit;
    flex: 1;
    overflow: hidden;
    cursor: default;
}

.k-grid .RnGridColumn__inner .k-grid-header-menu {
    position: static;
    margin-inline-end: var(--kendo-spacing-1, .25rem);
}

.k-header .non-sortable-padding {
    padding-right: 35px;
}

.k-link.non-sortable,
.k-link.non-sortable:hover {
    cursor: default !important;
}

/*// =========================================================================
// COMPONENTS - RnGridMassOperationsToolBar.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/


.RnGridMassOperationsToolBar_inner {
    width: 100%;
    margin-left: -24px;
    position: fixed;
}

.RnGridMassOperationsToolBar__container {
    display: flex;
    flex-flow: column;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.RnGridMassOperationsToolBar__items {
    display: flex;
    flex-direction: row;
    color: var(--mud-palette-primary-text);
    background-color: var(--primary-dark);
    align-items: center;
    border-radius: 4px;
    padding: 8px 12px;
    transform: translate(0px, 40px);
    gap: 7px;
}

.RnGridMassOperationsToolBar__FadeIn {
    position: fixed;
    animation: fadeIn 0.4s;
    -moz-animation: fadeIn 0.4s; /* Firefox */
}

.RnGridMassOperationsToolBar__FadeOut {
    animation: fadeOut 0.4s;
    -moz-animation: fadeOut 0.4s; /* Firefox */
    opacity: 0;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadeIn { /* Firefox */
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; z-index: 100; }
    to   { opacity: 0; z-index: -100; }
}

@-moz-keyframes fadeOut { /* Firefox */
    from { opacity: 1; z-index: 100; }
    to   { opacity: 0; z-index: -100; }
}

/*// Elements
//--------------------------------------------------------------------------*/


.RnGridMassOperationsToolBar__selected-count,
.RnGridMassOperationsToolBar__selected-count-left,
.RnGridMassOperationsToolBar__separator {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 32px;
    padding: 8px 12px 8px 12px;
    gap: 4px;
}

.RnGridMassOperationsToolBar__selected-count-left-content {
    align-content: center;
    margin-left: 5px;
    font-size: var(--font-size-xx-small);
}

.RnGridMassOperationsToolBar__selected-count {
    border-style: none;
    padding-left: 0px;
    padding-right: 0px;
    gap: 0px;
}

.RnGridMassOperationsToolBar__separator {
    height: 20px;
    margin: 0px 6px 0px 6px;
    padding: 0px;
    border: 1px solid #6688A366;
    border-right-style: none;
    border-radius: 0px;
    padding: 0px;
}

.RnGridMassOperationsToolBar__items .mud-button,
.RnGridMassOperationsToolBar__items .mud-button:hover,
.RnGridMassOperationsToolBar__items .mud-button:focus-visible {
    border: 1px solid #6688A366;
}


/*// =========================================================================
// COMPONENTS - RnGridPaging.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnGridPaging {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: var(--secondary-white);
    padding: 8px 12px;
    border-radius: 0px 0px 4px 4px;
    border-top: 1px solid var(--primary-tints-first-100);
    min-height: 48px;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnGridPaging__pagination {
    font-size: 14px;
    color: var(--secondary-black);
    display: flex;
    align-items: center;
    gap: 8px;
}

.RnGridPaging__page-size {
    font-size: var(--font-size-xx-small);
    color: var(--secondary-tints-600);
    display: flex;
    align-items: center;
    gap: 8px;
}

.RnGridPaging__select .mud-input-slot.mud-input-root {
    font-size: var(--font-size-xx-small);
    font-weight: var(--font-weight-semibold);
    line-height: 16px;
    color: var(--primary-medium);
}

.RnGridPaging__menu .mud-list-item p {
    font-size: var(--font-size-xx-small) !important;
    font-weight: var(--font-weight-semibold) !important;
    line-height: 16px !important;
    color: var(--primary-medium) !important;
}

/*// =========================================================================
// COMPONENTS - RnGridToolbar.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnGridToolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 6px 12px;
    align-items: center;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 1px solid var(--primary-tints-first-100);
    background: #FFF;
}

.RnGridToolbarExpanded {
    display: flex;
    background: var(--primary-tints-third-100);
    border-bottom: .5px solid var(--primary-tints-first-300);
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnGridToolbar__wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}

.RnGridToolbar__select {
    width: 216px;
}

.RnGridToolbarExpanded__text {
    color: var(--primary-tints-third-600);
}

.RnGridToolbarExpanded__wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.RnGridToolbar__operator {
    min-width: 150px;
}

.RnGridToolbar__item {
    min-width: 150px;
    display: flex;
}

.RnGridToolbar__item .RnInput:not(:last-child), .RnGridToolbar__item .RnDate:not(:last-child) {
    padding-right: 8px;
}

.RnGridColumnFilter__item {
    display: block;
    width: 100% !important;
    height: 100% !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.RnGridToolbar__input {
    flex-grow: 1;
    max-width: 280px;
}

.RnGridToolbarExpanded__filters {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 12px 24px;
    flex-grow: 1;
}

/*// =========================================================================
// COMPONENTS - RnInput.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnInput {
    width: 100%;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnInput--small.RnInput .mud-input-adornment-start {
    padding-left: 8px;
    padding-inline-start: 8px;
}

.RnInput--small.RnInput .mud-input-adornment-end {
    padding-right: 8px;
    padding-inline-end: 8px;
}

.RnInput .mud-input-adornment-start {
    padding-left: 10px;
    padding-inline-start: 10px;
}

.RnInput .mud-input-adornment-end {
    padding-right: 10px;
    padding-inline-end: 10px;
}

.RnInput--large.RnInput .mud-input-adornment-start {
    padding-left: 12px;
    padding-inline-start: 12px;
}

.RnInput--large.RnInput .mud-input-adornment-end {
    padding-right: 12px;
    padding-inline-end: 12px;
}

.RnInput--small .mud-input-root-outlined:not(textarea.mud-input-root-outlined) {
    padding: 0 8px !important;
    height: 24px !important;
}

.RnInput--large .mud-input-root-outlined:not(textarea.mud-input-root-outlined) {
    padding: 0 12px !important;
    height: 40px !important;
    font-size: var(--font-size-x-small) !important;
}

.RnInput--large .mud-input-adornment.mud-text .mud-input-adornment-text {
    font-size: var(--font-size-x-small) !important;
}

/*// =========================================================================
// COMPONENTS - RnLabelText.css
// =========================================================================*/

.mud-grid-item-xs-12.mud-grid-item-sm-6 > .RnLabelText .rn-text--ellipsis {
    width: 284px;
}

.mud-grid-item-xs-12.mud-grid-item-sm-12 > .RnLabelText .rn-text--ellipsis {
    width: 584px;
}

.RnMultipleFrame__item > .RnLabelText .rn-text--ellipsis {
    width: 534px;
}

.RnMultipleFrame__item .mud-grid-item-xs-12.mud-grid-item-sm-6 > .RnLabelText .rn-text--ellipsis {
    width: 259px;
}

.RnMultipleFrame__item .mud-grid-item-xs-12.mud-grid-item-sm-12 > .RnLabelText .rn-text--ellipsis {
    width: 534px;
}

.RnCard .RnLabelText .rn-text--ellipsis {
    width: 420px;
}

/*// =========================================================================
// COMPONENTS - RnMenu.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnMenu {
    padding-top: 8px;
    padding-bottom: 8px;
}

.RnMenu .mud-typography-body1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.RnMenu a:hover {
    text-decoration: none;
}

.RnMenu .mud-menu-item .mud-menu-item-text {
    margin: 0;
}

.RnMenu .mud-menu-item {
    padding: 6px 12px;
}

.RnMenu.mud-menu-list:has(.mud-menu-item-icon) .mud-menu-item:not(:has(.mud-menu-item-icon)) .mud-menu-item-text {
    margin-inline-start: 0;
}

.RnMenu .mud-menu-item .mud-menu-item-icon {
    margin-inline-end: 8px;
}

/*// =========================================================================
// COMPONENTS - RnMultipleFrame.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnMultipleFrame {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnMultipleFrame__item {
    padding: 24px;
    border: 1px solid var(--primary-tints-first-100);
    border-radius: var(--border-radius-default);
    width: 100%;
}

/*// =========================================================================
// COMPONENTS - RnMultiSelect.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnMultiSelect {
    width: 100%;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnMultiSelect__footer {
    background: var(--primary-tints-third-100);
    padding: 1px 8px;
    border-top: 1px solid var(--primary-tints-first-100);
}

.RnMultiSelect__helper-template {
    margin-top: 4px;
    font-size: var(--font-size-xx-small);
}

.RnMultiSelect .k-input-values > .k-input-inner {
    padding: 0;
}

.RnMultiSelect .k-input-values {
    padding: 0;
    gap: 4px;
}

.RnMultiSelect .k-multiselect.k-input-sm {
    padding: 3px 8px;
    gap: 6px;
}

.RnMultiSelect .k-multiselect.k-input-md {
    padding: 5px 10px;
    gap: 6px;
}

.RnMultiSelect .k-multiselect.k-input-lg {
    padding: 9px 12px;
    gap: 6px;
}

.RnMultiSelect .k-chip-solid-base {
    color: var(--secondary-black);
    background-color: var(--primary-tints-second-100);
    background-image: none;
    border-color: var(--primary-tints-second-100);
}

.RnMultiSelect .k-chip {
    font-size: var(--font-size-xx-small);
    line-height: 16px;
    padding: 2px 6px;
    border-width: 0;
}

.RnMultiSelect .k-chip-sm {
    padding: 0 6px;
}

.RnMultiSelect .k-chip-content {
    padding-block: 0;
    margin-block: 0;
}

.RnMultiSelect .k-chip-content:first-child {
    margin-inline-start: 0;
}

.RnMultiSelect .k-chip-solid-base:hover, .RnMultiSelect .k-chip-solid-base.k-hover {
    background-color: var(--primary-tints-second-100);
}

.RnMultiSelect .k-chip-actions .k-chip-action .k-svg-icon svg path {
    d: path("M 408.56127,133.54787 377.62186,102.60853 254.96123,225.26909 132.30061,102.60853 101.36127,133.54787 224.02183,256.20849 101.36127,378.86912 132.30061,409.80853 254.96123,287.14791 377.62186,409.80853 408.56127,378.86912 285.90065,256.20849 Z");
}

.RnMultiSelect .k-chip-actions {
    margin-block: 0;
    color: var(--primary-medium);
}

.RnMultiSelect .k-chip-action {
    padding: 0;
}

.RnMultiSelect .k-chip-actions:hover {
    background-color: var(--primary-tints-second-150);
    border-radius: var(--border-radius-default);
}

.RnMultiSelect .k-input-sm .mud-icon-size-medium {
    font-size: 16px;
}

.RnMultiSelect .k-input-sm .k-input-suffix {
    height: 16px;
}

.RnMultiSelect .k-input-md .k-input-suffix, .RnMultiSelect .k-input-lg .k-input-suffix {
    height: 20px;
}

.RnMultiSelect .k-input-lg .k-input-values > .k-input-inner,
.RnMultiSelect .k-input-sm .k-input-values > .k-input-inner,
.RnMultiSelect .k-input-md .k-input-values > .k-input-inner {
    margin: 0;
}

.RnMultiSelect .k-multiselect.k-disabled svg {
    color: var(--secondary-gray) !important;
}

.RnMultiSelect .k-multiselect.k-disabled .k-chip {
    color: var(--secondary-gray);
    background-color: var(--secondary-tints-150);
}

.RnMultiSelect .k-multiselect.k-disabled.k-input-solid:focus-within,
.RnMultiSelect .k-multiselect.k-disabled.k-input-solid:focus-within {
    box-shadow: none;
}

.RnMultiSelect .k-multiselect .k-chip-solid-base:focus,
.RnMultiSelect .k-multiselect .k-chip-solid-base.k-focus {
    box-shadow: 0 0 0 2px var(--primary-tints-third-300);
}

.RnMultiSelect .k-multiselect.k-disabled .k-chip-solid-base:focus,
.RnMultiSelect .k-multiselect.k-disabled .k-chip-solid-base.k-focus {
    box-shadow: none !important;
}

.RnMultiselect_item-disabled {
    background-color: var(--secondary-tints-100);
    pointer-events: none;
}

.RnMultiselect_item-disabled * {
    color: var(--secondary-gray) !important;
}

.k-list-item.RnMultiselect_item-disabled:focus
.k-list-optionlabel.RnMultiselect_item-disabled:focus,
.k-list-item.RnMultiselect_item-disabled.k-focus,
.k-focus.k-list-optionlabel.RnMultiselect_item-disabled {
    box-shadow: none !important;
}

.k-list-item.RnMultiselect_item-disabled:hover,
.k-list-item.k-selected.RnMultiselect_item-disabled:hover,
.k-list-item.k-selected.RnMultiselect_item-disabled.k-hover {
    background-color: var(--secondary-tints-100);
}

.k-list-item.k-selected.RnMultiselect_item-disabled {
    background-color: var(--secondary-tints-100);
}

.RnMultiselect_item-disabled::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.9998 5.66667H11.3332V4.33333C11.3332 2.49333 9.83984 1 7.99984 1C6.15984 1 4.6665 2.49333 4.6665 4.33333V5.66667H3.99984C3.2665 5.66667 2.6665 6.26667 2.6665 7V13.6667C2.6665 14.4 3.2665 15 3.99984 15H11.9998C12.7332 15 13.3332 14.4 13.3332 13.6667V7C13.3332 6.26667 12.7332 5.66667 11.9998 5.66667ZM5.99984 4.33333C5.99984 3.22667 6.89317 2.33333 7.99984 2.33333C9.1065 2.33333 9.99984 3.22667 9.99984 4.33333V5.66667H5.99984V4.33333ZM11.9998 13.6667H3.99984V7H11.9998V13.6667ZM7.99984 11.6667C8.73317 11.6667 9.33317 11.0667 9.33317 10.3333C9.33317 9.6 8.73317 9 7.99984 9C7.2665 9 6.6665 9.6 6.6665 10.3333C6.6665 11.0667 7.2665 11.6667 7.99984 11.6667Z' fill='%239C9C9C'/></svg>");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.k-list-item-text {
    width: 100%;
}

/*// =========================================================================
// COMPONENTS - RnNoData.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnNoData {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnNoData__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.RnNoData__inner {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.RnNoData__image {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--primary-tints-first-100);
    color: var(--primary-tints-first-100);
    display: flex;
    justify-content: center;
    align-items: center;
}

/*// =========================================================================
// COMPONENTS - RnNumberInput.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnNumberInput {
    width: 100%;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnNumberInput .mud-input-numeric-spin {
    flex-direction: row-reverse !important;
}

.RnNumberInput .mud-input-numeric-spin button:last-child {
    border-right: 1px solid var(--primary-tints-first-100);
    border-image: linear-gradient(180deg, transparent 25%, var(--primary-tints-first-100) 0%, var(--primary-tints-first-100) 75%, transparent 0%) 1;
}

.RnNumberInput .mud-input-numeric-spin button:first-child .mud-button-label:before {
    content: "+";
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-regular);
}

.RnInput--small.RnNumberInput .mud-input-numeric-spin button:first-child .mud-button-label:before {
    font-size: var(--font-size-small);
}

.RnInput--large.RnNumberInput .mud-input-numeric-spin button:first-child .mud-button-label:before {
    font-size: var(--font-size-large);
}

.RnNumberInput .mud-input-numeric-spin .mud-button {
    color: var(--primary-medium);
    width: 32px;
}

.RnInput--small.RnNumberInput .mud-input-numeric-spin .mud-button {
    width: 24px;
    height: 24px;
}

.RnInput--large.RnNumberInput .mud-input-numeric-spin .mud-button {
    width: 40px;
    height: 40px;
}

.RnNumberInput .mud-input-numeric-spin button:last-child .mud-button-label:before {
    content: "\2013";
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-regular);
    margin-bottom: 4px;
}

.RnNumberInput--max .mud-input-numeric-spin button:first-child .mud-button-label:before,
.RnNumberInput--min .mud-input-numeric-spin button:last-child .mud-button-label:before {
    color: var(--secondary-gray);
}

.RnNumberInput .mud-button-label svg {
    display: none;
}

.RnNumberInput .mud-button:hover, .mud-button:focus-visible, .mud-button:active {
    background-color: initial;
}

/*// =========================================================================
// COMPONENTS - RnRadio.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnRadio {
    width: 100%;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnRadio__input--invalid input {
    border-color: var(--state-invalid) !important;
}

.RnRadio .k-radio {
    height: 16px;
    width: 16px;
    border-color: var(--primary-tints-first-150);
}

.RnRadio .k-radio:hover {
    border-color: var(--primary-dark);
}

.RnRadio .k-radio:checked, .RnRadio .k-radio.k-checked {
    border-color: var(--primary-medium);
    background-color: var(--primary-medium);
}

.RnRadio .k-radio:checked:hover:not([disabled]) {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.RnRadio .k-radio:checked:disabled {
    background-color: var(--secondary-tints-200);
    border-color: var(--secondary-tints-200);
}

.RnRadio .k-radio:checked:focus-visible {
    box-shadow: 0px 0px 0px 2px var(--primary-light);
}

.RnRadio .k-radio:checked:focus:not(:focus-visible) {
    box-shadow: none;
}

.RnRadio .k-radio-item, .RnRadio .k-radio-list-item {
    gap: 8px;
}

.RnRadio .k-radio-item .k-radio-label, .RnRadio .k-radio-list-item .k-radio-label {
    font-size: var(--font-size-xx-small);
}

.RnRadio .k-radio-item, .k-radio-list-item {
    padding-block: 6px;
}

/*// =========================================================================
// COMPONENTS - RnRow.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnRow {
    padding: 24px;
    border-bottom: 1px solid var(--primary-tints-first-100);
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnRow__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.RnRow__container {
    display: flex;
    gap: 24px;
    width: 100%;
}

.RnRow__content {
    display: flex;
    gap: 40px;
    flex-direction: column;
    width: 100%;
}

.RnRow__paragraph {
    width: 240px;
    flex-shrink: 0;
}

@media (min-width: 960px) {
    .RnRow__wrapper {
        flex-wrap: nowrap;
    }
}

/*// =========================================================================
// COMPONENTS - RnSelect.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnSelect {
    width: 100%;
    position: relative;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnSelect__popup .k-list-item:not(:last-child) {
    border-bottom: 1px solid var(--primary-tints-first-100);
}

.RnSelect__footer {
    background: var(--primary-tints-third-100);
    padding: 1px 8px;
    border-top: 1px solid var(--primary-tints-first-100);
}

.RnSelect__popup .k-list {
    color: var(--secondary-black);
}

.RnSelect__popup .k-list-item.k-selected, .RnSelect__popup .k-selected.k-list-optionlabel {
    color: var(--secondary-black);
    background-color: var(--secondary-white);
}

.RnSelect__popup .k-list-item:hover, .RnSelect__popup .k-list-item.k-selected:hover, .RnSelect__popup .k-selected.k-list-optionlabel:hover, .RnSelect__popup .k-list-item.k-selected.k-hover, .RnSelect__popup .k-selected.k-hover.k-list-optionlabel {
    color: var(--secondary-black);
}

.RnSelect__cancel-button {
    right: 30px;
    z-index: 1;
    position: absolute;
    aspect-ratio: 1;
    /* firefox fix */
    bottom: 0px;
    top: 0;
}

.RnSelect__dropdown-icon--open .k-input-button .k-svg-icon svg path {
    d: path("m382.059 158.059-126.06 126.06-126.061-126.06L96 192l159.999 160L416 192z");
}

.RnSelect__dropdown-icon--close .k-input-button .k-svg-icon svg path {
    d: path("m129.941 353.941 126.06-126.06 126.061 126.06L416 320 256.001 160 96 320z");
}

.RnSelect .k-picker-solid {
    background-color: var(--secondary-white);
    color: var(--secondary-black);
    background-image: none;
    transition: border-width,border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.RnSelect .k-picker-solid:not(.k-invalid) {
    border-color: var(--primary-tints-first-150);
}

.RnSelect .k-picker-solid:hover {
    background-color: var(--secondary-white);
    border-color: var(--primary-medium);
}

.RnSelect .k-picker-solid:focus-within {
    box-shadow: 0px 0px 0.23px 0px #71C5E853,0px 0px 0.65px 0px #71C5E880,0px 0px 1.74px 0px #71C5E8AC,0px 0px 4px 0px #71C5E859;
    border: 1px solid var(--primary-medium);
}

.RnSelect .k-picker-solid.k-disabled {
    background-color: #F9F9F9;
    color: var(--secondary-gray);
    border-color: var(--secondary-tints-200) !important;
    opacity: 1;
    filter: none;
}

.RnSelect .k-picker-sm .k-input-button {
    padding: 1px;
    margin-right: 2px;
    margin-left: 18px;
}

.RnSelect .k-picker-md .k-input-button {
    padding: 5px;
    margin-right: 8px;
    margin-left: 16px;
}

.RnSelect .k-picker-lg .k-input-button {
    padding: 7px;
    margin-right: 7px;
    margin-left: 10px;
}

.RnSelect .k-button-sm.k-icon-button .k-button-icon.k-svg-icon > svg {
    width: 13px;
    height: 13px;
}

.RnSelect .k-picker-sm .k-input-inner {
    padding-block: 0;
    padding-inline: 8px;
}

.RnSelect .k-picker-md .k-input-inner {
    padding-block: 0;
    padding-inline: 10px;
}

.RnSelect .k-picker-lg .k-input-inner {
    padding-block: 0;
    padding-inline: 12px;
}

.RnSelect .k-picker .k-input-button {
    color: var(--primary-medium);
}

.RnSelect .RnSelect__cancel-button svg {
    color: var(--primary-tints-first-200);
}

.RnSelect__template {
    display: flex;
    gap: 4px;
    flex-direction: column;
    width: 100%;
    min-width: 0;
}

/*// =========================================================================
// COMPONENTS - RnStatusDot.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnStatusDot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

/*// =========================================================================
// COMPONENTS - RnSwitch.css
// =========================================================================*/

/*// Block
//--------------------------------------------------------------------------*/

.RnSwitch {
  position: relative;
  display: inline-block;
  width: 38px !important;
  height: 22px !important;
  cursor: pointer;
  border: none;
  background: none;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnSwitch .outer-pill {
  z-index: 1;
  border-radius: 1rem;
  border: 1px solid #EFF2F4 !important;
  background: #F7F8F9 !important;
  background: #ffffff;
}

.RnSwitch .inner-pill {
  z-index: 2;
  width: 14px;
  height: 14px !important;
  margin: 0.3rem;
  border-radius: 1rem;
  background: #9EA2A2;
  transform: translate(-1px, -2px);
}

.RnSwitch:focus {
  outline: none;
}

.RnSwitch:hover .outer-pill {
  background: #EFFAFD;
  border: 1px solid #00A9E0;
}

.RnSwitch.active .inner-pill {
  left: 16px !important;
  background: #ffffff;
}

.RnSwitch.active .outer-pill {
  background: #0068b8 !important;
}

.RnSwitch.active:hover .outer-pill {
  background: #74AE38;
}

.RnSwitch * {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.15s ease;
}

.RnSwitch-sm {
  width: 3rem;
  height: 1.5rem;
}

.RnSwitch-sm .outer-pill {
  border-radius: 0.75rem;
}

.RnSwitch-sm .inner-pill {
  width: 1.05rem;
  height: 1.05rem;
  margin: 0.225rem;
  border-radius: 0.75rem;
}

.RnSwitch-sm.active .inner-pill {
  left: 1.5rem;
}

.RnSwitch__menu {
    margin-left: 8px;
}

/*// =========================================================================
// COMPONENTS - RnTable.css
// =========================================================================*/


/*// Elements
//--------------------------------------------------------------------------*/

.RnTable__row--selected {
    background-color: var(--primary-medium) !important;
}

.RnTable__row--selected > td {
    color: var(--secondary-white) !important;
}

.RnTable__row--selected > td .mud-input,
.RnTable__row--selected > td .mud-input input,
.RnTable__row--selected > td .mud-input .mud-input-slot {
    color: var(--secondary-white) !important;
}
/*// =========================================================================
// COMPONENTS - RnTag.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnTag {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.RnTagBrowse {
    display: flex;
    gap: 6px;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnTag__item {
    color: var(--secondary-black);
    background-color: var(--primary-tints-second-100);
    font-size: var(--font-size-xx-small);
    line-height: 16px;
    padding: 4px 6px;
    border-radius: 4px;
}

.k-grid tr .k-table-td .RnTagBrowse > span {
    overflow: visible;
    text-overflow: clip;
}

.CompactMode .k-grid .RnTag__item {
    padding: 0 6px;
}

/*// =========================================================================
// COMPONENTS - RnTime.css
// =========================================================================*/

/*// Block
//--------------------------------------------------------------------------*/

.RnTime {
    width: 100%;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnTime .k-timepicker button {
    display: none;
}

.RnTime .k-timepicker {
    height: 32px;
}

.RnTime .k-timepicker.k-input-sm {
    height: 24px;
}

.RnTime .k-timepicker.k-input-lg {
    height: 40px;
}

/*// =========================================================================
// COMPONENTS - RnToggle.css
// =========================================================================*/


/*// Block
//--------------------------------------------------------------------------*/

.RnToggle {
    width: 100%;
}

/*// Elements
//--------------------------------------------------------------------------*/

.RnToggle .mud-toggle-group {
    outline: 1px solid var(--primary-tints-first-150);
}

.RnToggle .mud-input-control.mud-field .mud-input-slot {
    padding: 0px;
}

.RnToggle .mud-input-helper-text {
    margin: 0px;
}

.RnToggle .mud-field.mud-input-error .mud-toggle-group {
    border-color: var(--mud-palette-error) !important;
}

.RnToggle .mud-button-label {
    font-weight: var(--font-weight-regular);
}

.RnToggle .mud-toggle-item-selected {
    background: var(--primary-tints-second-100);
    color: var(--primary-tints-second-400);
}

.RnToggle .mud-toggle-item-selected .mud-button-label {
    font-weight: var(--font-weight-semibold);
}

.RnToggle .mud-toggle-group:not(.mud-disabled) .mud-toggle-item-selected {
    outline: 1px solid var(--primary-medium) !important;
    z-index: 1;
}

.RnToggle .mud-toggle-group > .mud-toggle-item:hover {
    background-color: var(--primary-tints-second-100);
}

.RnToggle .mud-toggle-item-selected:last-child,
.RnToggle .mud-toggle-group > .mud-toggle-item:last-child:hover,
.RnToggle .mud-toggle-group > .mud-toggle-item:focus-visible:last-child {
    border-radius: 0 4px 4px 0;
}

.RnToggle .mud-toggle-item-selected:first-child,
.RnToggle .mud-toggle-group > .mud-toggle-item:first-child:hover,
.RnToggle .mud-toggle-group > .mud-toggle-item:focus-visible:first-child {
    border-radius: 4px 0 0 4px;
}

.RnToggle .mud-toggle-item-selected:focus-visible {
    background-color: var(--primary-tints-second-100) !important;
    box-shadow: 0 0 0 2px var(--primary-tints-third-400);
}

.RnToggle .mud-toggle-item:focus-visible {
    z-index: 2;
}

.RnToggle .mud-button-outlined.mud-button-outlined-primary:hover {
    color: var(--secondary-black) !important;
}

.RnToggle .mud-toggle-group {
    overflow: unset;
}

.RnToggle .mud-button-outlined.mud-button-outlined-primary {
    background-color: transparent;
}

.RnToggle .mud-button-outlined {
    color: var(--secondary-black);
}

.RnToggle .mud-toggle-group > .mud-toggle-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: var(--primary-tints-first-150);
}

.RnToggle .mud-toggle-group-horizontal:not(.mud-toggle-group-rtl) > .mud-toggle-item:not(:first-child) {
    margin-left: 1px;
}

/* =========================================================================
 SETTINGS
 =========================================================================*/
/*
  Abstract layer with atomic pieces of design
*/

:root {
    /*------------------------------------------------------------------------*/
    /* Color - Pallete                                                        */
    /*------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------*/
    /* Primary colors - blue */
    /*------------------------------------------------------------------------*/
    --primary-dark: #003865;
    --primary-medium: #0067B8;
    --primary-light: #71C5E8;
    /* Tints - first */
    --primary-tints-first-800: #000B14;
    --primary-tints-first-700: #001628;
    --primary-tints-first-600: #00223D;
    --primary-tints-first-500: #002D51;
    --primary-tints-first-400: #003865;
    --primary-tints-first-300: #6688A3;
    --primary-tints-first-200: #99AFC1;
    --primary-tints-first-150: #CCD7E0;
    --primary-tints-first-100: #E5EBF0;
    /* Tints - second */
    --primary-tints-second-900: #000A12;
    --primary-tints-second-800: #001525;
    --primary-tints-second-700: #00294A;
    --primary-tints-second-600: #003E6E;
    --primary-tints-second-500: #005293;
    --primary-tints-second-400: #0067B8;
    --primary-tints-second-300: #66A4D4;
    --primary-tints-second-200: #99C2E3;
    --primary-tints-second-150: #CCE1F1;
    --primary-tints-second-100: #E2EFFA;
    /* Tints - third */
    --primary-tints-third-900: #0B1417;
    --primary-tints-third-800: #17272E;
    --primary-tints-third-700: #2D4F5D;
    --primary-tints-third-600: #44768B;
    --primary-tints-third-500: #5A9EBA;
    --primary-tints-third-400: #71C5E8;
    --primary-tints-third-300: #AADCF1;
    --primary-tints-third-200: #C6E8F6;
    --primary-tints-third-150: #E3F3FA;
    --primary-tints-third-100: #F1F9FD;
    /*------------------------------------------------------------------------*/
    /* Secondary colors - black */
    /*------------------------------------------------------------------------*/
    --secondary-black: #00060A;
    --secondary-gray: #9C9C9C;
    --secondary-white: #FFFFFF;
    /* Secondary - tints */
    --secondary-tints-900: #000000;
    --secondary-tints-800: #1E1F1F;
    --secondary-tints-700: #3C3F3E;
    --secondary-tints-600: #5A5E5E;
    --secondary-tints-500: #787E7D;
    --secondary-tints-400: #969D9C;
    --secondary-tints-300: #C0C4C4;
    --secondary-tints-200: #D5D8D7;
    --secondary-tints-150: #EAEBEB;
    --secondary-tints-100: #F5F5F5;
    /*------------------------------------------------------------------------*/
    /* States colors */
    /*------------------------------------------------------------------------*/
    --state-success: #00B132;
    --state-pending: #F09A1A;
    --state-invalid: #FF3A2E;
    --state-additional: #8162FF;
    /* Success - tints */
    --success-tints-900: #001205;
    --success-tints-800: #00230A;
    --success-tints-700: #004714;
    --success-tints-600: #006A1E;
    --success-tints-500: #008E28;
    --success-tints-400: #00B132;
    --success-tints-300: #66D084;
    --success-tints-200: #99E0AD;
    --success-tints-150: #CCEFD6;
    --success-tints-100: #E5F7EA;
    /* Pending - tints */
    --pending-tints-900: #180F03;
    --pending-tints-800: #301F05;
    --pending-tints-700: #603E0A;
    --pending-tints-600: #905C10;
    --pending-tints-500: #C07B15;
    --pending-tints-400: #F09A1A;
    --pending-tints-300: #F6C276;
    --pending-tints-200: #F9D7A3;
    --pending-tints-150: #FCEBD1;
    --pending-tints-100: #FEF5E8;
    /* Invalid - tints */
    --invalid-tints-900: #1A0605 !important;
    --invalid-tints-800: #330C09 !important;
    --invalid-tints-700: #661712 !important;
    --invalid-tints-600: #99231C !important;
    --invalid-tints-500: #CC2E25 !important;
    --invalid-tints-400: #FF3A2E !important;
    --invalid-tints-300: #FF8982 !important;
    --invalid-tints-200: #FFB0AB !important;
    --invalid-tints-150: #FFD8D5 !important;
    --invalid-tints-100: #FFEBEA !important;
    --invalid-tints-50: #FEF1F1 !important;
    /*------------------------------------------------------------------------*/
    /* Special colors */
    /*------------------------------------------------------------------------*/
    --background-color: #F1F5F8;
    /*--------------------------------------------------------------------------*/
    /* Font
    /*--------------------------------------------------------------------------*/
    /* Font weight */
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    /* Font size */
    --font-size-xx-small: 12px;
    --font-size-x-small: 14px;
    --font-size-small: 16px;
    --font-size-medium: 20px;
    --font-size-large: 24px;
    --font-size-x-large: 32px;
    --font-size-xx-large: 40px;
    --font-size-xxx-large: 48px;
    /*--------------------------------------------------------------------------*/
    /* Shadows
    /*--------------------------------------------------------------------------*/
    --shadow-primary-default: -0.025px 0.74px 3.069px 0px rgba(0, 56, 101, 0.07), -0.111px 3.257px 6.356px 0px rgba(0, 56, 101, 0.05);
    --shadow-primary-hover: -0.025px 0.74px 3.069px 0px rgba(0, 56, 101, 0.07), -0.111px 3.257px 6.356px 0px rgba(0, 56, 101, 0.05), -0.273px 7.995px 12.675px 0px rgba(0, 56, 101, 0.04), -0.526px 15.398px 24.844px 0px rgba(0, 56, 101, 0.04), -0.885px 25.911px 45.681px 0px rgba(0, 56, 101, 0.03), -1.366px 39.977px 78px 0px rgba(0, 56, 101, 0.02);
    /*--------------------------------------------------------------------------*/
    /* Spacing
    /*--------------------------------------------------------------------------*/
    --spacing-0: 0px;
    --spacing-1: 2px;
    --spacing-2: 4px;
    --spacing-3: 8px;
    --spacing-4: 12px;
    --spacing-5: 16px;
    --spacing-6: 24px;
    --spacing-7: 32px;
    --spacing-8: 40px;
    --spacing-9: 48px;
    --spacing-10: 64px;
    /*--------------------------------------------------------------------------*/
    /* Border
    /*--------------------------------------------------------------------------*/
    /* Border radius */
    --border-radius-sharp: 0;
    --border-radius-default: 4px;
    --border-radius-circle: 50%;
    /* Border size */
    --border-size-default: 1px;
    --border-size-fat: 2px;
    /* Border style */
    --border-style-primary: solid;
    /*--------------------------------------------------------------------------*/
    /* Basic settings
    /*--------------------------------------------------------------------------*/
    --footer-height: 48px;
    /*--------------------------------------------------------------------------*/
    /* Mudblazor
    /*--------------------------------------------------------------------------*/
    --mud-palette-primary-hover: var(--primary-tints-third-100) !important;
    --mud-palette-error-hover: var(--invalid-tints-50) !important;
    --mud-palette-text-disabled: var(--secondary-gray) !important;
    --mud-palette-action-default-hover: var(--primary-tints-third-100) !important;
}

main {
    min-height: calc(100vh - (var(--mud-appbar-height) + var(--footer-height) + var(--hero-height, 0px)));
    padding: 16px;
}

hr {
    opacity: .8;
}

img, svg {
    vertical-align: middle;
}

a {
    color: var(--primary-medium);
}

a:hover {
    text-decoration: none;
}

.disabled, disabled {
    color: var(--secondary-tints-400);
}

.validation-message {
    color: var(--state-invalid);
    font-size: var(--font-size-xx-small);
    margin-top: 4px;
}

@media only screen and (min-width: 960px) {
    main {
        padding: 24px;
    }
}

ul {
    list-style: none;
}

/*// =========================================================================
// Grid
// =========================================================================*/

.k-grid {
    border: none;
    border-radius: var(--border-radius-default);
}

.k-table, .k-data-table {
    color: var(--secondary-black);
}

.k-grid .k-grid-header .k-table-th {
    vertical-align: middle;
    color: var(--secondary-black);
    font-weight: var(--font-weight-semibold);
    background: var(--secondary-white);
}

.k-table-thead, .k-table-header, .k-table-group-sticky-header {
    color: var(--primary-tints-first-300);
    font-size: var( --font-size-xx-small);
}

.k-grid-header .k-table-th.k-grid-header-sticky,
.k-grid-header td.k-grid-header-sticky,
.k-grid-header .k-table-td.k-grid-header-sticky,
.k-grid-header .k-grid-header-sticky.k-sorted {
    border-right-color: inherit;
    border-left-color: inherit;
    background-color: var(--secondary-white);
}

.k-grid-header, .k-grouping-header, .k-grid-add-row, .k-grid-footer {
    background-color: var(--secondary-white);
}

.k-grid .k-table-th, .k-grid td:not(.k-grid-content-sticky), .k-grid-header-wrap {
    border-right: none;
    border-left: none;
}

.k-grid .k-table-td {
    border-bottom-width: 1px;
}

.k-grid .k-table .k-grid-header-sticky, .k-grid .k-table .k-grid-content-sticky, .k-grid .k-table .k-grid-footer-sticky {
    border-inline-end-width: 0;
}

.k-grid .k-table .k-grid-header-sticky:not(:last-child),
.k-grid .k-table .k-grid-content-sticky:not(:last-child),
.k-grid .k-table .k-grid-footer-sticky:not(:last-child) {
    border-inline-end-width: 1px;
}

.k-grid-content {
    overflow-y: auto;
    scrollbar-width: initial;
}

.k-grid-header, .k-grid-footer {
    padding-inline-end: 0;
}

.k-grid-content::-webkit-scrollbar {
    width: 16px;
}

.k-grid-content::-webkit-scrollbar-track {
    background: var(--primary-tints-first-150);
    border-radius: 10px;
}

.k-grid-content::-webkit-scrollbar-thumb {
    background: var(--primary-light);
    border-radius: 10px;
}

.k-grid tr .k-table-td:not(:has(.k-checkbox-wrap)),
.k-grid tr .k-table-td:not(:has(.k-checkbox-wrap)) * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-focus, .k-grid-header .k-header-column-menu:focus,
.k-grid-header .k-header-column-menu.k-focus, .k-grid-header .k-grid-header-menu:focus, .k-grid-header .k-grid-header-menu.k-focus,
.k-grid-header .k-hierarchy-cell .k-icon:focus, .k-grid-header .k-hierarchy-cell .k-icon.k-focus,
.k-grid-header .k-hierarchy-cell .k-svg-icon:focus, .k-grid-header .k-hierarchy-cell .k-svg-icon.k-focus,
.k-table-tbody .k-table-row.k-focus, .k-table-tbody .k-table-row:focus, .k-table-list .k-table-row.k-focus,
.k-table-list .k-table-row:focus, .k-table-tbody .k-table-td.k-focus, .k-table-tbody .k-table-td:focus, .k-table-list .k-table-td.k-focus,
.k-table-list .k-table-td:focus,
.k-grid .k-table-th:focus, .k-grid .k-table-th.k-focus, .k-grid td:focus, .k-grid td.k-focus, .k-grid .k-table-td:focus,
.k-grid .k-table-td.k-focus, .k-grid .k-master-row > td:focus, .k-grid .k-master-row > td.k-focus, .k-grid .k-grouping-row > td:focus,
.k-grid .k-grouping-row > td.k-focus, .k-grid .k-detail-row > td:focus, .k-grid .k-detail-row > td.k-focus,
.k-grid .k-group-footer > td:focus, .k-grid .k-group-footer > td.k-focus, .k-grid .k-master-row > .k-table-td:focus,
.k-grid .k-master-row > .k-table-td.k-focus, .k-grid .k-grouping-row > .k-table-td:focus, .k-grid .k-grouping-row > .k-table-td.k-focus,
.k-grid .k-detail-row > .k-table-td:focus, .k-grid .k-detail-row > .k-table-td.k-focus, .k-grid .k-group-footer > .k-table-td:focus,
.k-grid .k-group-footer > .k-table-td.k-focus, .k-grid .k-grid-pager:focus, .k-grid .k-grid-pager.k-focus,
.k-checkbox:focus, .k-checkbox.k-focus, .k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus, .k-columnmenu-item:focus, .k-columnmenu-item.k-focus,
.k-picker-solid:focus-within, .k-picker-solid:focus, .k-picker-solid.k-focus, .k-input-md .k-input-inner, .k-picker-md .k-input-inner,
.k-input-solid:focus, .k-input-solid.k-focus {
    box-shadow: none;
}

.k-grid .k-table-row {
    height: 36px;
}

.k-grid-norecords {
    height: 160px !important;
}

.k-grid a {
    color: var(--primary-medium);
    text-decoration: underline;
}

/* header */

.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active,
.k-grid-header .k-hierarchy-cell .k-icon.k-active, .k-grid-header .k-hierarchy-cell .k-svg-icon.k-active {
    color: var(--primary-medium);
}

.k-grid-header .k-sort-icon, .k-grid-header .k-sort-order {
    color: var(--secondary-black);
}

.k-grid .k-grid-header .k-table-th::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    right: 2px;
    background-color: var(--primary-tints-first-100);
}

.k-grid .k-grid-header .k-table-th:last-child::after {
    display: none;
}

.k-column-resizer {
    z-index: 1;
}

.k-table-th .k-sort-icon .k-svg-icon.k-svg-i-sort-asc-small svg path {
    d: path("M12.178 256 55.223 299.045l170.35 -170.057v370.871h60.965V128.951l170.057 170.35 43.264 -43.264L256 12.215z");
}

.k-table-th .k-sort-icon .k-svg-icon.k-svg-i-sort-desc-small svg path {
    d: path("m512 256 -45.12 -45.12L288 389.44V0H224v389.44L45.44 210.56 0 256l256 256z");
}

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

.k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link, .k-grid-md .k-table-th > .k-cell-inner > .k-link {
    margin-right: 8px;
}

/* menu */

.k-popup {
    box-shadow: -0.03px 0.74px 3.07px 0px #00386512, -0.11px 3.26px 6.36px 0px #0038650E, -0.27px 8px 12.68px 0px #0038650B, -0.53px 15.4px 24.84px 0px #00386509, -0.89px 25.91px 45.68px 0px #00386507, -1.37px 39.98px 78px 0px #00386504;
    border-radius: var(--border-radius-default);
    color: var(--secondary-black);
    font-size: var(--font-size-x-small);
    overflow: hidden;
}

.k-column-menu-popup, .k-grid-columnmenu-popup {
    border: none;
    padding: 8px 0;
}

.k-columnmenu-item-wrapper + .k-columnmenu-item-wrapper {
    border-top-color: var(--primary-tints-first-100);
}

.k-columnmenu-item {
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.k-column-list-item:hover, .k-columnmenu-item:hover,
.k-columnmenu-item:focus, .k-columnmenu-item.k-focus {
    color: var(--secondary-black);
    background-color: var(--primary-tints-third-100);
}

.k-columnmenu-item > .k-icon, .k-columnmenu-item > .k-svg-icon {
    color: var(--primary-tints-first-300);
    width: 14px;
    height: 14px;
}

.k-columnmenu-item.k-selected {
    font-weight: var(--font-weight-semibold);
    color: var(--secondary-black);
    background-color: var(--primary-tints-third-100);
}

.k-expander {
    color: var(--secondary-black);
    font-size: var(--font-size-x-small);
}

.k-column-list-wrapper {
    padding: 0 4px;
}

.k-column-chooser-title, .k-column-list-item {
    padding: 8px 12px;
}

.k-actions, .k-edit-buttons, .k-action-buttons, .k-columnmenu-actions, .k-form-buttons {
    padding: 16px 12px;
}

.k-column-list-item {
    gap: 8px;
}

.k-filter-menu-container {
    padding: 10px 16px;
}

.k-button-md.k-icon-button .k-button-icon {
    color: var(--primary-medium);
}

.k-input-spinner .k-spinner-increase, .k-input-spinner .k-spinner-decrease {
    border-color: var(--primary-tints-first-150);
}

.k-filter-menu-container .k-actions, .k-filter-menu-container .k-edit-buttons, .k-filter-menu-container .k-action-buttons,
.k-filter-menu-container .k-columnmenu-actions, .k-filter-menu-container .k-form-buttons {
    padding-top: 8px;
}

.k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon,
.k-grid .k-hierarchy-cell .k-svg-icon {
    color: var(--primary-medium);
}

.k-grid .k-grid-md .k-grid-header .k-grid-filter, .k-grid .k-grid-md .k-grid-header .k-header-column-menu, .k-grid .k-grid-md .k-grid-header .k-grid-header-menu, .k-grid-md .k-grid-header .k-grid-filter, .k-grid-md .k-grid-header .k-header-column-menu, .k-grid-md .k-grid-header .k-grid-header-menu {
    margin-right: 8px;
    border-radius: var(--border-radius-default);
    width: 24px;
    height: 24px;
}

.k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover, .k-grid-header .k-grid-header-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover,
.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active {
    background-color: var(--primary-tints-third-100);
}

.k-columnmenu-item .k-svg-icon.k-svg-i-sort-asc-small svg path {
    d: path("M12.178 256 55.223 299.045l170.35 -170.057v370.871h60.965V128.951l170.057 170.35 43.264 -43.264L256 12.215z");
}

.k-columnmenu-item .k-svg-icon.k-svg-i-sort-desc-small svg path {
    d: path("m512 256 -45.12 -45.12L288 389.44V0H224v389.44L45.44 210.56 0 256l256 256z");
}

/* row */

.k-grid-md td, .k-grid-md .k-table-td, .k-grid-md .k-table-td.k-grid-content-sticky, .k-grid-md .k-table-th {
    padding: 0 12px !important;
}

.k-grid-md .k-table-td.k-command-cell.k-grid-content-sticky {
    padding: 0px !important;
}

.k-grid-header, .k-grid-header-wrap, .k-grouping-header, .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td, .k-grid-footer, .k-grid-footer-wrap, .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked, .k-filter-row > .k-table-th, .k-filter-row > td, .k-filter-row > .k-table-td,
.k-master-row .k-grid-content-sticky {
    border-color: var(--primary-tints-first-100);
}

.k-grid .k-table-row,
.k-grid .k-table-row.k-table-alt-row,
.k-master-row .k-grid-content-sticky,
.k-master-row.k-table-alt-row .k-grid-content-sticky {
    background-color: var(--secondary-white);
}

.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover,
.k-master-row.k-table-alt-row:hover .k-grid-content-sticky,
.k-master-row:hover .k-grid-content-sticky {
    background-color: var(--primary-tints-third-100);
}

.k-grid td.k-selected,
.k-grid .k-table-row.k-selected > td,
.k-grid .k-table-td.k-selected,
.k-grid .k-table-row.k-selected > .k-table-td,
.k-master-row.k-table-row.k-selected td.k-grid-content-sticky::before {
    background-color: var(--primary-tints-third-150);
}

.k-grid .k-table-row.k-selected:hover > td,
.k-grid .k-table-row.k-selected:hover > .k-table-td,
.k-master-row.k-table-row.k-selected:hover td.k-grid-content-sticky::before {
    background-color: var(--primary-tints-third-200);
}

/* toolbar */

.k-toolbar {
    border-color: var(--primary-tints-first-100);
    background-color: var(--secondary-white);
    padding: 0;
}

.k-toolbar-md {
    gap: 0;
}

.k-toolbar-md::before {
    margin-inline-start: 0px;
}

.k-toolbar .k-input, .k-toolbar .k-picker {
    width: inherit;
}

.k-grid-pager {
    display: none;
}

/*// =========================================================================
// Dialog
// =========================================================================*/

.mud-dialog {
    box-shadow: -0.03px 0.74px 3.07px 0px rgba(0, 56, 101, 0.07), -0.11px 3.26px 6.36px 0px rgba(0, 56, 101, 0.05), -0.27px 8px 12.68px 0px rgba(0, 56, 101, 0.04), -0.53px 15.4px 24.84px 0px rgba(0, 56, 101, 0.04), -0.89px 25.91px 45.68px 0px rgba(0, 56, 101, 0.03), -1.37px 39.98px 78px 0px rgba(0, 56, 101, 0.02);
}

.mud-dialog-width-sm {
    min-width: 400px;
}

.mud-dialog .mud-dialog-title {
    padding: 16px 24px 12px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--primary-tints-first-100);
}

.mud-dialog .mud-dialog-title h6 {
    color: var(--secondary-black);
    font-size: var(--font-size-small);
    font-weight: 700;
    line-height: 24px;
}

.mud-dialog .mud-dialog-title .mud-button-close {
    top: 0;
    right: 0;
    position: relative;
}

.mud-dialog-title svg {
    font-size: var(--font-size-large) !important;
}

.mud-dialog .mud-dialog-content {
    padding: 24px;
    color: var(--primary-dark);
}

.mud-dialog .mud-dialog-actions {
    padding: 20px 24px;
    background: var(--background-color);
    justify-content: space-between;
    gap: 8px;
}

/*// =========================================================================
// Drawer
// =========================================================================*/

/* bug #4930 */
.mud-drawer--closed {
    position: fixed !important;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
    .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right {
        width: unset;
    }
}

/*// =========================================================================
// Button
//--------------------------------------------------------------------------*/

.mud-button {
    min-width: unset;
}

.mud-button-filled.mud-button-filled-secondary,
.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root {
    color: var(--primary-tints-second-600);
    background-color: var(--primary-tints-third-200);
}

.mud-button-filled.mud-button-filled-primary:focus-visible,
.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:focus-visible {
    background-color: var(--mud-palette-primary);
}

.mud-button-filled.mud-button-filled-secondary:focus-visible,
.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root:focus-visible {
    background-color: var(--primary-tints-third-200);
}

.mud-button-filled.mud-button-filled-error:focus-visible,
.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root:focus-visible {
    background-color: var(--state-invalid);
}

.mud-button-text.mud-button-text-primary:hover,
.mud-button-text.mud-button-text-error:hover,
.mud-button-text.mud-button-text-primary:focus-visible,
.mud-button-text.mud-button-text-error:focus-visible,
.mud-button-outlined.mud-button-outlined-primary:focus-visible,
.mud-button-outlined.mud-button-outlined-error:focus-visible,
.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root:focus-visible {
    background-color: unset;
}

.mud-button-outlined.mud-button-outlined-primary, .mud-button-outlined.mud-button-outlined-error, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root {
    background-color: var(--secondary-white);
}

.mud-button-text.mud-button-text-primary:hover,
.mud-button-outlined.mud-button-outlined-primary:hover,
.mud-icon-button.mud-primary-text:hover {
    color: var(--primary-tints-second-500) !important;
}

.mud-button-text.mud-button-text-error:hover,
.mud-button-outlined.mud-button-outlined-error:hover,
.mud-icon-button.mud-error-text:hover {
    color: var(--invalid-tints-500) !important;
}

.mud-button-outlined.mud-button-outlined-primary:hover {
    border-color: var(--primary-tints-second-500);
}

.mud-button-outlined.mud-button-outlined-error:hover {
    border-color: var(--invalid-tints-500);
}

.mud-button-outlined:focus-visible, .mud-button-group-outlined .mud-menu button:focus-visible, .mud-button-filled:focus-visible,
.mud-button-group-filled .mud-menu button:focus-visible, .mud-button-text:focus-visible, .mud-icon-button:focus-visible {
    outline: 2px solid var(--primary-tints-third-400) !important;
    box-shadow: none;
}

.mud-button-label .mud-button-icon-end {
    margin-inline-start: 4px !important;
    margin-inline-end: 0 !important;
}

.mud-button-label .mud-button-icon-start {
    margin-inline-start: 0 !important;
    margin-inline-end: 4px !important;
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:disabled,
.mud-button-group-filled .mud-icon-button:disabled {
    background-color: var(--secondary-tints-150) !important;
}

.mud-button-group-root .mud-menu .mud-button-root:disabled {
    border-left: 1px solid #BEC0BF !important;
}

.mud-button-group-root .mud-button-outlined:disabled, .mud-button-group-root .mud-icon-button:disabled {
    border: 1px solid var(--secondary-tints-150) !important;
}

.mud-button-group-root .mud-button-root.mud-icon-button {
    padding-right: 10px;
    padding-left: 10px;
}

.mud-button-group-filled .mud-button-root:hover, .mud-button-group-filled .mud-button-root:focus-visible {
    box-shadow: none !important;
}

.mud-button-group-root {
    align-items: center;
}

.mud-icon-button-edge-end {
    margin-right: 0;
    margin-inline-end: 0;
}

.mud-button-filled-size-small, .mud-button-outlined-size-small {
    font-size: var(--font-size-xx-small) !important;
    height: 24px;
    padding: 4px 8px !important;
}

.mud-button-filled-size-medium, .mud-button-outlined-size-medium {
    font-size: var(--font-size-xx-small);
    height: 32px;
    padding: 6px 12px !important;
}

.mud-button-filled-size-large, .mud-button-outlined-size-large {
    font-size: var(--font-size-x-small) !important;
    height: 40px;
    padding: 10px 16px !important;
}

.mud-button-text-size-small {
    font-size: var(--font-size-xx-small) !important;
    height: 24px;
    padding: 0 !important;
}

.mud-button-text-size-medium {
    font-size: var(--font-size-xx-small);
    height: 32px;
    padding: 0 !important;
}

.mud-button-text-size-large {
    font-size: var(--font-size-x-small) !important;
    height: 40px;
    padding: 0 !important;
}

.mud-icon-button {
    box-shadow: none !important;
}

.mud-icon-button-size-small {
    width: 24px !important;
    height: 24px !important;
}

.mud-icon-button-size-medium, .mud-icon-button {
    width: 32px;
    height: 32px;
}

.mud-icon-button-size-large {
    width: 40px;
    height: 40px;
}

.mud-button-group-root.mud-button-group-filled-size-small .mud-button-root.mud-icon-button .mud-icon-root,
.mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root.mud-icon-button .mud-icon-root,
.mud-button-group-root.mud-button-group-text-size-small .mud-button-root.mud-icon-button .mud-icon-root, .mud-button-icon-size-small {
    font-size: var(--font-size-small) !important;
}

.mud-button-group-root.mud-button-group-filled-size-medium .mud-button-root.mud-icon-button .mud-icon-root,
.mud-button-group-root.mud-button-group-outlined-size-medium .mud-button-root.mud-icon-button .mud-icon-root,
.mud-button-group-root.mud-button-group-text-size-medium .mud-button-root.mud-icon-button .mud-icon-root, .mud-button-icon-size-medium {
    font-size: var(--font-size-small) !important;
}

.mud-button-group-root.mud-button-group-filled-size-large .mud-button-root.mud-icon-button .mud-icon-root,
.mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root.mud-icon-button .mud-icon-root,
.mud-button-group-root.mud-button-group-text-size-large .mud-button-root.mud-icon-button .mud-icon-root, .mud-button-icon-size-large {
    font-size: var(--font-size-medium) !important;
}

.mud-icon-size-small {
    font-size: var(--font-size-small);
}

.mud-icon-size-medium, .mud-icon-size-large {
    font-size: var(--font-size-medium);
}

.k-button-md {
    font-weight: var(--font-weight-semibold);
    line-height: 16px;
    font-size: var(--font-size-xx-small);
    color: var(--mud-palette-primary);
}

.k-button-solid-base {
    border-color: var(--primary-medium);
    color: var(--primary-medium);
    background-color: var(--secondary-white);
    background-image: none;
}

.k-button-solid-primary {
    border-color: var(--primary-medium);
    color: var(--secondary-white);
    background-color: var(--primary-medium);
    background-image: none;
}

.k-button-solid-primary:hover, .k-button-solid-primary.k-hover, .k-button-solid-primary:active, .k-button-solid-primary.k-active {
    border-color: var(--primary-dark);
    background-color: var(--primary-dark);
}

.k-button:hover::before, .k-button.k-hover::before {
    opacity: 0;
    color: var(--primary-tints-second-500);
}

.k-button:hover, .k-button:focus {
    color: var(--primary-tints-second-500);
}

.k-button-flat:focus::after, .k-button-flat.k-focus::after {
    opacity: 0;
}

/*// =========================================================================
// Tooltip
// =========================================================================*/

.mud-tooltip {
    padding: 8px 16px;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-xx-small);
    line-height: 16px;
    text-align: left;
    background-color: var(--primary-dark) !important;
    box-shadow: -0.03px 0.74px 3.07px 0 rgba(0,56,101,0.07), -0.11px 3.26px 6.36px 0 rgba(0,56,101,0.05);
    max-width: 260px !important;
    word-break: break-word;
}

.mud-tooltip.mud-tooltip-default.mud-tooltip-arrow::after {
    border-color: var(--primary-dark) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}

.mud-tooltip-root {
    width: auto;
}

/*// =========================================================================
// DatePicker
//--------------------------------------------------------------------------*/

.mud-ripple:after {
    transition: none !important;
}

.k-calendar {
    border: none;
}

.k-calendar-header {
    padding: 8px 12px;
}

.k-calendar-header button {
    font-weight: var(--font-weight-semibold);
    color: var(--primary-medium);
}

.k-calendar-view {
    padding: 4px;
    inline-size: auto;
}

.k-calendar-th, .k-month-calendar .k-calendar-td, .k-calendar-monthview .k-calendar-td {
    inline-size: 40px;
    block-size: 40px;
    padding: 4px;
}

.k-calendar-md {
    width: 100%;
}

.k-calendar .k-calendar-th, .k-calendar .k-calendar-caption, .k-calendar .k-meta-header, .k-calendar .k-month-header {
    color: var(--primary-dark);
    font-weight: var(--font-weight-semibold);
    text-transform: capitalize;
}

.k-calendar-td {
    color: var(--secondary-black);
}

.k-calendar .k-other-month {
    color: var(--secondary-gray);
}

.k-calendar .k-calendar-view .k-today {
    color: var(--secondary-black);
    font-weight: var(--font-weight-regular);
}

.k-calendar .k-calendar-view .k-today:not(.k-selected) .k-link {
    box-shadow: inset 0 0 0 1px var(--secondary-tints-300);
}

.k-calendar .k-calendar-cell-inner, .k-calendar .k-link {
    border-radius: var(--border-radius-circle);
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link {
    background-color: var(--primary-medium);
}

.k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link, .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-hover .k-link {
    color: var(--secondary-black);
    background-color: var(--primary-tints-third-100);
}

.k-calendar .k-calendar-td.k-other-month:hover .k-link {
    color: var(--secondary-gray);
}

.k-calendar .k-calendar-td.k-today:hover .k-link {
    color: var(--secondary-gray);
}

.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 {
    background-color: var(--primary-tints-second-500);
}

.k-calendar .k-calendar-td.k-selected:hover .k-link {
    color: var(--secondary-white);
}

.k-calendar .k-calendar-td:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td:focus .k-link, .k-calendar .k-calendar-td.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-focus .k-link {
    box-shadow: inset 0 0 0 1px var(--secondary-tints-300) !important;
}

.k-disabled.k-calendar-td {
    color: var(--secondary-gray) !important;
}

.k-child-animation-container {
    transition-duration: 100ms !important;
}

.k-calendar .k-calendar-title {
    text-transform: capitalize;
}

/*// =========================================================================
// Expansion Panel
// =========================================================================*/

.mud-expand-panel.mud-panel-expanded {
    margin: 0;
}

.mud-expand-panel .mud-expand-panel-content {
    padding: 0;
}

.mud-expand-panel.mud-expand-panel-border {
    border-bottom: none;
}

.mud-expand-panel.mud-panel-expanded + .mud-expand-panel {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.mud-expand-panel .mud-expand-panel-header {
    padding: 20px;
}

/*// =========================================================================
// Checkbox
//--------------------------------------------------------------------------*/

.k-checkbox {
    height: 16px;
    width: 16px;
    border-color: var(--primary-tints-first-150);
}

.k-checkbox:hover:not(.k-invalid):not([disabled]) {
    border-color: var(--primary-dark);
}

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

.k-checkbox:indeterminate:not(.k-invalid) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230067b8' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e");
}

.k-checkbox:checked:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.k-checkbox:checked:disabled {
    background-color: var(--secondary-tints-200);
    border-color: var(--secondary-tints-200);
}

.k-checkbox:focus-visible, .k-checkbox:checked:focus-visible {
    box-shadow: 0px 0px 0px 2px var(--primary-light);
}

/*// =========================================================================
// Input
//--------------------------------------------------------------------------*/

input, textarea, .mud-input {
    background-color: var(--secondary-white);
    border-radius: var(--border-radius-default);
}

.mud-input.mud-input-outlined:focus-within .mud-input-outlined-border, .k-input-solid:focus-within {
    border: 1px solid var(--primary-tints-second-400);
    box-shadow: 0px 0px 0.231px 0px rgba(113, 197, 232, 0.32), 0px 0px 0.65px 0px rgba(113, 197, 232, 0.50), 0px 0px 1.744px 0px rgba(113, 197, 232, 0.68), 0px 0px 4px 0px rgba(113, 197, 232, 0.35);
}

.mud-input-control {
    margin: 0px !important;
}

.mud-input {
    line-height: 16px;
}

.mud-input-root-outlined {
    font-size: var(--font-size-xx-small) !important;
}

.mud-input-root-outlined:not(textarea.mud-input-root-outlined) {
    padding: 0 10px !important;
    height: 32px !important;
}

.mud-input > textarea.mud-input-root-outlined {
    margin: 8px 10px;
    padding: 0;
    mask-image: none;
}

.mud-input-control-helper-container {
    margin-top: 4px;
    padding: 0 !important;
}

.mud-input-helper-text {
    color: var(--secondary-gray);
    line-height: 16px;
}

.mud-input-error .mud-input-adornment svg {
    color: var(--mud-palette-error) !important;
}

.mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 0;
    padding-inline-end: 0;
}

.mud-input.mud-input-outlined.mud-input-adorned-start {
    padding-left: 0;
    padding-inline-start: 0;
}

.k-input-solid {
    border-color: var(--primary-tints-first-150);
}

.mud-input > input.mud-input-root::placeholder, div.mud-input-slot.mud-input-root::placeholder, .k-input-inner::placeholder {
    color: var(--primary-tints-first-200);
    opacity: 1;
}

.mud-input.mud-input-outlined.mud-disabled .mud-input-outlined-border {
    border-color: var(--secondary-tints-200) !important;
}

.mud-input.mud-disabled {
    background-color: #F9F9F9;
}

.mud-input-adornment-start {
    margin-right: 0;
    margin-inline-end: 0;
}

.mud-input-adornment-end {
    margin-left: 0;
    margin-inline-start: 0;
}

.mud-icon-default, .mud-input-adornment {
    color: var(--primary-tints-first-200);
}

.mud-input .mud-icon-button {
    background-color: transparent !important;
}

.k-input:hover {
    border-color: var(--primary-medium);
}

.mud-progress-circular.mud-progress-small {
    height: 20px;
    width: 20px;
}

.mud-autocomplete-after-items {
    position: sticky;
    bottom: 0;
}

.mud-select .mud-select-input .mud-input-adornment-start {
    padding-left: 0;
    padding-inline-start: 0;
}

.mud-icon-button-edge-start {
    margin-left: 0;
    margin-inline-start: 0;
}

.k-input-md .k-input-inner {
    padding-block: 0;
    padding-inline: 10px;
}

.k-input-sm .k-input-inner {
    padding-block: 0;
    padding-inline: 8px;
}

.k-input-lg .k-input-inner {
    padding-block: 0;
    padding-inline: 12px;
}

/*// =========================================================================
// Multi Select
//--------------------------------------------------------------------------*/

.k-clear-value {
    color: var(--primary-tints-first-200);
    opacity: 1;
}

.k-clear-value svg path {
    d: path("M405.333 136.747 375.253 106.667 256 225.92 136.747 106.667 106.667 136.747 225.92 256 106.667 375.253 136.747 405.333 256 286.08 375.253 405.333 405.333 375.253 286.08 256z");
}

.k-nodata {
    min-height: initial;
    justify-content: flex-start;
    padding: 10px 16px;
    font-weight: var(--font-weight-regular);
    color: var(--primary-tints-first-300);
}

.k-input-md .k-clear-value, .k-input-sm .k-clear-value, .k-input-lg .k-clear-value {
    padding-block: 0;
    padding-inline: 0;
}

.k-list-group-item, .k-list-group-sticky-header {
    color: var(--primary-tints-first-300);
    font-size: var(--font-size-xx-small);
    font-weight: var(--font-weight-semibold);
    line-height: 20px;
    padding: 6px 12px !important;
    text-transform: uppercase;
    border: none;
}

/*// =========================================================================
// Radio button
//--------------------------------------------------------------------------*/

.mud-radio-group .mud-icon-button:hover {
    background-color: transparent;
}

/*// =========================================================================
// Select
//--------------------------------------------------------------------------*/

.mud-list-item-gutters {
    padding-left: 10px;
    padding-right: 10px;
}

.mud-list-item-icon {
    min-width: unset;
    margin-right: 8px;
}

.mud-list.mud-list-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.mud-disabled .mud-icon-root.mud-svg-icon {
    color: var(--mud-palette-text-disabled) !important;
}

.mud-list-item-text {
    margin-top: 0;
    margin-bottom: 0;
}

.k-list {
    border-radius: var(--border-radius-default);
    color: var(--secondary-black);
    font-size: var(--font-size-xx-small);
}

.k-nodata {
    padding: 7px 10px;
    height: 32px;
}

.k-list-item.k-selected {
    color: var(--secondary-black);
    background-color: var(--primary-tints-third-100);
    font-weight: var(--font-weight-semibold);
}

.k-list-item:hover, .k-list-item.k-selected:hover, .k-list-item.k-selected.k-hover {
    color: var(--secondary-black);
    background-color: var(--primary-tints-third-100);
}

.k-list-md .k-list-item, .k-list-md .k-list-optionlabel,
.k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel,
.k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
    padding: 7px 10px;
    border-bottom: 1px solid var(--primary-tints-first-100);
}

.k-list-optionlabel:hover, .k-hover.k-list-optionlabel,
.k-selected.k-list-optionlabel {
    background-color: inherit !important;
}

.k-selected.k-list-optionlabel, .k-selected.k-list-optionlabel:hover, .k-selected.k-hover.k-list-optionlabel {
    color: var(--kendo-color-subtle, #666);
}

.k-input-value-text::before, .k-list-item-text::before, .k-list-header-text::before, .k-list-optionlabel::before {
    display: none;
}

.k-input.k-disabled, .k-radio:disabled, .k-radio.k-disabled {
    background-color: #F9F9F9;
    color: var(--secondary-gray);
    border-color: var(--secondary-tints-200) !important;
    opacity: 1;
    filter: none;
}

.k-button.k-disabled {
    opacity: 1 !important;
    filter: none !important;
    background-color: #F9F9F9;
}

.k-button.k-disabled svg {
    color: var(--secondary-gray);
}

.k-input-sm, .k-picker-sm {
    font-size: var(--font-size-xx-small);
    line-height: 14px;
}

.k-input-md, .k-picker-md {
    font-size: var(--font-size-xx-small);
}

.k-input-lg, .k-picker-lg {
    font-size: var(--font-size-x-small);
    line-height: 16px;
}

.k-list-footer {
    padding: 0 8px;
    background-color: var(--primary-tints-third-100);
}

.k-list-footer .mud-icon-root.mud-svg-icon {
    font-size: var(--font-size-medium) !important;
}

.k-combobox .k-button-solid-base {
    border: none;
    background-color: var(--secondary-white) !important;
}

.k-combobox {
    padding-right: 5px;
    height: 32px;
    gap: 4px;
}

.k-combobox .k-input-inner {
    padding-left: 10px;
    padding-right: 4px;
}

/*// =========================================================================
// Snackbar
// =========================================================================*/

.mud-snackbar {
    padding: 16px;
    max-width: none;
    min-width: 400px;
    border-radius: 8px;
    box-shadow: -0.03px 0.74px 3.07px 0px #00386512, -0.11px 3.26px 6.36px 0px #0038650E;
    opacity: 1 !important;
}

.mud-snackbar .mud-snackbar-content-action {
    margin-right: 0;
    margin-inline-end: 0;
}

.mud-snackbar .mud-snackbar-content-message {
    padding: 0;
    color: var(--secondary-black);
    font-size: var(--font-size-x-small);
    font-weight: var(--font-weight-semibold);
}

.mud-snackbar-icon {
    padding: 0;
    opacity: 1;
}

.mud-snackbar-icon svg {
    font-size: var(--font-size-medium) !important;
}

.mud-snackbar .mud-snackbar-content-action > button {
    color: var(--primary-medium);
}

.mud-snackbar .mud-snackbar-content-action > button svg {
    font-size: var(--font-size-medium) !important;
}

.mud-alert-outlined-normal {
    border: 1px solid var(--secondary-tints-300);
    background: var(--secondary-tints-150) !important;
}

.mud-alert-outlined-info {
    border: 1px solid var(--primary-tints-third-300);
    background: var(--primary-tints-third-100) !important;
}

.mud-alert-outlined-success {
    border: 1px solid var(--success-tints-300);
    background: var(--success-tints-100) !important;
}

.mud-alert-outlined-warning {
    border: 1px solid var(--pending-tints-300);
    background: var(--pending-tints-100) !important;
}

.mud-alert-outlined-error {
    border: 1px solid var(--invalid-tints-300);
    background: var(--invalid-tints-50) !important;
}

.mud-snackbar-location-bottom-left {
    bottom: calc(var(--footer-height) + 32px);
}

/*// =========================================================================
// Badge
// =========================================================================*/

.mud-chip {
    margin: 0;
    padding: 0 8px !important;
}

.mud-chip.mud-chip-size-small,
.mud-chip.mud-chip-size-medium {
    height: 20px;
    font-size: var(--font-size-xx-small);
}

.mud-chip.mud-chip-size-large {
    height: 24px;
    font-size: var(--font-size-x-small);
}

.mud-chip > .mud-chip-content {
    font-weight: var(--font-weight-semibold);
}

.mud-chip-text {
    color: var(--secondary-tints-700);
    background-color: var(--secondary-tints-150);
}

.mud-chip-text.mud-chip-color-warning {
    color: var(--pending-tints-700);
    background-color: var(--pending-tints-150);
}

.mud-chip-text.mud-chip-color-error {
    color: var(--invalid-tints-700);
    background-color: var(--invalid-tints-150);
}

.mud-chip-text.mud-chip-color-info {
    color: var(--primary-tints-second-700);
    background-color: var(--primary-tints-second-150);
}

.mud-chip-text.mud-chip-color-success {
    color: var(--success-tints-700);
    background-color: var(--success-tints-150);
}

.mud-chip.mud-chip-size-small .mud-icon-root,
.mud-chip.mud-chip-size-medium .mud-icon-root,
.mud-chip.mud-chip-size-large .mud-icon-root {
    font-size: var(--font-size-small);
}

.mud-chip-color-default .mud-icon-root.mud-svg-icon {
    fill: var(--secondary-tints-500);
}

.mud-chip-color-warning .mud-icon-root.mud-svg-icon {
    fill: var(--state-pending);
}

.mud-chip-color-error .mud-icon-root.mud-svg-icon {
    fill: var(--state-invalid);
}

.mud-chip-color-info .mud-icon-root.mud-svg-icon {
    fill: var(--primary-tints-second-500);
}

.mud-chip-color-success .mud-icon-root.mud-svg-icon {
    fill: var(--state-success);
}

.mud-chip.mud-chip-size-large .mud-chip-icon {
    margin-left: -3px;
    margin-right: 4px;
    margin-inline-start: -3px;
    margin-inline-end: 4px;
}

/* =========================================================================
 TYPOGRAPHY
 =========================================================================*/

/*------------------------------------------------------------------------*/
/* Font family                                                            */
/*------------------------------------------------------------------------*/
@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* https://fonts.google.com/icons?icon.style=Outlined */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.stage.universum.renomia.cz/font/material-symbols-outlined.woff2) format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}

/*------------------------------------------------------------------------*/
/* Headlines */
/*------------------------------------------------------------------------*/
.display {
    font-size: var(--font-size-xxx-large);
    line-height: 60px;
    font-weight: var(--font-weight-light);
}

h1 {
    font-size: var(--font-size-xx-large);
    line-height: 48px;
    font-weight: var(--font-weight-semibold);
}

h2 {
    font-size: var(--font-size-x-large);
    line-height: 40px;
    font-weight: var(--font-weight-semibold);
}

h3 {
    font-size: var(--font-size-large);
    line-height: 32px;
    font-weight: var(--font-weight-bold);
}

h4 {
    font-size: var(--font-size-medium);
    line-height: 24px;
    font-weight: var(--font-weight-bold);
}

/*------------------------------------------------------------------------*/
/* Paragraphs */
/*------------------------------------------------------------------------*/
/*-------------P24---------------*/
.p24-rg {
    font-size: var(--font-size-large);
    line-height: 32px;
    font-weight: var(--font-weight-regular);
}

.p24-sb {
    font-size: var(--font-size-large);
    line-height: 32px;
    font-weight: var(--font-weight-regular);
}

.p24-bd {
    font-size: var(--font-size-large);
    line-height: 32px;
    font-weight: var(--font-weight-bold);
}
/*-------------P20---------------*/
.p20-rg {
    font-size: var(--font-size-medium);
    line-height: 32px;
    font-weight: var(--font-weight-regular);
}

.p20-sb {
    font-size: var(--font-size-medium);
    line-height: 32px;
    font-weight: var(--font-weight-regular);
}

.p20-bd {
    font-size: var(--font-size-medium);
    line-height: 32px;
    font-weight: var(--font-weight-bold);
}

/*-------------P16---------------*/
.p16-rg {
    font-size: var(--font-size-small);
    line-height: 24px;
    font-weight: var(--font-weight-regular);
}

.p16-sb {
    font-size: var(--font-size-small);
    line-height: 24px;
    font-weight: var(--font-weight-semibold);
}

.p16-bd {
    font-size: var(--font-size-small);
    line-height: 24px;
    font-weight: var(--font-weight-bold);
}

/*-------------P14---------------*/
.p14-rg {
    font-size: var(--font-size-x-small);
    line-height: 20px;
    font-weight: var(--font-weight-regular);
}

.p14-sb {
    font-size: var(--font-size-x-small);
    line-height: 20px;
    font-weight: var(--font-weight-semibold);
}

.p14-bd {
    font-size: var(--font-size-x-small);
    line-height: 20px;
    font-weight: var(--font-weight-bold);
}

/*-------------P12---------------*/
.p12-rg {
    font-size: var(--font-size-xx-small);
    line-height: 16px;
    font-weight: var(--font-weight-regular);
}

.p12-sb {
    font-size: var(--font-size-xx-small);
    line-height: 16px;
    font-weight: var(--font-weight-semibold);
}

.p12-bd {
    font-size: var(--font-size-xx-small);
    line-height: 16px;
    font-weight: var(--font-weight-bold);
}

/*------------------------------------------------------------------------*/
/* OVERLINES */
/*------------------------------------------------------------------------*/
.o12 {
    font-size: var(--font-size-xx-small);
    line-height: 20px;
    font-weight: var(--font-weight-semibold);
}

.o16 {
    font-size: var(--font-size-small);
    line-height: 24px;
    font-weight: var(--font-weight-semibold);
}

/*------------------------------------------------------------------------*/
/* TEXTLINK */
/*------------------------------------------------------------------------*/
.t12 {
    font-size: var(--font-size-xx-small);
    line-height: 16px;
    font-weight: var(--font-weight-semibold);
}

.t14 {
    font-size: var(--font-size-x-small);
    line-height: 20px;
    font-weight: var(--font-weight-semibold);
}

.t16 {
    font-size: var(--font-size-small);
    line-height: 20px;
    font-weight: var(--font-weight-semibold);
}

/*------------------------------------------------------------------------*/
/* TEXTCOLOR */
/*------------------------------------------------------------------------*/
.rn-text-primary {
    color: var(--primary-dark);
}

.rn-text-secondary-gray {
    color: var(--secondary-gray);
}

.rn-text-secondary-black {
    color: var(--secondary-black);
}

.rn-text-primary-tints-300 {
    color: var(--primary-tints-first-300);
}

.rn-text-primary-medium {
    color: var(--primary-medium);
}

.rn-text--disabled {
    color: var(--secondary-tints-400);
}

.rn-text-invalid {
    color: var(--state-invalid);
}

/*------------------------------------------------------------------------*/
/* FORMATING */

.rn-text--multiline {
    white-space: pre-wrap;
    word-break: break-word;
}

.rn-text--ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/ /* we'll see if we need this or not */
}