a0"; position: absolute; transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-bottom: 1px solid rgba(0, 0, 0, 0.42); pointer-events: none; } .MuiInput-underline:hover:not(.Mui-disabled):before { border-bottom: 2px solid rgba(0, 0, 0, 0.87); } .MuiInput-underline.Mui-disabled:before { border-bottom-style: dotted; } @media (hover: none) { .MuiInput-underline:hover:not(.Mui-disabled):before { border-bottom: 1px solid rgba(0, 0, 0, 0.42); } } .jss98 { top: -5px; left: 0; right: 0; bottom: 0; margin: 0; padding: 0 8px; overflow: hidden; position: absolute; border-style: solid; border-width: 1px; border-radius: inherit; pointer-events: none; } .jss99 { padding: 0; text-align: left; transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; line-height: 11px; } .jss100 { width: auto; height: 11px; display: block; padding: 0; font-size: 0.75em; max-width: 0.01px; text-align: left; transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; visibility: hidden; } .jss100 > span { display: inline-block; padding-left: 5px; padding-right: 5px; } .jss101 { max-width: 1000px; transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; } .MuiOutlinedInput-root { position: relative; border-radius: 4px; } .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); } @media (hover: none) { .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } } .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #00B6F0; border-width: 2px; } .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline { border-color: #f44336; } .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); } .MuiOutlinedInput-colorSecondary.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #8AC65A; } .MuiOutlinedInput-adornedStart { padding-left: 14px; } .MuiOutlinedInput-adornedEnd { padding-right: 14px; } .MuiOutlinedInput-multiline { padding: 18.5px 14px; } .MuiOutlinedInput-multiline.MuiOutlinedInput-marginDense { padding-top: 10.5px; padding-bottom: 10.5px; } .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } .MuiOutlinedInput-input { padding: 18.5px 14px; } .MuiOutlinedInput-input:-webkit-autofill { border-radius: inherit; } .MuiOutlinedInput-inputMarginDense { padding-top: 10.5px; padding-bottom: 10.5px; } .MuiOutlinedInput-inputMultiline { padding: 0; } .MuiOutlinedInput-inputAdornedStart { padding-left: 0; } .MuiOutlinedInput-inputAdornedEnd { padding-right: 0; } .MuiFormControl-root { border: 0; margin: 0; display: inline-flex; padding: 0; position: relative; min-width: 0; flex-direction: column; vertical-align: top; } .MuiFormControl-marginNormal { margin-top: 16px; margin-bottom: 8px; } .MuiFormControl-marginDense { margin-top: 8px; margin-bottom: 4px; } .MuiFormControl-fullWidth { width: 100%; } .MuiPopover-paper { outline: 0; position: absolute; max-width: calc(100% - 32px); min-width: 16px; max-height: calc(100% - 32px); min-height: 16px; overflow-x: hidden; overflow-y: auto; } .MuiMenu-paper { max-height: calc(100% - 96px); -webkit-overflow-scrolling: touch; } .MuiMenu-list { outline: 0; } .MuiIconButton-root { flex: 0 0 auto; color: rgba(0, 0, 0, 0.54); padding: 12px; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-radius: 50%; } .MuiIconButton-root:hover { background-color: rgba(0, 0, 0, 0.04); } .MuiIconButton-root.Mui-disabled { color: rgba(0, 0, 0, 0.26); background-color: transparent; } @media (hover: none) { .MuiIconButton-root:hover { background-color: transparent; } } .MuiIconButton-edgeStart { margin-left: -12px; } .MuiIconButton-sizeSmall.MuiIconButton-edgeStart { margin-left: -3px; } .MuiIconButton-edgeEnd { margin-right: -12px; } .MuiIconButton-sizeSmall.MuiIconButton-edgeEnd { margin-right: -3px; } .MuiIconButton-colorInherit { color: inherit; } .MuiIconButton-colorPrimary { color: #00B6F0; } .MuiIconButton-colorPrimary:hover { background-color: rgba(0, 182, 240, 0.04); } @media (hover: none) { .MuiIconButton-colorPrimary:hover { background-color: transparent; } } .MuiIconButton-colorSecondary { color: #8AC65A; } .MuiIconButton-colorSecondary:hover { background-color: rgba(138, 198, 90, 0.04); } @media (hover: none) { .MuiIconButton-colorSecondary:hover { background-color: transparent; } } .MuiIconButton-sizeSmall { padding: 3px; font-size: 1.125rem; } .MuiIconButton-label { width: 100%; display: flex; align-items: inherit; justify-content: inherit; } .MuiInputAdornment-root { height: 0.01em; display: flex; max-height: 2em; align-items: center; white-space: nowrap; } .MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel) { margin-top: 16px; } .MuiInputAdornment-positionStart { margin-right: 8px; } .MuiInputAdornment-positionEnd { margin-left: 8px; } .MuiInputAdornment-disablePointerEvents { pointer-events: none; } @media print { .MuiDialog-root { position: absolute !important; } } .MuiDialog-scrollPaper { display: flex; align-items: center; justify-content: center; } .MuiDialog-scrollBody { overflow-x: hidden; overflow-y: auto; text-align: center; } .MuiDialog-scrollBody:after { width: 0; height: 100%; content: ""; display: inline-block; vertical-align: middle; } .MuiDialog-container { height: 100%; outline: 0; } @media print { .MuiDialog-container { height: auto; } } .MuiDialog-paper { margin: 32px; position: relative; overflow-y: auto; } @media print { .MuiDialog-paper { box-shadow: none; overflow-y: visible; } } .MuiDialog-paperScrollPaper { display: flex; max-height: calc(100% - 64px); flex-direction: column; } .MuiDialog-paperScrollBody { display: inline-block; text-align: left; vertical-align: middle; } .MuiDialog-paperWidthFalse { max-width: calc(100% - 64px); } .MuiDialog-paperWidthXs { max-width: 444px; } @media (max-width:507.95px) { .MuiDialog-paperWidthXs.MuiDialog-paperScrollBody { max-width: calc(100% - 64px); } } .MuiDialog-paperWidthSm { max-width: 600px; } @media (max-width:663.95px) { .MuiDialog-paperWidthSm.MuiDialog-paperScrollBody { max-width: calc(100% - 64px); } } .MuiDialog-paperWidthMd { max-width: 960px; } @media (max-width:1023.95px) { .MuiDialog-paperWidthMd.MuiDialog-paperScrollBody { max-width: calc(100% - 64px); } } .MuiDialog-paperWidthLg { max-width: 1280px; } @media (max-width:1343.95px) { .MuiDialog-paperWidthLg.MuiDialog-paperScrollBody { max-width: calc(100% - 64px); } } .MuiDialog-paperWidthXl { max-width: 1920px; } @media (max-width:1983.95px) { .MuiDialog-paperWidthXl.MuiDialog-paperScrollBody { max-width: calc(100% - 64px); } } .MuiDialog-paperFullWidth { width: calc(100% - 64px); } .MuiDialog-paperFullScreen { width: 100%; height: 100%; margin: 0; max-width: 100%; max-height: none; border-radius: 0; } .MuiDialog-paperFullScreen.MuiDialog-paperScrollBody { margin: 0; max-width: 100%; } .MuiGrid-container { width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; } .MuiGrid-item { margin: 0; box-sizing: border-box; } .MuiGrid-zeroMinWidth { min-width: 0; } .MuiGrid-direction-xs-column { flex-direction: column; } .MuiGrid-direction-xs-column-reverse { flex-direction: column-reverse; } .MuiGrid-direction-xs-row-reverse { flex-direction: row-reverse; } .MuiGrid-wrap-xs-nowrap { flex-wrap: nowrap; } .MuiGrid-wrap-xs-wrap-reverse { flex-wrap: wrap-reverse; } .MuiGrid-align-items-xs-center { align-items: center; } .MuiGrid-align-items-xs-flex-start { align-items: flex-start; } .MuiGrid-align-items-xs-flex-end { align-items: flex-end; } .MuiGrid-align-items-xs-baseline { align-items: baseline; } .MuiGrid-align-content-xs-center { align-content: center; } .MuiGrid-align-content-xs-flex-start { align-content: flex-start; } .MuiGrid-align-content-xs-flex-end { align-content: flex-end; } .MuiGrid-align-content-xs-space-between { align-content: space-between; } .MuiGrid-align-content-xs-space-around { align-content: space-around; } .MuiGrid-justify-content-xs-center { justify-content: center; } .MuiGrid-justify-content-xs-flex-end { justify-content: flex-end; } .MuiGrid-justify-content-xs-space-between { justify-content: space-between; } .MuiGrid-justify-content-xs-space-around { justify-content: space-around; } .MuiGrid-justify-content-xs-space-evenly { justify-content: space-evenly; } .MuiGrid-spacing-xs-1 { width: calc(100% + 8px); margin: -4px; } .MuiGrid-spacing-xs-1 > .MuiGrid-item { padding: 4px; } .MuiGrid-spacing-xs-2 { width: calc(100% + 16px); margin: -8px; } .MuiGrid-spacing-xs-2 > .MuiGrid-item { padding: 8px; } .MuiGrid-spacing-xs-3 { width: calc(100% + 24px); margin: -12px; } .MuiGrid-spacing-xs-3 > .MuiGrid-item { padding: 12px; } .MuiGrid-spacing-xs-4 { width: calc(100% + 32px); margin: -16px; } .MuiGrid-spacing-xs-4 > .MuiGrid-item { padding: 16px; } .MuiGrid-spacing-xs-5 { width: calc(100% + 40px); margin: -20px; } .MuiGrid-spacing-xs-5 > .MuiGrid-item { padding: 20px; } .MuiGrid-spacing-xs-6 { width: calc(100% + 48px); margin: -24px; } .MuiGrid-spacing-xs-6 > .MuiGrid-item { padding: 24px; } .MuiGrid-spacing-xs-7 { width: calc(100% + 56px); margin: -28px; } .MuiGrid-spacing-xs-7 > .MuiGrid-item { padding: 28px; } .MuiGrid-spacing-xs-8 { width: calc(100% + 64px); margin: -32px; } .MuiGrid-spacing-xs-8 > .MuiGrid-item { padding: 32px; } .MuiGrid-spacing-xs-9 { width: calc(100% + 72px); margin: -36px; } .MuiGrid-spacing-xs-9 > .MuiGrid-item { padding: 36px; } .MuiGrid-spacing-xs-10 { width: calc(100% + 80px); margin: -40px; } .MuiGrid-spacing-xs-10 > .MuiGrid-item { padding: 40px; } .MuiGrid-grid-xs-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-xs-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-xs-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-xs-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-xs-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-xs-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-xs-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-xs-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-xs-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-xs-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-xs-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-xs-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-xs-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-xs-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } @media (min-width:600px) { .MuiGrid-grid-sm-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-sm-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-sm-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-sm-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-sm-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-sm-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-sm-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-sm-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-sm-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-sm-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-sm-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-sm-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-sm-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-sm-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:960px) { .MuiGrid-grid-md-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-md-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-md-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-md-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-md-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-md-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-md-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-md-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-md-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-md-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-md-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-md-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-md-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-md-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:1280px) { .MuiGrid-grid-lg-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-lg-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-lg-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-lg-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-lg-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-lg-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-lg-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-lg-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-lg-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-lg-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-lg-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-lg-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-lg-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-lg-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:1920px) { .MuiGrid-grid-xl-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-xl-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-xl-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-xl-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-xl-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-xl-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-xl-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-xl-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-xl-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-xl-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-xl-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-xl-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-xl-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-xl-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } .MuiChip-root { color: rgba(0, 0, 0, 0.87); border: none; cursor: default; height: 32px; display: inline-flex; outline: 0; padding: 0; font-size: 0.8125rem; box-sizing: border-box; transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; align-items: center; font-family: Montserrat,"Open Sans",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; white-space: nowrap; border-radius: 16px; vertical-align: middle; justify-content: center; text-decoration: none; background-color: #e0e0e0; } .MuiChip-root.Mui-disabled { opacity: 0.5; pointer-events: none; } .MuiChip-root .MuiChip-avatar { color: #616161; width: 24px; height: 24px; font-size: 0.75rem; margin-left: 5px; margin-right: -6px; } .MuiChip-root .MuiChip-avatarColorPrimary { color: #fff; background-color: rgb(0, 127, 168); } .MuiChip-root .MuiChip-avatarColorSecondary { color: #fff; background-color: rgb(96, 138, 62); } .MuiChip-root .MuiChip-avatarSmall { width: 18px; height: 18px; font-size: 0.625rem; margin-left: 4px; margin-right: -4px; } .MuiChip-sizeSmall { height: 24px; } .MuiChip-colorPrimary { color: #fff; background-color: #00B6F0; } .MuiChip-colorSecondary { color: #fff; background-color: #8AC65A; } .MuiChip-clickable { cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; } .MuiChip-clickable:hover, .MuiChip-clickable:focus { background-color: rgb(206, 206, 206); } .MuiChip-clickable:active { box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12); } .MuiChip-clickableColorPrimary:hover, .MuiChip-clickableColorPrimary:focus { background-color: rgb(20, 187, 241); } .MuiChip-clickableColorSecondary:hover, .MuiChip-clickableColorSecondary:focus { background-color: rgb(147, 202, 103); } .MuiChip-deletable:focus { background-color: rgb(206, 206, 206); } .MuiChip-deletableColorPrimary:focus { background-color: rgb(51, 196, 243); } .MuiChip-deletableColorSecondary:focus { background-color: rgb(161, 209, 123); } .MuiChip-outlined { border: 1px solid rgba(0, 0, 0, 0.23); background-color: transparent; } .MuiChip-clickable.MuiChip-outlined:hover, .MuiChip-clickable.MuiChip-outlined:focus, .MuiChip-deletable.MuiChip-outlined:focus { background-color: rgba(0, 0, 0, 0.04); } .MuiChip-outlined .MuiChip-avatar { margin-left: 4px; } .MuiChip-outlined .MuiChip-avatarSmall { margin-left: 2px; } .MuiChip-outlined .MuiChip-icon { margin-left: 4px; } .MuiChip-outlined .MuiChip-iconSmall { margin-left: 2px; } .MuiChip-outlined .MuiChip-deleteIcon { margin-right: 5px; } .MuiChip-outlined .MuiChip-deleteIconSmall { margin-right: 3px; } .MuiChip-outlinedPrimary { color: #00B6F0; border: 1px solid #00B6F0; } .MuiChip-clickable.MuiChip-outlinedPrimary:hover, .MuiChip-clickable.MuiChip-outlinedPrimary:focus, .MuiChip-deletable.MuiChip-outlinedPrimary:focus { background-color: rgba(0, 182, 240, 0.04); } .MuiChip-outlinedSecondary { color: #8AC65A; border: 1px solid #8AC65A; } .MuiChip-clickable.MuiChip-outlinedSecondary:hover, .MuiChip-clickable.MuiChip-outlinedSecondary:focus, .MuiChip-deletable.MuiChip-outlinedSecondary:focus { background-color: rgba(138, 198, 90, 0.04); } .MuiChip-icon { color: #616161; margin-left: 5px; margin-right: -6px; } .MuiChip-iconSmall { width: 18px; height: 18px; margin-left: 4px; margin-right: -4px; } .MuiChip-iconColorPrimary { color: inherit; } .MuiChip-iconColorSecondary { color: inherit; } .MuiChip-label { overflow: hidden; white-space: nowrap; padding-left: 12px; padding-right: 12px; text-overflow: ellipsis; } .MuiChip-labelSmall { padding-left: 8px; padding-right: 8px; } .MuiChip-deleteIcon { color: rgba(0, 0, 0, 0.26); width: 22px; cursor: pointer; height: 22px; margin: 0 5px 0 -6px; -webkit-tap-highlight-color: transparent; } .MuiChip-deleteIcon:hover { color: rgba(0, 0, 0, 0.4); } .MuiChip-deleteIconSmall { width: 16px; height: 16px; margin-left: -4px; margin-right: 4px; } .MuiChip-deleteIconColorPrimary { color: rgba(255, 255, 255, 0.7); } .MuiChip-deleteIconColorPrimary:hover, .MuiChip-deleteIconColorPrimary:active { color: #fff; } .MuiChip-deleteIconColorSecondary { color: rgba(255, 255, 255, 0.7); } .MuiChip-deleteIconColorSecondary:hover, .MuiChip-deleteIconColorSecondary:active { color: #fff; } .MuiChip-deleteIconOutlinedColorPrimary { color: rgba(0, 182, 240, 0.7); } .MuiChip-deleteIconOutlinedColorPrimary:hover, .MuiChip-deleteIconOutlinedColorPrimary:active { color: #00B6F0; } .MuiChip-deleteIconOutlinedColorSecondary { color: rgba(138, 198, 90, 0.7); } .MuiChip-deleteIconOutlinedColorSecondary:hover, .MuiChip-deleteIconOutlinedColorSecondary:active { color: #8AC65A; } .MuiTooltip-popper { z-index: 1500; pointer-events: none; } .MuiTooltip-popperInteractive { pointer-events: auto; } .MuiTooltip-popperArrow[x-placement*="bottom"] .MuiTooltip-arrow { top: 0; left: 0; margin-top: -0.71em; margin-left: 4px; margin-right: 4px; } .MuiTooltip-popperArrow[x-placement*="top"] .MuiTooltip-arrow { left: 0; bottom: 0; margin-left: 4px; margin-right: 4px; margin-bottom: -0.71em; } .MuiTooltip-popperArrow[x-placement*="right"] .MuiTooltip-arrow { left: 0; width: 0.71em; height: 1em; margin-top: 4px; margin-left: -0.71em; margin-bottom: 4px; } .MuiTooltip-popperArrow[x-placement*="left"] .MuiTooltip-arrow { right: 0; width: 0.71em; height: 1em; margin-top: 4px; margin-right: -0.71em; margin-bottom: 4px; } .MuiTooltip-popperArrow[x-placement*="left"] .MuiTooltip-arrow::before { transform-origin: 0 0; } .MuiTooltip-popperArrow[x-placement*="right"] .MuiTooltip-arrow::before { transform-origin: 100% 100%; } .MuiTooltip-popperArrow[x-placement*="top"] .MuiTooltip-arrow::before { transform-origin: 100% 0; } .MuiTooltip-popperArrow[x-placement*="bottom"] .MuiTooltip-arrow::before { transform-origin: 0 100%; } .MuiTooltip-tooltip { color: #fff; padding: 4px 8px; font-size: 0.625rem; max-width: 300px; word-wrap: break-word; font-family: Montserrat,"Open Sans",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 500; line-height: 1.4em; border-radius: 4px; background-color: rgba(97, 97, 97, 0.9); } .MuiTooltip-tooltipArrow { margin: 0; position: relative; } .MuiTooltip-arrow { color: rgba(97, 97, 97, 0.9); width: 1em; height: 0.71em; overflow: hidden; position: absolute; box-sizing: border-box; } .MuiTooltip-arrow::before { width: 100%; height: 100%; margin: auto; content: ""; display: block; transform: rotate(45deg); background-color: currentColor; } .MuiTooltip-touch { padding: 8px 16px; font-size: 0.875rem; font-weight: 400; line-height: 1.14286em; } .MuiTooltip-tooltipPlacementLeft { margin: 0 24px ; transform-origin: right center; } @media (min-width:600px) { .MuiTooltip-tooltipPlacementLeft { margin: 0 14px; } } .MuiTooltip-tooltipPlacementRight { margin: 0 24px; transform-origin: left center; } @media (min-width:600px) { .MuiTooltip-tooltipPlacementRight { margin: 0 14px; } } .MuiTooltip-tooltipPlacementTop { margin: 24px 0; transform-origin: center bottom; } @media (min-width:600px) { .MuiTooltip-tooltipPlacementTop { margin: 14px 0; } } .MuiTooltip-tooltipPlacementBottom { margin: 24px 0; transform-origin: center top; } @media (min-width:600px) { .MuiTooltip-tooltipPlacementBottom { margin: 14px 0; } } .jss21 { top: 0; right: 0; padding: initial; z-index: 4; position: absolute; } .MuiAppBar-root { width: 100%; display: flex; z-index: 1100; box-sizing: border-box; flex-shrink: 0; flex-direction: column; } .MuiAppBar-positionFixed { top: 0; left: auto; right: 0; position: fixed; } @media print { .MuiAppBar-positionFixed { position: absolute; } } .MuiAppBar-positionAbsolute { top: 0; left: auto; right: 0; position: absolute; } .MuiAppBar-positionSticky { top: 0; left: auto; right: 0; position: sticky; } .MuiAppBar-positionStatic { position: static; } .MuiAppBar-positionRelative { position: relative; } .MuiAppBar-colorDefault { color: rgba(0, 0, 0, 0.87); background-color: #f5f5f5; } .MuiAppBar-colorPrimary { color: #fff; background-color: #00B6F0; } .MuiAppBar-colorSecondary { color: #fff; background-color: #8AC65A; } .MuiAppBar-colorInherit { color: inherit; } .MuiAppBar-colorTransparent { color: inherit; background-color: transparent; } .MuiBottomNavigation-root { height: 56px; display: flex; justify-content: center; background-color: #fff; } .MuiBreadcrumbs-ol { margin: 0; display: flex; padding: 0; flex-wrap: wrap; list-style: none; align-items: center; } .MuiBreadcrumbs-separator { display: flex; margin-left: 8px; user-select: none; margin-right: 8px; } .MuiDivider-root { border: none; height: 1px; margin: 0; flex-shrink: 0; background-color: rgba(0, 0, 0, 0.12); } .MuiDivider-absolute { left: 0; width: 100%; bottom: 0; position: absolute; } .MuiDivider-inset { margin-left: 72px; } .MuiDivider-light { background-color: rgba(0, 0, 0, 0.08); } .MuiDivider-middle { margin-left: 16px; margin-right: 16px; } .MuiDivider-vertical { width: 1px; height: 100%; } .MuiDivider-flexItem { height: auto; align-self: stretch; } .MuiDrawer-docked { flex: 0 0 auto; } .MuiDrawer-paper { top: 0; flex: 1 0 auto; height: 100%; display: flex; outline: 0; z-index: 1200; position: fixed; overflow-y: auto; flex-direction: column; -webkit-overflow-scrolling: touch; } .MuiDrawer-paperAnchorLeft { left: 0; right: auto; } .MuiDrawer-paperAnchorRight { left: auto; right: 0; } .MuiDrawer-paperAnchorTop { top: 0; left: 0; right: 0; bottom: auto; height: auto; max-height: 100%; } .MuiDrawer-paperAnchorBottom { top: auto; left: 0; right: 0; bottom: 0; height: auto; max-height: 100%; } .MuiDrawer-paperAnchorDockedLeft { border-right: 1px solid rgba(0, 0, 0, 0.12); } .MuiDrawer-paperAnchorDockedTop { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .MuiDrawer-paperAnchorDockedRight { border-left: 1px solid rgba(0, 0, 0, 0.12); } .MuiDrawer-paperAnchorDockedBottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .MuiFab-root { color: rgba(0, 0, 0, 0.87); width: 56px; height: 56px; padding: 0; font-size: 0.875rem; min-width: 0; box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); box-sizing: border-box; min-height: 36px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-family: Montserrat,"Open Sans",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 500; line-height: 1.75; border-radius: 50%; text-transform: none; background-color: #e0e0e0; } .MuiFab-root:active { box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12); } .MuiFab-root:hover { text-decoration: none; background-color: #d5d5d5; } .MuiFab-root.Mui-focusVisible { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } .MuiFab-root.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); } @media (hover: none) { .MuiFab-root:hover { background-color: #e0e0e0; } } .MuiFab-root:hover.Mui-disabled { background-color: rgba(0, 0, 0, 0.12); } .MuiFab-label { width: 100%; display: inherit; align-items: inherit; justify-content: inherit; } .MuiFab-primary { color: #fff; background-color: #00B6F0; } .MuiFab-primary:hover { background-color: rgb(0, 127, 168); } @media (hover: none) { .MuiFab-primary:hover { background-color: #00B6F0; } } .MuiFab-secondary { color: #fff; background-color: #8AC65A; } .MuiFab-secondary:hover { background-color: rgb(96, 138, 62); } @media (hover: none) { .MuiFab-secondary:hover { background-color: #8AC65A; } } .MuiFab-extended { width: auto; height: 48px; padding: 0 16px; min-width: 48px; min-height: auto; border-radius: 24px; } .MuiFab-extended.MuiFab-sizeSmall { width: auto; height: 34px; padding: 0 8px; min-width: 34px; border-radius: 17px; } .MuiFab-extended.MuiFab-sizeMedium { width: auto; height: 40px; padding: 0 16px; min-width: 40px; border-radius: 20px; } .MuiFab-colorInherit { color: inherit; } .MuiFab-sizeSmall { width: 40px; height: 40px; } .MuiFab-sizeMedium { width: 48px; height: 48px; } .jss46 { max-width: 280px; min-width: 112px; } .jss47 { color: #00B6F0; font-size: 12px; } .jss48 { font-size: 24px !important; } .jss49 { font-size: 24px !important; } .jss50 { padding: 0; min-width: 0; text-transform: uppercase; } .jss51 { height: 48px; } .jss52 { padding-left: 72px; } .jss53 { color: #1D7EA1; } .jss54 { color: #00B6F0; } .jss55 { max-width: 280px; min-width: 200px; } .jss56 { color: #00B6F0; font-size: 12px; } .jss57 { color: #1D7EA1; font-size: 24px !important; } .jss58 { color: #fff; font-size: 24px !important; } .jss59 { color: #00B6F0; font-size: 24px !important; } .jss60 { color: #fff; font-size: 24px !important; } .jss61 { padding: 0; min-width: 0; text-transform: uppercase; } .jss62 { height: 48px; justify-content: space-between; } .jss63 { height: 48px; } .jss64 { color: #8AC65A; } .jss65 { padding-left: 72px; justify-content: space-between; } .jss39 { max-width: 280px; min-width: 112px; } .jss40 { color: #00B6F0; font-size: 12px; } .jss41 { color: #1D7EA1; font-size: 24px !important; } .jss42 { color: #00B6F0; font-size: 24px !important; } .jss43 { padding: 0; min-width: 0; } .jss44 { height: 48px; } .jss45 { padding-left: 72px; } .jss29 { color: #1D7EA1; flex-grow: 1; min-height: 56px; background-color: #F5F5F5; } .jss29 button { font-size: inherit; } @media (min-width:1280px) { .jss29 a { font-size: 1rem; } } @media (min-width:1280px) { .jss29 button { font-size: 1rem; } } .jss30 { color: #00B6F0; font-size: 12px; } .jss31 { color: #1D7EA1; } .jss32 { color: #00B6F0; } .jss33 { margin: 12px 6px; opacity: 50%; background-color: #1D7EA1; } @media (min-width:1280px) { .jss33 { margin: 12px; } } .jss34 { color: #00B6F0; } .jss35 { color: #00B6F0; } .jss36 { text-transform: capitalize; } .jss37 { text-transform: capitalize; } .jss38 { margin-right: 8px; } @media (min-width:1280px) { .jss38 { margin-right: 16px; } } .jss38:hover { color: #fff; } .jss38:focus { color: #fff; } .jss17 { color: black; width: 100%; height: 100%; font-weight: 600; flex-direction: column; } .jss18 svg.icon { fill: #4ac959 !important; } .jss19 svg.icon { fill: #00b900 !important; } .jss20 { font-weight: 600; border-radius: 24px; background-color: #fff; } .jss22 { font-weight: 600; border-radius: 24px; background-color: #fff; } .jss148 { font-weight: 600; border-radius: 24px; background-color: #fff; } .jss24 { color: black; width: 100%; height: 100%; font-weight: 600; flex-direction: column; } .jss25 svg.icon { fill: #4ac959 !important; } .jss26 svg.icon { fill: #00b900 !important; } .jss27 { font-weight: 600; border-radius: 24px; background-color: #fff; } .jss28 { font-weight: 600; border-radius: 24px; background-color: #fff; } .jss149 { font-weight: 600; border-radius: 24px; background-color: #fff; } .jss76 { color: #fff; height: 56px; box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2), 0px 3px 4px 0px rgba(0,0,0,0.14), 0px 1px 8px 0px rgba(0,0,0,0.12); text-transform: uppercase; background-color: #00B6F0; } .jss76:hover { color: #fff; background-color: #00B6F0; } .jss77 { color: #fff; } .jss78 { width: 360px; } .jss79 { color: #00B6F0; height: 48px; text-transform: uppercase; } .jss80 { color: #000; height: 48px; } .jss80:hover { color: #000; } .jss81 { font-size: 0.875rem; } .jss83 { color: #00B6F0; border-left-color: #00B6F0; border-left-style: solid; border-left-width: 4px; } .jss66 { width: 100%; min-height: 56px; } .jss67 { width: 100%; position: relative; margin-left: 0; border-radius: 4px; background-color: #F5F5F5; } @media (min-width:600px) { .jss67 { width: auto; margin-left: 8px; } } .jss68 { color: #666; height: 100%; display: flex; padding: 0px 16px; position: absolute; align-items: center; pointer-events: none; justify-content: center; } .jss69 { color: #000; } .jss70 { width: 100%; padding: 8px 8px 8px 0px; padding-left: calc(1em + 32px); } .jss70::placeholder { color: #999 !important; } .jss71 { max-width: 280px; min-width: 280px; } .jss72 { height: 48px; } .jss73 { background-color: #8AC65A; } .jss74 { margin-right: 8px; } .jss75 { display: flex; } @media (max-width:550px) { .jss75 { display: none; } } .jss12 { color: #fff; flex-basis: auto; min-height: 56px; background-color: #00B6F0; } @media (min-width:1920px) { .jss12 { flex-basis: 50%; } } @media (min-width:1280px) { .jss12 { flex-basis: 40%; } } .jss12 button { font-size: inherit; text-transform: capitalize; } @media (max-width:1279.95px) { .jss12 { padding: 0; } } @media (min-width:1280px) { .jss12 button { font-size: 1rem; } } .jss13 { font-weight: 600; border-radius: 24px; background-color: #fff; } .jss14 { display: none; } @media (min-width:1280px) { .jss14 { display: inherit; } } .jss15 { display: none; } @media (max-width:1279px) { .jss15 { display: inherit; } } .jss4 { height: 56px; flex-direction: row; } .jss5 { height: 56px; flex-direction: row; background-color: #fff; } .jss6 { display: none; } @media (min-width:810px) { .jss6 { display: flex; } } .jss7 { display: flex; } @media (min-width:810px) { .jss7 { display: none; } } .jss8 { display: none; } @media (min-width:993px) { .jss8 { display: flex; } } .jss9 { display: flex; } @media (min-width:993px) { .jss9 { display: none; } } .jss10 { display: none; } @media (min-width:900px) { .jss10 { display: flex; } } .jss11 { display: flex; } @media (min-width:900px) { .jss11 { display: none; } } .jss84 { color: #000; box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12); margin-top: 16px; min-height: 100px; padding-left: 8px; margin-bottom: 0; padding-right: 8px; background-color: #fff; } @media (min-width:960px) { .jss84 { padding-left: 40px; padding-right: 40px; } } .jss85 { color: #00B6F0; } .jss86::placeholder { color: #00B6F0 !important; } .jss87 { height: 100%; min-height: 100px; padding-bottom: 0 !important; } .jss87 a { color: inherit; } .jss87>div { padding-bottom: 0; } .jss88 { padding: 8px; } .jss89 { padding: 8px; } .jss90 { border-radius: 25px; } .jss90 hover { border-color: #00B6F0; } .jss91:hover { color: #00B6F0; } .jss92 { color: #00B6F0; border: 0; border-color: #00B6F0; border-style: solid; border-bottom-width: 4px; } .jss93 { display: flex; align-items: center; } .jss94 { padding: 0px 8px; max-width: 280px; min-width: 160px; } .jss95 { color: #000; height: 48px; } .jss95 a { color: #000; } .jss95:hover { color: #00B6F0; border-color: #00B6F0; border-style: solid; background-color: unset; border-bottom-width: 2px; } .jss96 { display: none; } @media (max-width:1919.95px) { .jss96 { display: block; } } .jss97 { display: block; } @media (max-width:1919.95px) { .jss97 { display: none; } } .jss145 { width: 100%; bottom: 0; z-index: 1010; position: fixed; box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2), 0px 3px 4px 0px rgba(0,0,0,0.14), 0px 1px 8px 0px rgba(0,0,0,0.12); } .jss145 a { height: 100%; } .jss146 { color: black; width: 100%; height: 100%; font-weight: 600; flex-direction: column; } .jss147 { height: 100%; } .jss137 { margin-right: 8px; } .jss138 { color: #fff; } .jss138 p { color: #fff; } .jss138 a { color: #fff; } .jss138 dl { margin-bottom: 0; } .jss139 { margin-right: 8px; } .jss140 { color: #fff; } .jss140 a { color: #fff; } .jss140 a:hover { text-decoration: underline !important; } .jss142 { margin-right: 8px; } .jss143 { color: #fff; } .jss143 a { color: #fff; } .jss143 .icon { display: none; } .jss143 a:hover { text-decoration: underline; } .jss144 a { color: #fff; background-color: unset !important; } .jss144 .icon { color: #fff !important; } .jss144 svg path { fill: #fff !important; } .jss144 svg .building { fill: #fff !important; } .jss120 { margin: 0 !important; padding: 0 !important; } .jss121 { color: #fff; padding: 8px 16px; position: relative; padding-bottom: 16px; background-color: #00B6F0; } .jss122 { margin-top: 0; margin-bottom: 0; background-color: #fff; } .jss123 { font-weight: 600; } .jss124 { color: #000; text-transform: initial; } .jss125 { margin-right: 4px; } .jss126 { color: #8AC65A; } .jss126:hover { color: #00B6F0; } .jss127 { color: #fff; right: 16px; width: 56px; border: none; bottom: 16px; height: 56px; opacity: 0; z-index: 1000; position: fixed; transition: opacity ease .3s; background-color: #8AC65A; } .jss127.in { opacity: 1; } .jss127:hover { background-color: #8AC65A; } .jss128 { color: #fff; width: 24px; height: 24px; } .jss129 { color: #fff; width: 32px; height: 32px; } .jss130 { color: #fff; } .jss130 a { color: #fff; } .jss131 { top: -32px; right: 5%; width: 64px; height: 64px; position: absolute; } .jss132 svg.icon { fill: ##4ac959 !important; } .jss133 svg.icon { fill: #00b900 !important; } .jss134 { padding-bottom: 0; } @media (max-width:959.95px) { .jss134 { padding-bottom: 56px; } } .jss135 { display: block; } @media (max-width:959.95px) { .jss135 { display: none; } } .jss1 { padding-top: 40px; } @media (max-width:900px) { .jss1 { padding-top: 56px !important; } } .jss2 { display: none; } @media (min-width:900px) { .jss2 { display: block; } } .jss3 { display: none; } @media (max-width:900px) { .jss3 { display: block; } } .jss102 { padding: 32px; margin-bottom: 24px; background-color: #F5F5F5; } @media (max-width:599.95px) { .jss102 { padding: 16px; } } .jss103 { font-weight: 600; margin-bottom: 24px; } .jss104 { max-height: 600px; min-height: 300px; } .jss104 .swiper { width: 100%; border-color: #ccc; border-style: solid; border-width: 1px; } .jss104 .swiper-thumbs { padding-top: 8px; padding-bottom: 8px; } .jss104 .swiper-thumbs img { height: 118px !important; max-width: 100%!important; object-fit: contain; } .jss104 .swiper-thumbs .swiper-slide { width: 130px; height: 100%; border-color: #ccc; border-style: solid; border-width: 1px; } .jss104 .swiper-thumbs .swiper-slide-thumb-active { border-color: #00B6F0; border-style: solid; border-width: 3px; } .jss104 .swiper img { height: 498px !important; position: absolute; max-height: 100%; object-fit: contain; } .jss105 { width: 100%; padding: 24px; } .jss106 { width: 100%; padding: 48px; margin-top: 32px; } .jss106 img { height: auto; max-width: 100%; } .jss106 th { white-space: normal; } .jss106 table { display: block; overflow: scroll; } @media (max-width:599.95px) { .jss106 iframe { width: 100%; } } .jss107 { white-space: pre-wrap; } .jss107 img { height: auto; max-width: 100%; } .jss107 table { width: 100%; max-width: 100%; margin-bottom: 21px; background-color: #fff; } .jss107 p { margin: 0; } .jss107 ul { margin: 0; } .jss107 table th { padding: 7px 10px; } .jss107 table td { padding: 7px 10px; } .jss107 table tr { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .jss107 table tbody tr:hover { background-color: #f5f5f5; } .jss107 table tbody tr:nth-of-type(odd) { background-color: #f9f9f9; } .jss108 { width: 100%; padding: 48px; margin-top: 32px; } .jss109 { width: 100%; padding: 48px; margin-top: 32px; } .jss110 { right: 24px; position: absolute; border-radius: 25px; margin-bottom: 0; } @media (max-width:959.95px) { .jss110 { right: 0; position: relative; margin-bottom: 16px; } } .jss111 { position: relative; } .jss112 { font-weight: 600; } .jss113 .price.priceFinal { font-size: 1.5rem; font-weight: 600; } .jss113 .price-unit { font-size: 1.5rem !important; font-weight: 600; } .jss113 .price-discount .priceRegular { font-size: 1rem !important; } .jss113 .price-discount .priceDiscount { font-size: 1rem !important; } .jss114 { margin-top: 32px; margin-bottom: 32px; } .jss115 { margin-bottom: 16px; } .jss115 .buttonAddToCartButtonContainer { margin-top: 24px; } .jss115 .buttonAddToCart { margin-top: 24px; } *.jss116 tr { display: table-row; border-top: 0; padding-top: 0 !important; padding-bottom: 0 !important; } *.jss116 td { padding-top: 16px !important; padding-bottom: 16px !important; } @media (max-width:599.95px) { *.jss116 td { padding-top: 8px !important; padding-bottom: 8px !important; } } @media (max-width:599.95px) { *.jss116 tr { display: grid; padding-top: 8px !important; padding-bottom: 8px !important; } } .jss117 button { border: solid 1px #000 !important; padding: 8px !important; border-radius: 50% !important; } .jss117 button svg { width: 24px; height: 24px; } .jss117 button.email-share-button { padding-bottom: 3px !important; } .jss118 { display: none; } @media (max-width:959.95px) { .jss118 { display: flex; } } .jss119 { display: flex; } @media (max-width:959.95px) { .jss119 { display: none; } }