/* custom scroll bar css */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* custom scroll bar css-end */

.platform-theme-themePanel {
    /* width: 300px; */
    min-height: 100vh;
    height: auto;
    /* background-color: var(--platform-theme-palette-drawer-background); */
    /* background-color: var(--platform-theme-palette-dark); */
    width: var(--platform-theme-drawer-width, var(--platform-theme-drawer-width-right));
    padding: 20px;
}

.platform-theme-drawer-bg{
    background-color: var(--platform-theme-palette-drawer-background);
}

.platform-theme-typography-h1 {
    font-size: var(--platform-theme-typography-h1-size) !important;
    font-family: var(--platform-theme-typography-h1-family) !important;
    font-weight: var(--platform-theme-typography-h1-weight) !important;
    line-height: var(--platform-theme-typography-h1-lineheight) !important;
    letter-spacing: var(--platform-theme-typography-h1-letterspacing) !important;
    text-transform: var(--platform-theme-typography-h1-text-transform) !important;
}

.platform-theme-typography-h2 {
    font-size: var(--platform-theme-typography-h2-size) !important;
    font-family: var(--platform-theme-typography-h2-family) !important;
    font-weight: var(--platform-theme-typography-h2-weight) !important;
    line-height: var(--platform-theme-typography-h2-lineheight) !important;
    letter-spacing: var(--platform-theme-typography-h2-letterspacing) !important;
    text-transform: var(--platform-theme-typography-h2-text-transform) !important;
}

.platform-theme-typography-h3 {
    font-size: var(--platform-theme-typography-h3-size) !important;
    font-family: var(--platform-theme-typography-h3-family) !important;
    font-weight: var(--platform-theme-typography-h3-weight) !important;
    line-height: var(--platform-theme-typography-h3-lineheight) !important;
    letter-spacing: var(--platform-theme-typography-h3-letterspacing) !important;
    text-transform: var(--platform-theme-typography-h3-text-transform) !important;
}

.platform-theme-typography-h4 {
    font-size: var(--platform-theme-typography-h4-size) !important;
    font-family: var(--platform-theme-typography-h4-family) !important;
    font-weight: var(--platform-theme-typography-h4-weight) !important;
    line-height: var(--platform-theme-typography-h4-lineheight) !important;
    letter-spacing: var(--platform-theme-typography-h4-letterspacing) !important;
    text-transform: var(--platform-theme-typography-h4-text-transform) !important;
}

.platform-theme-typography-h5 {
    font-size: var(--platform-theme-typography-h5-size) !important;
    font-family: var(--platform-theme-typography-h5-family) !important;
    font-weight: var(--platform-theme-typography-h5-weight) !important;
    line-height: var(--platform-theme-typography-h5-lineheight) !important;
    letter-spacing: var(--platform-theme-typography-h5-letterspacing) !important;
    text-transform: var(--platform-theme-typography-h5-text-transform) !important;
}

.platform-theme-typography-h6 {
    font-size: var(--platform-theme-typography-h6-size) !important;
    font-family: var(--platform-theme-typography-h6-family) !important;
    font-weight: var(--platform-theme-typography-h6-weight) !important;
    line-height: var(--platform-theme-typography-h6-lineheight) !important;
    letter-spacing: var(--platform-theme-typography-h6-letterspacing) !important;
    text-transform: var(--platform-theme-typography-h6-text-transform) !important;
}

.platform-theme-typography-body1 {
    font-size: var(--platform-theme-typography-body1-size) !important;
    font-family: var(--platform-theme-typography-body1-family) !important;
    font-weight: var(--platform-theme-typography-body1-weight) !important;
    line-height: var(--platform-theme-typography-body1-lineheight) !important;
    letter-spacing: var(--platform-theme-typography-body1-letterspacing) !important;
    text-transform: var(--platform-theme-typography-body1-text-transform) !important;
}

.platform-theme-typography-body2 {
    font-size: var(--platform-theme-typography-body2-size) !important;
    font-family: var(--platform-theme-typography-body2-family) !important;
    font-weight: var(--platform-theme-typography-body2-weight) !important;
    line-height: var(--platform-theme-typography-body2-lineheight) !important;
    letter-spacing: var(--platform-theme-typography-body2-letterspacing) !important;
    text-transform: var(--platform-theme-typography-body2-text-transform) !important;
}

.platform-theme-slider>.platform-theme-typography {
    margin-top: 10px
}

.platform-theme-typography {
    margin: 0;
}

.platform-theme-rounded {
    border-radius: var(--platform-theme-default-borderradius) !important;
}

/* app bar elivation */

.platform-theme-elevation-0 {
    box-shadow: var(--platform-theme-elevation-0) !important;
}

.platform-theme-elevation-1 {
    box-shadow: var(--platform-theme-elevation-1) !important;
}

.platform-theme-elevation-2 {
    box-shadow: var(--platform-theme-elevation-2) !important;
}

.platform-theme-elevation-3 {
    box-shadow: var(--platform-theme-elevation-3) !important;
}

.platform-theme-elevation-4 {
    box-shadow: var(--platform-theme-elevation-4) !important;
}

.platform-theme-elevation-5 {
    box-shadow: var(--platform-theme-elevation-5) !important;
}

.platform-theme-elevation-6 {
    box-shadow: var(--platform-theme-elevation-6) !important;
}

.platform-theme-elevation-7 {
    box-shadow: var(--platform-theme-elevation-7) !important;
}

.platform-theme-elevation-8 {
    box-shadow: var(--platform-theme-elevation-8) !important;
}

.platform-theme-elevation-9 {
    box-shadow: var(--platform-theme-elevation-9) !important;
}

.platform-theme-elevation-10 {
    box-shadow: var(--platform-theme-elevation-10) !important;
}

.platform-theme-elevation-11 {
    box-shadow: var(--platform-theme-elevation-11) !important;
}

.platform-theme-elevation-12 {
    box-shadow: var(--platform-theme-elevation-12) !important;
}

.platform-theme-elevation-13 {
    box-shadow: var(--platform-theme-elevation-13) !important;
}

.platform-theme-elevation-14 {
    box-shadow: var(--platform-theme-elevation-14) !important;
}

.platform-theme-elevation-15 {
    box-shadow: var(--platform-theme-elevation-15) !important;
}

.platform-theme-elevation-16 {
    box-shadow: var(--platform-theme-elevation-16) !important;
}

.platform-theme-elevation-17 {
    box-shadow: var(--platform-theme-elevation-17) !important;
}

.platform-theme-elevation-18 {
    box-shadow: var(--platform-theme-elevation-18) !important;
}

.platform-theme-elevation-19 {
    box-shadow: var(--platform-theme-elevation-19) !important;
}

.platform-theme-elevation-20 {
    box-shadow: var(--platform-theme-elevation-20) !important;
}

.platform-theme-elevation-21 {
    box-shadow: var(--platform-theme-elevation-21) !important;
}

.platform-theme-elevation-22 {
    box-shadow: var(--platform-theme-elevation-22) !important;
}

.platform-theme-elevation-23 {
    box-shadow: var(--platform-theme-elevation-23) !important;
}

.platform-theme-elevation-24 {
    box-shadow: var(--platform-theme-elevation-24) !important;
}

.platform-theme-elevation-25 {
    box-shadow: var(--platform-theme-elevation-25) !important;
}

/* app bar elivation-end */

/* aside nav/ drawer */

.platform-theme-drawer {
    display: flex;
    flex-shrink: 0;
    flex-grow: 1;
    flex: 0 0 auto;
    outline: 0;
    position: fixed;
    z-index: var(--platform-theme-zindex-drawer) !important;
    overflow-y: auto;
    flex-direction: column;
    color: var(--platform-theme-palette-drawer-text) !important;
    /* background-color: var(--platform-theme-palette-drawer-background) !important; */
    background-color: #fff;
    --platform-theme-drawer-content-height: 0;
}

.platform-theme-drawer-color{
    color: var(--platform-theme-palette-drawer-text) !important;
}

.platform-theme-drawer-open-temp {
    left: auto;
    top: 0;
    height: 100%;
    width: var(--platform-theme-drawer-width, var(--platform-theme-drawer-width-right)) !important;
}

.platform-theme-drawer--open {
    right: 0;
}

.platform-theme-drawer--close {
    right: calc(-1*var(--platform-theme-drawer-width, var(--platform-theme-drawer-width-right))) !important;
}

/* aside nav/ drawer-end */

/* general section */

.platform-theme-surfaceColor {
    background-color: var(--platform-theme-palette-surface) !important;
}

.platform-theme-backgroundColor {
    background-color: var(--platform-theme-palette-background) !important;
}

.platform-theme-backgroundGreyColor {
    background-color: var(--platform-theme-palette-background-grey) !important;
}

.platform-theme-defaultLineColor {
    background-color: var(--platform-theme-palette-lines-default) !important;
}

.platform-theme-inputLineColor {
    background-color: var(--platform-theme-palette-lines-inputs) !important;
}

.platform-theme-dividerColor {
    background-color: var(--platform-theme-palette-divider) !important;
}

.platform-theme-lightDividerColor {
    background-color: var(--platform-theme-palette-divider-light) !important;
}

/* general section-end */

/* Text and Action */

.platform-theme-primarytext {
    color: var(--platform-theme-palette-text-primary) !important;
}

.platform-theme-secondarytext {
    color: var(--platform-theme-palette-text-secondary) !important;
}

.platform-theme-tertiarytext {
    color: var(--platform-theme-palette-text-tertiary) !important;
}

.platform-theme-successtext {
    color: var(--platform-theme-palette-text-success) !important;
}

.platform-theme-warningtext {
    color: var(--platform-theme-palette-text-warning) !important;
}

.platform-theme-errortext {
    color: var(--platform-theme-palette-text-error) !important;
}

.platform-theme-darktext {
    color: var(--platform-theme-palette-text-dark) !important;
}

.platform-theme-lighttext {
    color: var(--platform-theme-palette-text-light) !important;
}

.platform-theme-disabledText {
    color: var(--platform-theme-palette-text-disabled) !important;
}

.platform-theme-actionDefault {
    color: var(--platform-theme-palette-action-default) !important;
}

.platform-theme-actionDisabled {
    color: var(--platform-theme-palette-action-disabled) !important;
}

.platform-theme-disabledBG {
    color: var(--platform-theme-palette-action-disabled-background) !important;
}

.platform-theme-surface {
    color: var(--platform-theme-palette-surface) !important;
}

/* background */

.platform-theme-primaryText-bg {
    background-color: var(--platform-theme-palette-text-primary) !important;
}

.platform-theme-SecondaryText-bg {
    background-color: var(--platform-theme-palette-text-secondary) !important;
}

.platform-theme-tertiarytext-bg {
    background-color: var(--platform-theme-palette-text-tertiary) !important;
}

.platform-theme-successtext-bg {
    background-color: var(--platform-theme-palette-text-success) !important;
}

.platform-theme-warningtext-bg {
    background-color: var(--platform-theme-palette-text-warning) !important;
}

.platform-theme-errortext-bg {
    background-color: var(--platform-theme-palette-text-error) !important;
}

.platform-theme-darktext-bg {
    background-color: var(--platform-theme-palette-text-dark) !important;
}

.platform-theme-disabledText-bg {
    background-color: var(--platform-theme-palette-text-disabled) !important;
}

.platform-theme-actionDefault-bg {
    background-color: var(--platform-theme-palette-action-default) !important;
}

.platform-theme-actionDisabled-bg {
    background-color: var(--platform-theme-palette-action-disabled) !important;
}

.platform-theme-disabledBG-bg {
    background-color: var(--platform-theme-palette-action-disabled-background) !important;
}

.platform-theme-surface-bg {
    background-color: var(--platform-theme-palette-surface) !important;
}

/* background-end */

/* Text and Action-end */

/* border design */

.platform-theme-outline-primary {
    /* color: var(--platform-theme-palette-primary-text); */
    border-color: var(--platform-theme-palette-primary) !important;
}

.platform-theme-outline-secondary {
    /* color: var(--platform-theme-palette-secondary-text); */
    border-color: var(--platform-theme-palette-secondary) !important;
}

.platform-theme-outline-tertiary {
    /* color: var(--platform-theme-palette-tertiary-text); */
    border-color: var(--platform-theme-palette-tertiary) !important;
}

.platform-theme-outline-success {
    /* color: var(--platform-theme-palette-success-text); */
    border-color: var(--platform-theme-palette-success) !important;
}

.platform-theme-outline-warning {
    /* color: var(--platform-theme-palette-warning-text); */
    border-color: var(--platform-theme-palette-warning) !important;
}

.platform-theme-outline-error {
    /* color: var(--platform-theme-palette-error-text); */
    border-color: var(--platform-theme-palette-error) !important;
}

.platform-theme-outline-dark {
    /* color: var(--platform-theme-palette-primary-dark); */
    border-color: var(--platform-theme-palette-dark) !important;
}
.platform-theme-outline-light {
    /* color: var(--platform-theme-palette-primary-dark); */
    border-color: var(--platform-theme-palette-light) !important;
}

/* border design-end */

/* border:hover */

.platform-theme-outline-primary:hover {
    background-color: var(--platform-theme-palette-primary);
    color: var(--platform-theme-palette-primary-text) !important;
    border-color: var(--platform-theme-palette-primary) !important;
}

.platform-theme-outline-secondary:hover {
    background-color: var(--platform-theme-palette-secondary);
    color: var(--platform-theme-palette-secondary-text) !important;
    border-color: var(--platform-theme-palette-secondary) !important;
}

.platform-theme-outline-tertiary:hover {
    background-color: var(--platform-theme-palette-tertiary);
    color: var(--platform-theme-palette-tertiary-text) !important;
    border-color: var(--platform-theme-palette-tertiary) !important;
}

.platform-theme-outline-success:hover {
    background-color: var(--platform-theme-palette-success);
    color: var(--platform-theme-palette-success-text) !important;
    border-color: var(--platform-theme-palette-success) !important;
}

.platform-theme-outline-warning:hover {
    background-color: var(--platform-theme-palette-warning);
    color: var(--platform-theme-palette-warning-text) !important;
    border-color: var(--platform-theme-palette-warning) !important;
}

.platform-theme-outline-error:hover {
    background-color: var(--platform-theme-palette-error);
    color: var(--platform-theme-palette-error-text) !important;
    border-color: var(--platform-theme-palette-error) !important;
}

.platform-theme-outline-dark:hover {
    background-color: var(--platform-theme-palette-dark);
    color: var(--platform-theme-palette-primary-text)  !important;
    border-color: var(--platform-theme-palette-dark) !important;
}

/* border:hover-end */

/* Theme color */

.platform-theme-primary-color {
    background-color: var(--platform-theme-palette-primary) !important;
}

.platform-theme-secondary-color {
    background-color: var(--platform-theme-palette-secondary) !important;
}

.platform-theme-tertiary-color {
    background-color: var(--platform-theme-palette-tertiary) !important;
}

.platform-theme-success-color {
    background-color: var(--platform-theme-palette-success) !important;
}

.platform-theme-warning-color {
    background-color: var(--platform-theme-palette-warning) !important;
}

.platform-theme-error-color {
    background-color: var(--platform-theme-palette-error) !important;
}

.platform-theme-dark-color {
    background-color: var(--platform-theme-palette-dark) !important;
}

.platform-theme-light-color {
    background-color: var(--platform-theme-palette-light) !important;
}

/* Theme color-end */

/* Component level Color */

.platform-theme-appbar-text {
    color: var(--platform-theme-palette-appbar-text) !important;
}

.platform-theme-appBarBg {
    background-color: var(--platform-theme-palette-appbar-background) !important;
}

.platform-theme-drawerText {
    background-color: var(--platform-theme-palette-drawer-text) !important;
}

.platform-theme-drawerIcons-bg {
    background-color: var(--platform-theme-palette-drawer-icon) !important;
}
.platform-theme-drawerIcons-color {
    color: var(--platform-theme-palette-drawer-icon) !important;
}

.platform-theme-drawerBg {
    background-color: var(--platform-theme-palette-drawer-background) !important;
}

.platform-theme-appbarText {
    color: var(--platform-theme-palette-appbar-text) !important;
}

.platform-theme-fontFamily{
    font-family: var(--platform-theme-typography-default-family) !important;
}

.platform-theme-appbar-background-color {
    background-color: var(--platform-theme-palette-appbar-background) !important;
}

.cke_notification_warning{
    display:none !important;
}