:root {
    --doka-border-radius-dialog: 6px;
    --doka-border-radius-button: 8px;
    --doka-border-radius-input: 8px;
    --doka-border-radius-card: var(--mud-default-borderradius);
    --doka-palette-primary-gradient: linear-gradient(289deg, var(--doka-theme-tertiary) -22.1%, var(--doka-theme-primary) 62.84%);
    --doka-palette-primary-gradient-lighten: linear-gradient(289deg, var(--doka-theme-primary-lighten) -22.1%, #0044CF 62.84%);
    --doka-palette-white: var(--mud-palette-white);
    --doka-palette-black: var(--mud-palette-black);
    --doka-palette-grayscale-level: 0%;
    --doka-section-label-color: #014CE6;
    --doka-table-row-color: #EAF0FB;
    --doka-card-border: none;
    --doka-dashboard-item-width: calc((calc(var(--doka-content-max-width) - (var(--doka-content-padding) * 2))));
    --doka-palette-surface: var(--mud-palette-surface);
    --doka-palette-background: var(--mud-palette-background);
    --doka-palette-login-main-background: var(--mud-palette-primary);
    --doka-palette-login-card-background: var(--mud-palette-gray-default);
    --doka-palette-primary: var(--mud-palette-primary);
    --doka-palette-tertiary: var(--mud-palette-tertiary);
    --doka-palette-primary-darken: var(--mud-palette-primary-darken);
    --doka-palette-primary-lighten: var(--mud-palette-primary-lighten);
    --doka-palette-secondary: var(--mud-palette-secondary);
    --doka-palette-secondary-darken: var(--mud-palette-secondary-darken);
    --doka-palette-secondary-lighten: var(--mud-palette-secondary-lighten);
    --doka-palette-error: var(--mud-palette-error);
    --doka-palette-error-darken: var(--mud-palette-error-darken);
    --doka-palette-error-lighten: var(--mud-palette-error-lighten);
    --doka-palette-warning: var(--mud-palette-warning);
    --doka-palette-warning-darken: var(--mud-palette-warning-darken);
    --doka-palette-warning-lighten: var(--mud-palette-warning-lighten);
    --doka-palette-success: var(--mud-palette-success);
    --doka-palette-success-darken: var(--mud-palette-success-darken);
    --doka-palette-success-lighten: var(--mud-palette-success-lighten);
    --doka-palette-primary-text: var(--mud-palette-primary-text);
    --doka-palette-text-primary: var(--mud-palette-text-primary);
    --doka-palette-text-secondary: var(--mud-palette-text-secondary);
    --doka-palette-secondary-text: var(--mud-palette-secondary-text);
    --doka-palette-tertiary-text: var(--mud-palette-tertiary-text);
    --doka-palette-info-text: var(--mud-palette-info-text);
    --doka-palette-success-text: var(--mud-palette-success-text);
    --doka-palette-warning-text: var(--mud-palette-warning-text);
    --doka-palette-error-text: var(--mud-palette-error-text);
    --doka-palette-dark-text: var(--mud-palette-dark-text);
    --doka-palette-gray-default: var(--mud-palette-gray-default);
    --doka-palette-gray-light: var(--mud-palette-gray-light);
    --doka-palette-gray-lighter: var(--mud-palette-gray-lighter);
    --doka-palette-gray-dark: var(--mud-palette-gray-dark);
    --doka-palette-gray-darker: var(--mud-palette-gray-darker);
    --doka-palette-text-primary: var(--mud-palette-text-primary);
    --doka-palette-divider-light: var(--mud-palette-divider-light);
    /* Donut Chart Colors */
    --doka-donut-primary-color: #014CE6;
    --doka-secondary-color: #21C4FD;
    --doka-tertiary-color: #28C885;
    --doka-fourth-color: #696C83;
    --doka-fifth-color: #014CE6;
    /*gap sizes*/
    --doka-dashboard-item-content-padding: 24px;
    --doka-card-content-padding: 12px;
    --doka-content-max-width: 1280px;
    --doka-content-padding: 32px;
    --doka-dashboard-item-gap: 24px;
    --doka-appbar-height: 52px;
    --doka-footer-height: 38px;
    --doka-card-list-gap: var(--gap-xl);
    --doka-input-height: 48px;
    --doka-purpose-input-height: 80px;
    --doka-account-input-height: 1200px;
    /*typography*/
    --my-font-family: 'Poppins';
    --doka-typography-default-family: var(--mud-typography-default-family);
    --doka-typography-default-size: var(--mud-typography-default-size);
    --doka-typography-default-weight: var(--mud-typography-default-weight);
    --doka-typography-default-lineheight: var(--mud-typography-default-lineheight);
    --doka-typography-default-letterspacing: var(--mud-typography-default-letterspacing);
    --doka-typography-default-text-transform: var(--mud-typography-default-text-transform);
    --doka-typography-h1-family: var(--mud-typography-h1-family);
    --doka-typography-h1-size: var(--mud-typography-h1-size);
    --doka-typography-h1-weight: var(--mud-typography-h1-weight);
    --doka-typography-h1-lineheight: var(--mud-typography-h1-lineheight);
    --doka-typography-h1-letterspacing: var(--mud-typography-h1-letterspacing);
    --doka-typography-h1-text-transform: var(--mud-typography-h1-text-transform);
    --doka-typography-h2-family: var(--mud-typography-h2-family);
    --doka-typography-h2-size: var(--mud-typography-h2-size);
    --doka-typography-h2-weight: var(--mud-typography-h2-weight);
    --doka-typography-h2-lineheight: var(--mud-typography-h2-lineheight);
    --doka-typography-h2-letterspacing: var(--mud-typography-h2-letterspacing);
    --doka-typography-h2-text-transform: var(--mud-typography-h2-text-transform);
    --doka-typography-h3-family: var(--mud-typography-h3-family);
    --doka-typography-h3-size: var(--mud-typography-h3-size);
    --doka-typography-h3-weight: var(--mud-typography-h3-weight);
    --doka-typography-h3-lineheight: var(--mud-typography-h3-lineheight);
    --doka-typography-h3-letterspacing: var(--mud-typography-h3-letterspacing);
    --doka-typography-h3-text-transform: var(--mud-typography-h3-text-transform);
    --doka-typography-h4-family: var(--mud-typography-h4-family);
    --doka-typography-h4-size: var(--mud-typography-h4-size);
    --doka-typography-h4-weight: var(--mud-typography-h4-weight);
    --doka-typography-h4-lineheight: var(--mud-typography-h4-lineheight);
    --doka-typography-h4-letterspacing: var(--mud-typography-h4-letterspacing);
    --doka-typography-h4-text-transform: var(--mud-typography-h4-text-transform);
    --doka-typography-h5-family: var(--mud-typography-h5-family);
    --doka-typography-h5-size: var(--mud-typography-h5-size);
    --doka-typography-h5-weight: var(--mud-typography-h5-weight);
    --doka-typography-h5-lineheight: var(--mud-typography-h5-lineheight);
    --doka-typography-h5-letterspacing: var(--mud-typography-h5-letterspacing);
    --doka-typography-h5-text-transform: var(--mud-typography-h5-text-transform);
    --doka-typography-h6-family: var(--mud-typography-h6-family);
    --doka-typography-h6-size: var(--mud-typography-h6-size);
    --doka-typography-h6-weight: var(--mud-typography-h6-weight);
    --doka-typography-h6-lineheight: var(--mud-typography-h6-lineheight);
    --doka-typography-h6-letterspacing: var(--mud-typography-h6-letterspacing);
    --doka-typography-h6-text-transform: var(--mud-typography-h6-text-transform);
    --doka-typography-subtitle1-family: var(--mud-typography-subtitle1-family);
    --doka-typography-subtitle1-size: var(--mud-typography-subtitle1-size);
    --doka-typography-subtitle1-weight: var(--mud-typography-subtitle1-weight);
    --doka-typography-subtitle1-lineheight: var(--mud-typography-subtitle1-lineheight);
    --doka-typography-subtitle1-letterspacing: var(--mud-typography-subtitle1-letterspacing);
    --doka-typography-subtitle1-text-transform: var(--mud-typography-subtitle1-text-transform);
    --doka-typography-subtitle2-family: var(--mud-typography-subtitle2-family);
    --doka-typography-subtitle2-size: var(--mud-typography-subtitle2-size);
    --doka-typography-subtitle2-weight: var(--mud-typography-subtitle2-weight);
    --doka-typography-subtitle2-lineheight: var(--mud-typography-subtitle2-lineheight);
    --doka-typography-subtitle2-letterspacing: var(--mud-typography-subtitle2-letterspacing);
    --doka-typography-subtitle2-text-transform: var(--mud-typography-subtitle2-text-transform);
    --doka-typography-body1-family: var(--mud-typography-body1-family);
    --doka-typography-body1-size: var(--mud-typography-body1-size);
    --doka-typography-body1-weight: var(--mud-typography-body1-weight);
    --doka-typography-body1-lineheight: var(--mud-typography-body1-lineheight);
    --doka-typography-body1-letterspacing: var(--mud-typography-body1-letterspacing);
    --doka-typography-body1-text-transform: var(--mud-typography-body1-text-transform);
    --doka-typography-body2-family: var(--mud-typography-body2-family);
    --doka-typography-body2-size: var(--mud-typography-body2-size);
    --doka-typography-body2-weight: var(--mud-typography-body2-weight);
    --doka-typography-body2-lineheight: var(--mud-typography-body2-lineheight);
    --doka-typography-body2-letterspacing: var(--mud-typography-body2-letterspacing);
    --doka-typography-body2-text-transform: var(--mud-typography-body2-text-transform);
    --doka-typography-button-family: var(--mud-typography-button-family);
    --doka-typography-button-size: var(--mud-typography-button-size);
    --doka-typography-button-weight: var(--mud-typography-button-weight);
    --doka-typography-button-lineheight: var(--mud-typography-button-lineheight);
    --doka-typography-button-letterspacing: var(--mud-typography-button-letterspacing);
    --doka-typography-button-text-transform: var(--mud-typography-button-text-transform);
    --doka-typography-caption-family: var(--mud-typography-caption-family);
    --doka-typography-caption-size: var(--mud-typography-caption-size);
    --doka-typography-caption-weight: var(--mud-typography-caption-weight);
    --doka-typography-caption-lineheight: var(--mud-typography-caption-lineheight);
    --doka-typography-caption-letterspacing: var(--mud-typography-caption-letterspacing);
    --doka-typography-caption-text-transform: var(--mud-typography-caption-text-transform);
    --doka-typography-overline-family: var(--mud-typography-overline-family);
    --doka-typography-overline-size: var(--mud-typography-overline-size);
    --doka-typography-overline-weight: var(--mud-typography-overline-weight);
    --doka-typography-overline-lineheight: var(--mud-typography-overline-lineheight);
    --doka-typography-overline-letterspacing: var(--mud-typography-overline-letterspacing);
    --doka-typography-overline-text-transform: var(--mud-typography-overline-text-transform);
    --doka-opacity-search-icon: 0.2;
    --login-container-width: 950px;
    --login-container-height: 786px;
    --login-container-height-small: 686px;
    --login-content-width: 464px;
    --login-content-height: 100%;
    --login-radius: 16px;
    --login-input-radius: 6px;
    --login-input-border: none;
    --login-input-box-shadow: 0 4px 2px 0 rgba(207, 216, 220, 0.20);
    --login-button-radius: 8px;
    --login-footer-min-gap: 31px;
    --login-footer-height: 38px;
    --login-footer-width: 1017px;
    --login-color-main: #0133A0;
    --login-color-bg: #EEF3FC;
    --login-card-shadow: 0 2px 4px 0 rgba(207, 216, 220, 0.50);
    --login-tab-list-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
    --accountlist-color-bg: #D0EBFF;
    --accountcard-color-bg: #F5F8FF;
    --accountcard-color-bc: #FF2A1B;
    --account-icon-color: #4CE4b3;
    --drawer-close-icon-color: #0133A0;
    --menu-color-txt: #FFFFFFA6;
    --menu-color-black: #121A3A;
    --menu-color-bg: #CFD8DC;
    --carousel-icon-bg: #546E7A;
    --doka-button-height: 42px;
    --doka-legend-label-color: #546E7A;
    --doka-status-pending-color: #F5A623;
    --doka-mud-table-row-cell-text-color: #263238;
    --doka-mud-table-header-background-color: #07BDDD;
    --doka-mud-table-header-height: 24px;
    --doka-mud-table-cell-height: 28px;
    --doka-mud-table-radius: 8px;
    --doka-mud-table-striped-color-odd: #FFFFFF;
    --doka-mud-table-striped-color-even: #EEF3FC;
    --doka-negative-color: #FA5914;
    --doka-currency-radius: 4px;
    --doka-currency-padding: 4px;
    --doka-currency-buy-button-height: 18px;
    --doka-currency-buy-button-padding: 12px;
    --doka-currency-sell-button-height: 24px;
    --doka-color-black-to-yellow: #121A3A;
    --doka-color-white-to-yellow: #FFFFFF;
    --doka-color-turq-to-yellow: #07BDDD;
    --doka-color-turq-to-white: #07BDDD;
    --doka-color-darkblue-to-yellow: #001E5E;
    --doka-color-red-to-black: #CE163A;
    --doka-color-blue-to-black: #1677FF;
    --doka-color-red-to-black: #FF2A1B;
    --doka-color-orange-to-black: #FAAD14;
    --doka-color-orange-to-white: var(--doka-palette-warning);
    --doka-color-red-to-white: var(--doka-palette-error);
    --doka-color-blue-to-white: var(--doka-palette-primary);
    --doka-color-darkblue-to-black: var(--doka-palette-primary);
    --account-dropdown-min-height: 120px;
    --doka-color-background-black: #EEF3FC;
    --doka-card-detail-height: 24px;
    --doka-disable-bg: #E3EAED;
    --doka-tooltip-bg: #3D567F;
    --doka-enbd-logo-color: #072447;
    --doka-dialog-color-background-gray: #EEF3FC;
    --doka-disabled-color: #BECED5;
}

.accessibility-on {
    --doka-card-border: 1px solid rgb(255,255,255);
    --login-input-border: 1px solid rgb(255,255,255);
    --doka-palette-login-main-background: rgb(0,0,0);
}

@media (max-width: 1280px) and (min-width: 960px) {
    :root {
        --doka-content-max-width: 960px;
        --doka-content-padding: 12px;
    }
}

@media (max-width: 960px) and (min-width: 600px) {
    :root {
        --doka-content-max-width: 600px;
        --doka-content-padding: 8px;
        --doka-dashboard-item-content-padding: 16px;
    }
}

@media (max-width: 600px) {
    :root {
        --doka-content-max-width: 100%;
        --doka-content-padding: 8px;
        --doka-dashboard-item-content-padding: 12px;
    }
}