[color-bg] {
    background-color: attr(color-bg, var(--mud-palette-background))
}

.background-blur {
    backdrop-filter: blur(.15rem);
}
.background-blur-1 {
    backdrop-filter: blur(.25rem);
}
.background-blur-2 {
    backdrop-filter: blur(.5rem);
}
.background-blur-3 {
    backdrop-filter: blur(.75rem);
}
.background-blur-4 {
    backdrop-filter: blur(1rem);
}
.color-bg-success {
    background-color: var(--mud-palette-success) !important
}
.color-bg-primary {
    background-color: var(--mud-palette-primary) !important
}
.color-bg-success-transparent {
    background-color: var(--color-success-transparent) !important
}
.color-bg-warning-transparent {
    background-color: var(--mud-palette-warning-hover) !important
}
.color-bg-primary-transparent {
    background-color: var(--color-primary-transparent) !important
}
.color-bg-primary-transparent-hight {
    background-color: var(--color-primary-transparent-hight) !important
}
.color-bg-primary-transparent-low {
    background-color: var(--color-primary-transparent-low) !important
}
.color-bg-default-transparent {
    background-color: var(--mud-palette-action-default-hover) !important
}
.color-bg-error-transparent {
    background-color: var(--color-error-transparent) !important
}
.color-bg-dark-transparent {
    background-color: var(--mud-palette-overlay-dark) !important
}
.color-bg-light-transparent {
    background-color: var(--mud-palette-overlay-light) !important
}
.color-bg-dark-transparent-low {
    background-color: var(--mud-palette-overlay-dark-low) !important
}
.color-bg-light-transparent-low {
    background-color: var(--mud-palette-overlay-light-low) !important
}
.color-bg-dark-transparent-hight {
    background-color: var(--mud-palette-overlay-dark-hight) !important
}
.color-bg-light-transparent-hight {
    background-color: var(--mud-palette-overlay-light-hight) !important
}

.color-bg-transparent {
    background-color: var(--mud-palette-overlay) !important
}
.color-bg-transparent-low {
    background-color: var(--mud-palette-overlay-low) !important
}
.color-bg-transparent-hight {
    background-color: var(--mud-palette-overlay-hight) !important
}
.color-bg-transparent-reverse {
    background-color: var(--mud-palette-overlay-reverse) !important
}
.color-bg-transparent-low-reverse {
    background-color: var(--mud-palette-overlay-low-reverse) !important
}
.color-bg-transparent-hight-reverse {
    background-color: var(--mud-palette-overlay-hight-reverse) !important
}
.color-bg-default-transparent-hight {
    background-color: var(--mud-palette-action-default-hover) !important
}
.color-bg-grey {
    background-color: var(--mud-palette-grey-default) !important
}
.color-bg-grey-hight {
    background-color: var(--mud-palette-grey-lighter) !important
}
.color-bg-grey-low {
    background-color: var(--mud-palette-grey-dark) !important
}
.color-bg-default {
    background-color: var(--background-default) !important;
}

.color-border-success {
    --color-border: var(--mud-palette-success);
    --bs-border-color: var(--mud-palette-success) !important;
    border-color: var(--mud-palette-success);
}
.color-border-error {
    --color-border: var(--mud-palette-error);
    --bs-border-color: var(--mud-palette-error) !important;
    border-color: var(--mud-palette-error);
}
.color-border-warning {
    --color-border: var(--mud-palette-warning);
    --bs-border-color: var(--mud-palette-warning) !important;
    border-color: var(--mud-palette-warning);
}
.color-border-info {
    --color-border: var(--mud-palette-info);
    --bs-border-color: var(--mud-palette-info) !important;
    border-color: var(--mud-palette-info);
}
.color-border-primary {
    --color-border: var(--mud-palette-primary);
    --bs-border-color: var(--mud-palette-primary) !important;
    border-color: var(--mud-palette-primary);
}
.color-border-dark-lighten {
    --color-border: var(--mud-palette-dark-lighten)
}
.color-border-dark-transparent {
    --color-border: var(--mud-palette-dark-hover)
}

.color-border-transparent {
    --color-border: var(--mud-palette-overlay-reverse)
}
.color-border-transparent-low {
    --color-border: var(--mud-palette-overlay-low-reverse)
}
.color-border-transparent-hight {
    --color-border: var(--mud-palette-overlay-hight-reverse)
}

.color{
    color: var(--color) !important;
}
.color-reverse {
    color: var(--color-reverse) !important;
}
.color-white {
    color: var(--mud-palette-white) !important;
}
.color-black {
    color: var(--mud-palette-black) !important;
}
.color-primary {
    color: var(--mud-palette-primary) !important;
}
.color-success {
    color: var(--mud-palette-success) !important;
}
.color-warning {
    color: var(--mud-palette-warning) !important;
}
.color-error {
    color: var(--mud-palette-error) !important;
}
.color-bg {
    background-color: var(--mud-palette-background)
}

.color-primary-all *{
    color: var(--mud-palette-primary);
}
.color-success-all *{
    color: var(--mud-palette-success);
}
.color-warning-all *{
    color: var(--mud-palette-warning);
}
.color-error-all *{
    color: var(--mud-palette-error);
}

.color-text-primary {
    color: var(--mud-palette-primary-text);
}
.color-text-success {
    color: var(--mud-palette-success-text);
}
.color-text-warning {
    color: var(--mud-palette-warning-text);
}
.color-text-error {
    color: var(--mud-palette-error-text);
}
.color-bg-hover-primary:hover {
    background-color: var(--color-primary)
}
.color-bg-hover-primary-hight:hover {
    background-color: var(--color-primary-transparent-hight)
}
.color-bg-hover-primary-low:hover {
    background-color: var(--color-primary-transparent-low)
}

.color-bg-gradient {
    background: linear-gradient(-45deg, #0050b4, #8a00ff, #e8099e, #ff3c3c);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}
.color-bg-gradient-primary {
    background: linear-gradient(-45deg, #0050b4, #7000c9);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

.color-bg-gradient-hover :hover {
    background: linear-gradient(-45deg, #0050b4, #8a00ff, #e8099e, #ff3c3c);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

/*Color icon*/
[disabled] .color-inherit {
    color: inherit
}
/*Red*/
.color-icon-red.mud-icon-root, .color-icon-red .mud-icon-root {
    color: #F44336
}
.color-icon-red-light1.mud-icon-root, .color-icon-red-light1 .mud-icon-root {
    color: #EF5350
}
.color-icon-red-light2.mud-icon-root, .color-icon-red-light2 .mud-icon-root {
    color: #E57373
}
.color-icon-red-light3.mud-icon-root, .color-icon-red-light3 .mud-icon-root {
    color: #EF9A9A
}
.color-icon-red-light4.mud-icon-root, .color-icon-red-light4 .mud-icon-root {
    color: #FFCDD2
}
.color-icon-red-light5.mud-icon-root, .color-icon-red-light5 .mud-icon-root {
    color: #FFEBEE
}
.color-icon-red-dark1.mud-icon-root, .color-icon-red-dark1 .mud-icon-root {
    color: #E53935
}
.color-icon-red-dark2.mud-icon-root, .color-icon-red-dark2 .mud-icon-root {
    color: #D32F2F
}
.color-icon-red-dark3.mud-icon-root, .color-icon-red-dark3 .mud-icon-root {
    color: #C62828
}
.color-icon-red-dark4.mud-icon-root, .color-icon-red-dark4 .mud-icon-root {
    color: #B71C1C
}
.color-icon-red-accent1.mud-icon-root, .color-icon-red-accent1 .mud-icon-root {
    color: #FF8A80
}
.color-icon-red-accent2.mud-icon-root, .color-icon-red-accent2 .mud-icon-root {
    color: #FF5252
}
.color-icon-red-accent3.mud-icon-root, .color-icon-red-accent3 .mud-icon-root {
    color: #FF1744
}
.color-icon-red-accent4.mud-icon-root, .color-icon-red-accent4 .mud-icon-root {
    color: #D50000
}
/*Pink*/
.color-icon-pink.mud-icon-root, .color-icon-pink .mud-icon-root {
    color: #E91E63
}

.color-icon-pink-light1.mud-icon-root, .color-icon-pink-light1 .mud-icon-root {
    color: #EC407A
}

.color-icon-pink-light2.mud-icon-root, .color-icon-pink-light2 .mud-icon-root {
    color: #F06292
}

.color-icon-pink-light3.mud-icon-root, .color-icon-pink-light3 .mud-icon-root {
    color: #F48FB1
}

.color-icon-pink-light4.mud-icon-root, .color-icon-pink-light4 .mud-icon-root {
    color: #F8BBD0
}

.color-icon-pink-light5.mud-icon-root, .color-icon-pink-light5 .mud-icon-root {
    color: #FCE4EC
}

.color-icon-pink-dark1.mud-icon-root, .color-icon-pink-dark1 .mud-icon-root {
    color: #D81B60
}

.color-icon-pink-dark2.mud-icon-root, .color-icon-pink-dark2 .mud-icon-root {
    color: #C2185B
}

.color-icon-pink-dark3.mud-icon-root, .color-icon-pink-dark3 .mud-icon-root {
    color: #AD1457
}

.color-icon-pink-dark4.mud-icon-root, .color-icon-pink-dark4 .mud-icon-root {
    color: #880E4F
}

.color-icon-pink-accent1.mud-icon-root, .color-icon-pink-accent1 .mud-icon-root {
    color: #FF80AB
}

.color-icon-pink-accent2.mud-icon-root, .color-icon-pink-accent2 .mud-icon-root {
    color: #FF4081
}

.color-icon-pink-accent3.mud-icon-root, .color-icon-pink-accent3 .mud-icon-root {
    color: #F50057
}

.color-icon-pink-accent4.mud-icon-root, .color-icon-pink-accent4 .mud-icon-root {
    color: #C51162
}
/*Purple*/
.color-icon-purple.mud-icon-root, .color-icon-purple .mud-icon-root {
    color: #9C27B0
}

.color-icon-purple-light1.mud-icon-root, .color-icon-purple-light1 .mud-icon-root {
    color: #AB47BC
}

.color-icon-purple-light2.mud-icon-root, .color-icon-purple-light2 .mud-icon-root {
    color: #BA68C8
}

.color-icon-purple-light3.mud-icon-root, .color-icon-purple-light3 .mud-icon-root {
    color: #CE93D8
}

.color-icon-purple-light4.mud-icon-root, .color-icon-purple-light4 .mud-icon-root {
    color: #E1BEE7
}

.color-icon-purple-light5.mud-icon-root, .color-icon-purple-light5 .mud-icon-root {
    color: #F3E5F5
}

.color-icon-purple-dark1.mud-icon-root, .color-icon-purple-dark1 .mud-icon-root {
    color: #8E24AA
}

.color-icon-purple-dark2.mud-icon-root, .color-icon-purple-dark2 .mud-icon-root {
    color: #7B1FA2
}

.color-icon-purple-dark3.mud-icon-root, .color-icon-purple-dark3 .mud-icon-root {
    color: #6A1B9A
}

.color-icon-purple-dark4.mud-icon-root, .color-icon-purple-dark4 .mud-icon-root {
    color: #4A148C
}

.color-icon-purple-accent1.mud-icon-root, .color-icon-purple-accent1 .mud-icon-root {
    color: #EA80FC
}

.color-icon-purple-accent2.mud-icon-root, .color-icon-purple-accent2 .mud-icon-root {
    color: #E040FB
}

.color-icon-purple-accent3.mud-icon-root, .color-icon-purple-accent3 .mud-icon-root {
    color: #D500F9
}

.color-icon-purple-accent4.mud-icon-root, .color-icon-purple-accent4 .mud-icon-root {
    color: #AA00FF
}
/*DeepPurple*/
.color-icon-deeppurple.mud-icon-root, .color-icon-deeppurple .mud-icon-root {
    color: #673AB7
}

.color-icon-deeppurple-light1.mud-icon-root, .color-icon-deeppurple-light1 .mud-icon-root {
    color: #7E57C2
}

.color-icon-deeppurple-light2.mud-icon-root, .color-icon-deeppurple-light2 .mud-icon-root {
    color: #9575CD
}

.color-icon-deeppurple-light3.mud-icon-root, .color-icon-deeppurple-light3 .mud-icon-root {
    color: #B39DDB
}

.color-icon-deeppurple-light4.mud-icon-root, .color-icon-deeppurple-light4 .mud-icon-root {
    color: #D1C4E9
}

.color-icon-deeppurple-light5.mud-icon-root, .color-icon-deeppurple-light5 .mud-icon-root {
    color: #EDE7F6
}

.color-icon-deeppurple-dark1.mud-icon-root, .color-icon-deeppurple-dark1 .mud-icon-root {
    color: #5E35B1
}

.color-icon-deeppurple-dark2.mud-icon-root, .color-icon-deeppurple-dark2 .mud-icon-root {
    color: #512DA8
}

.color-icon-deeppurple-dark3.mud-icon-root, .color-icon-deeppurple-dark3 .mud-icon-root {
    color: #4527A0
}

.color-icon-deeppurple-dark4.mud-icon-root, .color-icon-deeppurple-dark4 .mud-icon-root {
    color: #311B92
}

.color-icon-deeppurple-accent1.mud-icon-root, .color-icon-deeppurple-accent1 .mud-icon-root {
    color: #B388FF
}

.color-icon-deeppurple-accent2.mud-icon-root, .color-icon-deeppurple-accent2 .mud-icon-root {
    color: #7C4DFF
}

.color-icon-deeppurple-accent3.mud-icon-root, .color-icon-deeppurple-accent3 .mud-icon-root {
    color: #651FFF
}

.color-icon-deeppurple-accent4.mud-icon-root, .color-icon-deeppurple-accent4 .mud-icon-root {
    color: #6200EA
}
/*Indigo*/
.color-icon-indigo.mud-icon-root, .color-icon-indigo .mud-icon-root {
    color: #3F51B5
}

.color-icon-indigo-light1.mud-icon-root, .color-icon-indigo-light1 .mud-icon-root {
    color: #5C6BC0
}

.color-icon-indigo-light2.mud-icon-root, .color-icon-indigo-light2 .mud-icon-root {
    color: #7986CB
}

.color-icon-indigo-light3.mud-icon-root, .color-icon-indigo-light3 .mud-icon-root {
    color: #9FA8DA
}

.color-icon-indigo-light4.mud-icon-root, .color-icon-indigo-light4 .mud-icon-root {
    color: #C5CAE9
}

.color-icon-indigo-light5.mud-icon-root, .color-icon-indigo-light5 .mud-icon-root {
    color: #E8EAF6
}

.color-icon-indigo-dark1.mud-icon-root, .color-icon-indigo-dark1 .mud-icon-root {
    color: #3949AB
}

.color-icon-indigo-dark2.mud-icon-root, .color-icon-indigo-dark2 .mud-icon-root {
    color: #303F9F
}

.color-icon-indigo-dark3.mud-icon-root, .color-icon-indigo-dark3 .mud-icon-root {
    color: #283593
}

.color-icon-indigo-dark4.mud-icon-root, .color-icon-indigo-dark4 .mud-icon-root {
    color: #1A237E
}

.color-icon-indigo-accent1.mud-icon-root, .color-icon-indigo-accent1 .mud-icon-root {
    color: #8C9EFF
}

.color-icon-indigo-accent2.mud-icon-root, .color-icon-indigo-accent2 .mud-icon-root {
    color: #536DFE
}

.color-icon-indigo-accent3.mud-icon-root, .color-icon-indigo-accent3 .mud-icon-root {
    color: #3D5AFE
}

.color-icon-indigo-accent4.mud-icon-root, .color-icon-indigo-accent4 .mud-icon-root {
    color: #304FFE
}
/*LightBlue*/
.color-icon-lightblue.mud-icon-root, .color-icon-lightblue .mud-icon-root {
    color: #03A9F4
}

.color-icon-lightblue-light1.mud-icon-root, .color-icon-lightblue-light1 .mud-icon-root {
    color: #29B6F6
}

.color-icon-lightblue-light2.mud-icon-root, .color-icon-lightblue-light2 .mud-icon-root {
    color: #4FC3F7
}

.color-icon-lightblue-light3.mud-icon-root, .color-icon-lightblue-light3 .mud-icon-root {
    color: #81D4FA
}

.color-icon-lightblue-light4.mud-icon-root, .color-icon-lightblue-light4 .mud-icon-root {
    color: #B3E5FC
}

.color-icon-lightblue-light5.mud-icon-root, .color-icon-lightblue-light5 .mud-icon-root {
    color: #E1F5FE
}

.color-icon-lightblue-dark1.mud-icon-root, .color-icon-lightblue-dark1 .mud-icon-root {
    color: #039BE5
}

.color-icon-lightblue-dark2.mud-icon-root, .color-icon-lightblue-dark2 .mud-icon-root {
    color: #0288D1
}

.color-icon-lightblue-dark3.mud-icon-root, .color-icon-lightblue-dark3 .mud-icon-root {
    color: #0277BD
}

.color-icon-lightblue-dark4.mud-icon-root, .color-icon-lightblue-dark4 .mud-icon-root {
    color: #01579B
}

.color-icon-lightblue-accent1.mud-icon-root, .color-icon-lightblue-accent1 .mud-icon-root {
    color: #80D8FF
}

.color-icon-lightblue-accent2.mud-icon-root, .color-icon-lightblue-accent2 .mud-icon-root {
    color: #40C4FF
}

.color-icon-lightblue-accent3.mud-icon-root, .color-icon-lightblue-accent3 .mud-icon-root {
    color: #00B0FF
}

.color-icon-lightblue-accent4.mud-icon-root, .color-icon-lightblue-accent4 .mud-icon-root {
    color: #0091EA
}
/*Cyan*/
.color-icon-cyan.mud-icon-root, .color-icon-cyan .mud-icon-root {
    color: #00BCD4
}

.color-icon-cyan-light1.mud-icon-root, .color-icon-cyan-light1 .mud-icon-root {
    color: #26C6DA
}

.color-icon-cyan-light2.mud-icon-root, .color-icon-cyan-light2 .mud-icon-root {
    color: #4DD0E1
}

.color-icon-cyan-light3.mud-icon-root, .color-icon-cyan-light3 .mud-icon-root {
    color: #80DEEA
}

.color-icon-cyan-light4.mud-icon-root, .color-icon-cyan-light4 .mud-icon-root {
    color: #B2EBF2
}

.color-icon-cyan-light5.mud-icon-root, .color-icon-cyan-light5 .mud-icon-root {
    color: #E0F7FA
}

.color-icon-cyan-dark1.mud-icon-root, .color-icon-cyan-dark1 .mud-icon-root {
    color: #00ACC1
}

.color-icon-cyan-dark2.mud-icon-root, .color-icon-cyan-dark2 .mud-icon-root {
    color: #0097A7
}

.color-icon-cyan-dark3.mud-icon-root, .color-icon-cyan-dark3 .mud-icon-root {
    color: #00838F
}

.color-icon-cyan-dark4.mud-icon-root, .color-icon-cyan-dark4 .mud-icon-root {
    color: #006064
}

.color-icon-cyan-accent1.mud-icon-root, .color-icon-cyan-accent1 .mud-icon-root {
    color: #84FFFF
}

.color-icon-cyan-accent2.mud-icon-root, .color-icon-cyan-accent2 .mud-icon-root {
    color: #18FFFF
}

.color-icon-cyan-accent3.mud-icon-root, .color-icon-cyan-accent3 .mud-icon-root {
    color: #00E5FF
}

.color-icon-cyan-accent4.mud-icon-root, .color-icon-cyan-accent4 .mud-icon-root {
    color: #00B8D4
}
/*Teal*/
.color-icon-teal.mud-icon-root, .color-icon-teal .mud-icon-root {
    color: #009688
}

.color-icon-teal-light1.mud-icon-root, .color-icon-teal-light1 .mud-icon-root {
    color: #26A69A
}

.color-icon-teal-light2.mud-icon-root, .color-icon-teal-light2 .mud-icon-root {
    color: #4DB6AC
}

.color-icon-teal-light3.mud-icon-root, .color-icon-teal-light3 .mud-icon-root {
    color: #80CBC4
}

.color-icon-teal-light4.mud-icon-root, .color-icon-teal-light4 .mud-icon-root {
    color: #B2DFDB
}

.color-icon-teal-light5.mud-icon-root, .color-icon-teal-light5 .mud-icon-root {
    color: #E0F2F1
}

.color-icon-teal-dark1.mud-icon-root, .color-icon-teal-dark1 .mud-icon-root {
    color: #00897B
}

.color-icon-teal-dark2.mud-icon-root, .color-icon-teal-dark2 .mud-icon-root {
    color: #00796B
}

.color-icon-teal-dark3.mud-icon-root, .color-icon-teal-dark3 .mud-icon-root {
    color: #00695C
}

.color-icon-teal-dark4.mud-icon-root, .color-icon-teal-dark4 .mud-icon-root {
    color: #004D40
}

.color-icon-teal-accent1.mud-icon-root, .color-icon-teal-accent1 .mud-icon-root {
    color: #A7FFEB
}

.color-icon-teal-accent2.mud-icon-root, .color-icon-teal-accent2 .mud-icon-root {
    color: #64FFDA
}

.color-icon-teal-accent3.mud-icon-root, .color-icon-teal-accent3 .mud-icon-root {
    color: #1DE9B6
}

.color-icon-teal-accent4.mud-icon-root, .color-icon-teal-accent4 .mud-icon-root {
    color: #00BFA5
}
/*Green*/
.color-icon-green.mud-icon-root, .color-icon-green .mud-icon-root {
    color: #4CAF50
}

.color-icon-green-light1.mud-icon-root, .color-icon-green-light1 .mud-icon-root {
    color: #66BB6A
}

.color-icon-green-light2.mud-icon-root, .color-icon-green-light2 .mud-icon-root {
    color: #81C784
}

.color-icon-green-light3.mud-icon-root, .color-icon-green-light3 .mud-icon-root {
    color: #A5D6A7
}

.color-icon-green-light4.mud-icon-root, .color-icon-green-light4 .mud-icon-root {
    color: #C8E6C9
}

.color-icon-green-light5.mud-icon-root, .color-icon-green-light5 .mud-icon-root {
    color: #E8F5E9
}

.color-icon-green-dark1.mud-icon-root, .color-icon-green-dark1 .mud-icon-root {
    color: #43A047
}

.color-icon-green-dark2.mud-icon-root, .color-icon-green-dark2 .mud-icon-root {
    color: #388E3C
}

.color-icon-green-dark3.mud-icon-root, .color-icon-green-dark3 .mud-icon-root {
    color: #2E7D32
}

.color-icon-green-dark4.mud-icon-root, .color-icon-green-dark4 .mud-icon-root {
    color: #1B5E20
}

.color-icon-green-accent1.mud-icon-root, .color-icon-green-accent1 .mud-icon-root {
    color: #B9F6CA
}

.color-icon-green-accent2.mud-icon-root, .color-icon-green-accent2 .mud-icon-root {
    color: #69F0AE
}

.color-icon-green-accent3.mud-icon-root, .color-icon-green-accent3 .mud-icon-root {
    color: #00E676
}

.color-icon-green-accent4.mud-icon-root, .color-icon-green-accent4 .mud-icon-root {
    color: #00C853
}
/*LightGreen*/
.color-icon-lightgreen.mud-icon-root, .color-icon-lightgreen .mud-icon-root {
    color: #8BC34A
}

.color-icon-lightgreen-light1.mud-icon-root, .color-icon-lightgreen-light1 .mud-icon-root {
    color: #9CCC65
}

.color-icon-lightgreen-light2.mud-icon-root, .color-icon-lightgreen-light2 .mud-icon-root {
    color: #AED581
}

.color-icon-lightgreen-light3.mud-icon-root, .color-icon-lightgreen-light3 .mud-icon-root {
    color: #C5E1A5
}

.color-icon-lightgreen-light4.mud-icon-root, .color-icon-lightgreen-light4 .mud-icon-root {
    color: #DCEDC8
}

.color-icon-lightgreen-light5.mud-icon-root, .color-icon-lightgreen-light5 .mud-icon-root {
    color: #F1F8E9
}

.color-icon-lightgreen-dark1.mud-icon-root, .color-icon-lightgreen-dark1 .mud-icon-root {
    color: #7CB342
}

.color-icon-lightgreen-dark2.mud-icon-root, .color-icon-lightgreen-dark2 .mud-icon-root {
    color: #689F38
}

.color-icon-lightgreen-dark3.mud-icon-root, .color-icon-lightgreen-dark3 .mud-icon-root {
    color: #558B2F
}

.color-icon-lightgreen-dark4.mud-icon-root, .color-icon-lightgreen-dark4 .mud-icon-root {
    color: #33691E
}

.color-icon-lightgreen-accent1.mud-icon-root, .color-icon-lightgreen-accent1 .mud-icon-root {
    color: #CCFF90
}

.color-icon-lightgreen-accent2.mud-icon-root, .color-icon-lightgreen-accent2 .mud-icon-root {
    color: #CCFF90
}

.color-icon-lightgreen-accent3.mud-icon-root, .color-icon-lightgreen-accent3 .mud-icon-root {
    color: #76FF03
}

.color-icon-lightgreen-accent4.mud-icon-root, .color-icon-lightgreen-accent4 .mud-icon-root {
    color: #64DD17
}
/*Lime*/
.color-icon-lime.mud-icon-root, .color-icon-lime .mud-icon-root {
    color: #CDDC39
}

.color-icon-lime-light1.mud-icon-root, .color-icon-lime-light1 .mud-icon-root {
    color: #D4E157
}

.color-icon-lime-light2.mud-icon-root, .color-icon-lime-light2 .mud-icon-root {
    color: #DCE775
}

.color-icon-lime-light3.mud-icon-root, .color-icon-lime-light3 .mud-icon-root {
    color: #E6EE9C
}

.color-icon-lime-light4.mud-icon-root, .color-icon-lime-light4 .mud-icon-root {
    color: #F0F4C3
}

.color-icon-lime-light5.mud-icon-root, .color-icon-lime-light5 .mud-icon-root {
    color: #F9FBE7
}

.color-icon-lime-dark1.mud-icon-root, .color-icon-lime-dark1 .mud-icon-root {
    color: #C0CA33
}

.color-icon-lime-dark2.mud-icon-root, .color-icon-lime-dark2 .mud-icon-root {
    color: #AFB42B
}

.color-icon-lime-dark3.mud-icon-root, .color-icon-lime-dark3 .mud-icon-root {
    color: #9E9D24
}

.color-icon-lime-dark4.mud-icon-root, .color-icon-lime-dark4 .mud-icon-root {
    color: #827717
}

.color-icon-lime-accent1.mud-icon-root, .color-icon-lime-accent1 .mud-icon-root {
    color: #F4FF81
}

.color-icon-lime-accent2.mud-icon-root, .color-icon-lime-accent2 .mud-icon-root {
    color: #EEFF41
}

.color-icon-lime-accent3.mud-icon-root, .color-icon-lime-accent3 .mud-icon-root {
    color: #C6FF00
}

.color-icon-lime-accent4.mud-icon-root, .color-icon-lime-accent4 .mud-icon-root {
    color: #AEEA00
}
/*Yellow*/
.color-icon-yellow.mud-icon-root, .color-icon-yellow .mud-icon-root {
    color: #FFEB3B
}

.color-icon-yellow-light1.mud-icon-root, .color-icon-yellow-light1 .mud-icon-root {
    color: #FFEE58
}

.color-icon-yellow-light2.mud-icon-root, .color-icon-yellow-light2 .mud-icon-root {
    color: #FFF176
}

.color-icon-yellow-light3.mud-icon-root, .color-icon-yellow-light3 .mud-icon-root {
    color: #FFF59D
}

.color-icon-yellow-light4.mud-icon-root, .color-icon-yellow-light4 .mud-icon-root {
    color: #FFF9C4
}

.color-icon-yellow-light5.mud-icon-root, .color-icon-yellow-light5 .mud-icon-root {
    color: #FFFDE7
}

.color-icon-yellow-dark1.mud-icon-root, .color-icon-yellow-dark1 .mud-icon-root {
    color: #FDD835
}

.color-icon-yellow-dark2.mud-icon-root, .color-icon-yellow-dark2 .mud-icon-root {
    color: #FBC02D
}

.color-icon-yellow-dark3.mud-icon-root, .color-icon-yellow-dark3 .mud-icon-root {
    color: #F9A825
}

.color-icon-yellow-dark4.mud-icon-root, .color-icon-yellow-dark4 .mud-icon-root {
    color: #F57F17
}

.color-icon-yellow-accent1.mud-icon-root, .color-icon-yellow-accent1 .mud-icon-root {
    color: #FFFF8D
}

.color-icon-yellow-accent2.mud-icon-root, .color-icon-yellow-accent2 .mud-icon-root {
    color: #FFFF00
}

.color-icon-yellow-accent3.mud-icon-root, .color-icon-yellow-accent3 .mud-icon-root {
    color: #FFEA00
}

.color-icon-yellow-accent4.mud-icon-root, .color-icon-yellow-accent4 .mud-icon-root {
    color: #FFD600
}
/*Amber*/
.color-icon-amber.mud-icon-root, .color-icon-amber .mud-icon-root {
    color: #FFC107
}

.color-icon-amber-light1.mud-icon-root, .color-icon-amber-light1 .mud-icon-root {
    color: #FFCA28
}

.color-icon-amber-light2.mud-icon-root, .color-icon-amber-light2 .mud-icon-root {
    color: #FFD54F
}

.color-icon-amber-light3.mud-icon-root, .color-icon-amber-light3 .mud-icon-root {
    color: #FFE082
}

.color-icon-amber-light4.mud-icon-root, .color-icon-amber-light4 .mud-icon-root {
    color: #FFECB3
}

.color-icon-amber-light5.mud-icon-root, .color-icon-amber-light5 .mud-icon-root {
    color: #FFF8E1
}

.color-icon-amber-dark1.mud-icon-root, .color-icon-amber-dark1 .mud-icon-root {
    color: #FFB300
}

.color-icon-amber-dark2.mud-icon-root, .color-icon-amber-dark2 .mud-icon-root {
    color: #FFA000
}

.color-icon-amber-dark3.mud-icon-root, .color-icon-amber-dark3 .mud-icon-root {
    color: #FF8F00
}

.color-icon-amber-dark4.mud-icon-root, .color-icon-amber-dark4 .mud-icon-root {
    color: #FF6F00
}

.color-icon-amber-accent1.mud-icon-root, .color-icon-amber-accent1 .mud-icon-root {
    color: #FFE57F
}

.color-icon-amber-accent2.mud-icon-root, .color-icon-amber-accent2 .mud-icon-root {
    color: #FFD740
}

.color-icon-amber-accent3.mud-icon-root, .color-icon-amber-accent3 .mud-icon-root {
    color: #FFC400
}

.color-icon-amber-accent4.mud-icon-root, .color-icon-amber-accent4 .mud-icon-root {
    color: #FFAB00
}
/*Orange*/
.color-icon-orange.mud-icon-root, .color-icon-orange .mud-icon-root {
    color: #FF9800
}

.color-icon-orange-light1.mud-icon-root, .color-icon-orange-light1 .mud-icon-root {
    color: #FFA726
}

.color-icon-orange-light2.mud-icon-root, .color-icon-orange-light2 .mud-icon-root {
    color: #FFB74D
}

.color-icon-orange-light3.mud-icon-root, .color-icon-orange-light3 .mud-icon-root {
    color: #FFCC80
}

.color-icon-orange-light4.mud-icon-root, .color-icon-orange-light4 .mud-icon-root {
    color: #FFE0B2
}

.color-icon-orange-light5.mud-icon-root, .color-icon-orange-light5 .mud-icon-root {
    color: #FFF3E0
}

.color-icon-orange-dark1.mud-icon-root, .color-icon-orange-dark1 .mud-icon-root {
    color: #FB8C00
}

.color-icon-orange-dark2.mud-icon-root, .color-icon-orange-dark2 .mud-icon-root {
    color: #F57C00
}

.color-icon-orange-dark3.mud-icon-root, .color-icon-orange-dark3 .mud-icon-root {
    color: #EF6C00
}

.color-icon-orange-dark4.mud-icon-root, .color-icon-orange-dark4 .mud-icon-root {
    color: #E65100
}

.color-icon-orange-accent1.mud-icon-root, .color-icon-orange-accent1 .mud-icon-root {
    color: #FFD180
}

.color-icon-orange-accent2.mud-icon-root, .color-icon-orange-accent2 .mud-icon-root {
    color: #FFAB40
}

.color-icon-orange-accent3.mud-icon-root, .color-icon-orange-accent3 .mud-icon-root {
    color: #FF9100
}

.color-icon-orange-accent4.mud-icon-root, .color-icon-orange-accent4 .mud-icon-root {
    color: #FF6D00
}
/*DeepOrange*/
.color-icon-deeorange.mud-icon-root, .color-icon-deeorange .mud-icon-root {
    color: #FF5722
}

.color-icon-deeorange-light1.mud-icon-root, .color-icon-deeorange-light1 .mud-icon-root {
    color: #FF7043
}

.color-icon-deeorange-light2.mud-icon-root, .color-icon-deeorange-light2 .mud-icon-root {
    color: #FF8A65
}

.color-icon-deeorange-light3.mud-icon-root, .color-icon-deeorange-light3 .mud-icon-root {
    color: #FFAB91
}

.color-icon-deeorange-light4.mud-icon-root, .color-icon-deeorange-light4 .mud-icon-root {
    color: #FFCCBC
}

.color-icon-deeorange-light5.mud-icon-root, .color-icon-deeorange-light5 .mud-icon-root {
    color: #FBE9E7
}

.color-icon-deeorange-dark1.mud-icon-root, .color-icon-deeorange-dark1 .mud-icon-root {
    color: #F4511E
}

.color-icon-deeorange-dark2.mud-icon-root, .color-icon-deeorange-dark2 .mud-icon-root {
    color: #E64A19
}

.color-icon-deeorange-dark3.mud-icon-root, .color-icon-deeorange-dark3 .mud-icon-root {
    color: #D84315
}

.color-icon-deeorange-dark4.mud-icon-root, .color-icon-deeorange-dark4 .mud-icon-root {
    color: #BF360C
}

.color-icon-deeorange-accent1.mud-icon-root, .color-icon-deeorange-accent1 .mud-icon-root {
    color: #FF9E80
}

.color-icon-deeorange-accent2.mud-icon-root, .color-icon-deeorange-accent2 .mud-icon-root {
    color: #FF6E40
}

.color-icon-deeorange-accent3.mud-icon-root, .color-icon-deeorange-accent3 .mud-icon-root {
    color: #FF3D00
}

.color-icon-deeorange-accent4.mud-icon-root, .color-icon-deeorange-accent4 .mud-icon-root {
    color: #DD2C00
}
/*endColor icon*/

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
/*

    --mud-palette-black: #272c34ff;
    --mud-palette-white: #ffffffff;
    --mud-palette-primary: #594ae2ff;
    --mud-palette-primary-rgb: 89,74,226;
    --mud-palette-primary-text: #ffffffff;
    --mud-palette-primary-darken: rgb(62,44,221);
    --mud-palette-primary-lighten: rgb(118,106,231);
    --mud-palette-primary-hover: rgba(89,74,226,0.058823529411764705);
    --mud-palette-secondary: #ff4081ff;
    --mud-palette-secondary-rgb: 255,64,129;
    --mud-palette-secondary-text: #ffffffff;
    --mud-palette-secondary-darken: rgb(255,31,105);
    --mud-palette-secondary-lighten: rgb(255,102,153);
    --mud-palette-secondary-hover: rgba(255,64,129,0.058823529411764705);
    --mud-palette-tertiary: #1ec8a5ff;
    --mud-palette-tertiary-rgb: 30,200,165;
    --mud-palette-tertiary-text: #ffffffff;
    --mud-palette-tertiary-darken: rgb(25,169,140);
    --mud-palette-tertiary-lighten: rgb(42,223,187);
    --mud-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
    --mud-palette-info: #2196f3ff;
    --mud-palette-info-rgb: 33,150,243;
    --mud-palette-info-text: #ffffffff;
    --mud-palette-info-darken: rgb(12,128,223);
    --mud-palette-info-lighten: rgb(71,167,245);
    --mud-palette-info-hover: rgba(33,150,243,0.058823529411764705);
    --mud-palette-success: #00c853ff;
    --mud-palette-success-rgb: 0,200,83;
    --mud-palette-success-text: #ffffffff;
    --mud-palette-success-darken: rgb(0,163,68);
    --mud-palette-success-lighten: rgb(0,235,98);
    --mud-palette-success-hover: rgba(0,200,83,0.058823529411764705);
    --mud-palette-warning: #ff9800ff;
    --mud-palette-warning-rgb: 255,152,0;
    --mud-palette-warning-text: #ffffffff;
    --mud-palette-warning-darken: rgb(214,129,0);
    --mud-palette-warning-lighten: rgb(255,167,36);
    --mud-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
    --mud-palette-error: #f44336ff;
    --mud-palette-error-rgb: 244,67,54;
    --mud-palette-error-text: #ffffffff;
    --mud-palette-error-darken: rgb(242,28,13);
    --mud-palette-error-lighten: rgb(246,96,85);
    --mud-palette-error-hover: rgba(244,67,54,0.058823529411764705);
    --mud-palette-dark: #424242ff;
    --mud-palette-dark-rgb: 66,66,66;
    --mud-palette-dark-text: #ffffffff;
    --mud-palette-dark-darken: rgb(46,46,46);
    --mud-palette-dark-lighten: rgb(87,87,87);
    --mud-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
    --mud-palette-text-primary: #424242ff;
    --mud-palette-text-secondary: #00000089;
    --mud-palette-text-disabled: #00000060;
    --mud-palette-action-default: #00000089;
    --mud-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
    --mud-palette-action-disabled: #00000042;
    --mud-palette-action-disabled-background: #0000001e;
    --mud-palette-surface: #ffffffff;
    --mud-palette-background: #ffffffff;
    --mud-palette-background-grey: #f5f5f5ff;
    --mud-palette-drawer-background: #ffffffff;
    --mud-palette-drawer-text: #424242ff;
    --mud-palette-drawer-icon: #616161ff;
    --mud-palette-appbar-background: #594ae2ff;
    --mud-palette-appbar-text: #ffffffff;
    --mud-palette-lines-default: #0000001e;
    --mud-palette-lines-inputs: #bdbdbdff;
    --mud-palette-table-lines: #e0e0e0ff;
    --mud-palette-table-striped: #00000005;
    --mud-palette-table-hover: #0000000a;
    --mud-palette-divider: #e0e0e0ff;
    --mud-palette-divider-light: #000000cc;
    --mud-palette-grey-default: #9E9E9E;
    --mud-palette-grey-light: #BDBDBD;
    --mud-palette-grey-lighter: #E0E0E0;
    --mud-palette-grey-dark: #757575;
    --mud-palette-grey-darker: #616161;


*/