ag-grid,
ag-grid-angular,
ag-grid-aurelia,
ag-grid-ng2,
ag-grid-polymer {
    display: block
}

.ag-hidden {
    display: none !important
}

.ag-invisible {
    visibility: hidden !important
}

.ag-drag-handle {
    cursor: -webkit-grab;
    cursor: grab
}

.ag-column-drop-wrapper {
    display: flex
}

.ag-column-drop-horizontal-half-width {
    display: inline-block;
    width: 50% !important
}

.ag-unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.ag-selectable {
    -moz-user-select: text;
    -webkit-user-select: text;
    user-select: text
}

.ag-tab {
    position: relative
}

.ag-tab-guard {
    width: 0;
    height: 0;
    display: block
}

.ag-select-agg-func-popup,
.ag-tab-guard {
    position: absolute
}

.ag-input-wrapper,
.ag-picker-field-wrapper {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    line-height: normal;
    position: relative
}

.ag-shake-left-to-right {
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ag-shake-left-to-right;
    animation-name: ag-shake-left-to-right
}

@-webkit-keyframes ag-shake-left-to-right {
    0% {
        padding-left: 6px;
        padding-right: 2px
    }

    to {
        padding-left: 2px;
        padding-right: 6px
    }
}

@keyframes ag-shake-left-to-right {
    0% {
        padding-left: 6px;
        padding-right: 2px
    }

    to {
        padding-left: 2px;
        padding-right: 6px
    }
}

.ag-root-wrapper {
    cursor: default;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.ag-root-wrapper.ag-layout-normal {
    height: 100%
}

.ag-watermark {
    position: absolute;
    bottom: 20px;
    right: 25px;
    opacity: .5;
    transition: opacity 1s ease-out 3s
}

.ag-watermark:before {
    content: "";
    background-image: url(data:image/svg+xml;base64, );
    background-repeat: no-repeat;
    background-size: 170px 40px;
    display: block;
    height: 40px;
    width: 170px;
    opacity: .5
}

.ag-watermark-text {
    opacity: .5;
    font-weight: 700;
    font-family: Impact, sans-serif;
    font-size: 19px;
    padding-left: .7rem
}

.ag-root-wrapper-body {
    display: flex;
    flex-direction: row
}

.ag-root-wrapper-body.ag-layout-normal {
    flex: 1 1 auto;
    height: 0;
    min-height: 0
}

.ag-root {
    position: relative;
    display: flex;
    flex-direction: column
}

.ag-root.ag-layout-auto-height,
.ag-root.ag-layout-normal {
    overflow: hidden;
    flex: 1 1 auto;
    width: 0
}

.ag-root.ag-layout-normal {
    height: 100%
}

.ag-body-horizontal-scroll-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-floating-top-viewport,
.ag-header-viewport,
.ag-virtual-list-viewport {
    position: relative;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    flex: 1 1 auto
}

.ag-body-viewport {
    display: flex
}

.ag-body-viewport.ag-layout-normal {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.ag-center-cols-viewport {
    width: 100%;
    overflow-x: auto
}

.ag-body-horizontal-scroll-viewport {
    overflow-x: scroll
}

.ag-virtual-list-viewport {
    overflow: auto;
    width: 100%
}

.ag-body-container,
.ag-body-horizontal-scroll-container,
.ag-center-cols-container,
.ag-floating-bottom-container,
.ag-floating-bottom-full-width-container,
.ag-floating-top-container,
.ag-full-width-container,
.ag-header-container,
.ag-pinned-left-cols-container,
.ag-pinned-right-cols-container,
.ag-virtual-list-container {
    position: relative
}

.ag-floating-bottom-container,
.ag-floating-top-container,
.ag-header-container {
    height: 100%;
    white-space: nowrap
}

.ag-center-cols-container,
.ag-pinned-right-cols-container {
    display: block
}

.ag-body-horizontal-scroll-container {
    height: 100%
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container,
.ag-full-width-container {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-full-width-container {
    width: 100%
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
    display: inline-block;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.ag-virtual-list-container {
    overflow: hidden
}

.ag-center-cols-clipper {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    min-height: 100%;
    transform: translateZ(0)
}

.ag-body-horizontal-scroll {
    min-height: 0;
    min-width: 0;
    width: 100%;
    display: flex;
    position: relative
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-scrollbar-active,
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-scrollbar-scrolling {
    pointer-events: all
}

.ag-force-vertical-scroll {
    overflow-y: scroll !important
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
    height: 100%;
    min-width: 0;
    overflow-x: scroll
}

.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
    overflow-x: hidden
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.ag-header-cell-sortable {
    cursor: pointer
}

.ag-header {
    display: flex;
    width: 100%;
    white-space: nowrap
}

.ag-pinned-left-header,
.ag-pinned-right-header {
    height: 100%
}

.ag-header-cell,
.ag-header-row {
    position: absolute;
    overflow: hidden
}

.ag-header-cell {
    display: inline-flex;
    align-items: center;
    height: 100%
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button {
    opacity: 1
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
    transition: opacity .2s;
    opacity: 0
}

.ag-header-cell-label,
.ag-header-group-cell-label {
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    align-items: center;
    text-overflow: ellipsis;
    align-self: stretch
}

.ag-header-cell-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ag-right-aligned-header .ag-header-cell-label {
    flex-direction: row-reverse
}

.ag-header-group-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ag-header-cell-resize {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 8px;
    top: 0;
    cursor: ew-resize
}

.ag-ltr .ag-header-cell-resize {
    right: -4px
}

.ag-rtl .ag-header-cell-resize {
    left: -4px
}

.ag-pinned-left-header .ag-header-cell-resize {
    right: -4px
}

.ag-pinned-right-header .ag-header-cell-resize {
    left: -4px
}

.ag-header-select-all {
    display: flex
}

.ag-column-moving .ag-cell,
.ag-column-moving .ag-header-cell {
    transition: left .2s
}

.ag-column-moving .ag-header-group-cell {
    transition: left .2s, width .2s
}

.ag-column-panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1 1 auto
}

.ag-column-select {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 3 1 0px
}

.ag-column-select-header {
    position: relative;
    display: flex;
    flex: none
}

.ag-column-select-header-icon {
    position: relative
}

.ag-column-select-header-filter-wrapper {
    flex: 1 1 auto
}

.ag-column-select-header-filter {
    width: 100%
}

.ag-column-select-list {
    flex: 1 1 0px;
    overflow: hidden
}

.ag-column-drop {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: auto;
    width: 100%
}

.ag-column-drop-cell,
.ag-column-drop-list {
    display: flex;
    align-items: center
}

.ag-column-drop-cell {
    position: relative
}

.ag-column-drop-cell-text {
    overflow: hidden;
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ag-column-drop-vertical {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: stretch;
    flex: 1 1 0px
}

.ag-column-drop-vertical-title-bar {
    display: flex;
    align-items: center;
    flex: none
}

.ag-column-drop-vertical-list {
    position: relative;
    align-items: stretch;
    flex-grow: 1;
    flex-direction: column;
    overflow-x: auto
}

.ag-column-drop-vertical-list>* {
    flex: none
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
    overflow: hidden
}

.ag-column-drop-vertical-empty-message {
    display: block
}

.ag-column-drop.ag-column-drop-horizontal {
    white-space: nowrap;
    overflow: hidden
}

.ag-column-drop-cell-button {
    cursor: pointer
}

.ag-filter-toolpanel {
    flex: 1 1 0px;
    min-width: 0
}

.ag-filter-toolpanel-header {
    position: relative
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-header>*,
.ag-filter-toolpanel-search,
.ag-filter-toolpanel-search>* {
    display: flex;
    align-items: center
}

.ag-filter-apply-panel {
    display: flex;
    justify-content: flex-end;
    overflow: hidden
}

.ag-row-animation .ag-row {
    transition: transform .4s, top .4s, background-color .1s, opacity .2s
}

.ag-row-animation .ag-row.ag-after-created {
    transition: transform .4s, top .4s, height .4s, background-color .1s, opacity .2s
}

.ag-row-no-animation .ag-row {
    transition: background-color .1s
}

.ag-row {
    white-space: nowrap;
    width: 100%
}

.ag-row-loading {
    display: flex;
    align-items: center
}

.ag-row-position-absolute {
    position: absolute
}

.ag-row-position-relative {
    position: relative
}

.ag-full-width-row {
    overflow: hidden;
    pointer-events: all
}

.ag-row-inline-editing {
    z-index: 1
}

.ag-row-dragging {
    z-index: 2
}

.ag-stub-cell {
    display: flex;
    align-items: center
}

.ag-cell {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    height: 100%
}

.ag-cell-value {
    flex: 1 1 auto
}

.ag-cell-value,
.ag-group-value {
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-cell-wrap-text {
    white-space: normal;
    word-break: break-all
}

.ag-cell-wrapper {
    display: flex;
    align-items: center
}

.ag-cell-wrapper.ag-row-group {
    align-items: flex-start
}

.ag-sparkline-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
    height: 100%;
    align-items: center
}

.ag-cell-inline-editing {
    z-index: 1
}

.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input,
.ag-cell-inline-editing .ag-cell-wrapper {
    height: 100%;
    width: 100%;
    line-height: normal
}

.ag-cell .ag-icon {
    display: inline-block;
    vertical-align: middle
}

.ag-set-filter-item {
    display: flex;
    align-items: center;
    height: 100%
}

.ag-set-filter-item-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ag-set-filter-item-checkbox {
    display: flex
}

.ag-filter-body-wrapper {
    display: flex;
    flex-direction: column
}

.ag-filter-filter {
    flex: 1 1 0px
}

.ag-filter-condition {
    display: flex;
    justify-content: center
}

.ag-floating-filter-body {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    height: 100%
}

.ag-floating-filter-full-body {
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    width: 100%;
    align-items: center;
    overflow: hidden
}

.ag-floating-filter-full-body>div {
    flex: 1 1 auto
}

.ag-floating-filter-input {
    align-items: center;
    display: flex;
    width: 100%
}

.ag-floating-filter-input>* {
    flex: 1 1 auto
}

.ag-floating-filter-button {
    display: flex;
    flex: none
}

.ag-dnd-ghost {
    position: absolute;
    display: inline-flex;
    align-items: center;
    cursor: move;
    white-space: nowrap;
    z-index: 9999
}

.ag-overlay {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.ag-overlay-panel,
.ag-overlay-wrapper {
    display: flex;
    height: 100%;
    width: 100%
}

.ag-overlay-wrapper {
    flex: none;
    align-items: center;
    justify-content: center;
    text-align: center
}

.ag-overlay-loading-wrapper {
    pointer-events: all
}

.ag-popup-child {
    z-index: 5;
    top: 0
}

.ag-popup-editor {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.ag-large-text-input {
    display: block
}

.ag-virtual-list-item {
    position: absolute;
    width: 100%
}

.ag-floating-top {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
    display: flex
}

.ag-pinned-left-floating-top,
.ag-pinned-right-floating-top {
    display: inline-block;
    overflow: hidden;
    position: relative;
    min-width: 0
}

.ag-floating-bottom {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
    display: flex
}

.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom {
    display: inline-block;
    overflow: hidden;
    position: relative;
    min-width: 0
}

.ag-dialog,
.ag-panel {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

.ag-panel-title-bar {
    display: flex;
    flex: none;
    align-items: center;
    cursor: default
}

.ag-panel-title-bar-title {
    flex: 1 1 auto
}

.ag-panel-title-bar-buttons {
    display: flex
}

.ag-panel-title-bar-button {
    cursor: pointer
}

.ag-panel-content-wrapper {
    display: flex;
    flex: 1 1 auto;
    position: relative;
    overflow: hidden
}

.ag-dialog,
.ag-resizer {
    position: absolute
}

.ag-resizer {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.ag-resizer.ag-resizer-topLeft {
    top: 0;
    left: 0;
    height: 5px;
    width: 5px;
    cursor: nwse-resize
}

.ag-resizer.ag-resizer-top {
    top: 0;
    left: 5px;
    right: 5px;
    height: 5px;
    cursor: ns-resize
}

.ag-resizer.ag-resizer-topRight {
    top: 0;
    right: 0;
    height: 5px;
    width: 5px;
    cursor: nesw-resize
}

.ag-resizer.ag-resizer-right {
    top: 5px;
    right: 0;
    bottom: 5px;
    width: 5px;
    cursor: ew-resize
}

.ag-resizer.ag-resizer-bottomRight {
    bottom: 0;
    right: 0;
    height: 5px;
    width: 5px;
    cursor: nwse-resize
}

.ag-resizer.ag-resizer-bottom {
    bottom: 0;
    left: 5px;
    right: 5px;
    height: 5px;
    cursor: ns-resize
}

.ag-resizer.ag-resizer-bottomLeft {
    bottom: 0;
    left: 0;
    height: 5px;
    width: 5px;
    cursor: nesw-resize
}

.ag-resizer.ag-resizer-left {
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 5px;
    cursor: ew-resize
}

.ag-tooltip,
.ag-tooltip-custom {
    position: absolute;
    pointer-events: none;
    z-index: 99999
}

.ag-value-slide-out {
    margin-right: 5px;
    opacity: 1;
    transition: opacity 3s, margin-right 3s;
    transition-timing-function: linear
}

.ag-value-slide-out-end {
    margin-right: 10px;
    opacity: 0
}

.ag-opacity-zero {
    opacity: 0 !important
}

.ag-menu {
    max-height: 100%;
    overflow-y: auto;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ag-menu-column-select-wrapper {
    height: 265px;
    overflow: auto
}

.ag-menu-column-select-wrapper .ag-column-select {
    height: 100%
}

.ag-menu-list {
    display: table;
    width: 100%
}

.ag-menu-option,
.ag-menu-separator {
    display: table-row
}

.ag-menu-option-part,
.ag-menu-separator-part {
    display: table-cell;
    vertical-align: middle
}

.ag-menu-option-text {
    white-space: nowrap
}

.ag-compact-menu-option {
    width: 100%;
    display: flex;
    flex-wrap: nowrap
}

.ag-compact-menu-option-text {
    white-space: nowrap;
    flex: 1 1 auto
}

.ag-rich-select {
    cursor: default;
    outline: none
}

.ag-rich-select-value {
    display: flex;
    align-items: center
}

.ag-rich-select-value-icon {
    flex: 1 1 auto;
    order: 1
}

.ag-ltr .ag-rich-select-value-icon {
    text-align: right
}

.ag-rtl .ag-rich-select-value-icon {
    text-align: left
}

.ag-rich-select-list {
    position: relative
}

.ag-rich-select-virtual-list-item {
    display: flex
}

.ag-rich-select-row {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    white-space: nowrap
}

.ag-paging-panel {
    justify-content: flex-end
}

.ag-paging-page-summary-panel,
.ag-paging-panel {
    align-items: center;
    display: flex
}

.ag-paging-button {
    position: relative
}

.ag-disabled .ag-paging-page-summary-panel {
    pointer-events: none
}

.ag-tool-panel-wrapper {
    display: flex;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
    position: relative;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%
}

.ag-column-select-column-group>*,
.ag-column-select-column>*,
.ag-select-agg-func-item>* {
    flex: none
}

.ag-column-select-checkbox {
    display: flex
}

.ag-tool-panel-horizontal-resize {
    cursor: ew-resize;
    height: 100%;
    position: absolute;
    top: 0;
    width: 5px;
    z-index: 1
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
    right: -3px
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize,
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
    left: -3px
}

.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
    right: -3px
}

.ag-details-row {
    width: 100%
}

.ag-details-row-fixed-height {
    height: 100%
}

.ag-details-grid {
    width: 100%
}

.ag-details-grid-fixed-height {
    height: 100%
}

.ag-header-group-cell {
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute
}

.ag-cell-label-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ag-right-aligned-header .ag-cell-label-container {
    flex-direction: row
}

.ag-side-bar {
    display: flex;
    flex-direction: row-reverse
}

.ag-side-bar-left {
    order: -1;
    flex-direction: row
}

.ag-side-button-button {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ag-side-button-label {
    writing-mode: vertical-lr
}

.ag-status-bar {
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.ag-status-panel {
    display: inline-flex
}

.ag-status-name-value {
    white-space: nowrap
}

.ag-status-bar-center,
.ag-status-bar-left,
.ag-status-bar-right {
    display: inline-flex
}

.ag-icon {
    display: block;
    speak: none
}

.ag-group {
    position: relative;
    width: 100%
}

.ag-group-title-bar {
    display: flex;
    align-items: center
}

.ag-group-title {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ag-group-title-bar .ag-group-title {
    cursor: default
}

.ag-group-toolbar {
    display: flex;
    align-items: center
}

.ag-group-container {
    display: flex
}

.ag-disabled .ag-group-container {
    pointer-events: none
}

.ag-group-container-horizontal {
    flex-direction: row;
    flex-wrap: wrap
}

.ag-group-container-vertical {
    flex-direction: column
}

.ag-column-group-icons {
    display: block
}

.ag-column-group-icons>* {
    cursor: pointer
}

.ag-group-item-alignment-stretch .ag-group-item {
    align-items: stretch
}

.ag-group-item-alignment-start .ag-group-item {
    align-items: flex-start
}

.ag-group-item-alignment-end .ag-group-item {
    align-items: flex-end
}

.ag-toggle-button-icon {
    transition: right .3s;
    position: absolute;
    top: -1px
}

.ag-input-field,
.ag-select {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ag-input-field-input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
    width: 1px
}

.ag-angle-select,
.ag-range-field {
    display: flex;
    align-items: center
}

.ag-angle-select-wrapper {
    display: flex
}

.ag-angle-select-parent-circle {
    display: block;
    position: relative
}

.ag-angle-select-child-circle {
    position: absolute
}

.ag-slider-wrapper {
    display: flex
}

.ag-picker-field-display,
.ag-slider-wrapper .ag-input-field {
    flex: 1 1 auto
}

.ag-picker-field {
    display: flex;
    align-items: center
}

.ag-picker-field-icon {
    display: flex;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.ag-picker-field-wrapper {
    overflow: hidden
}

.ag-label-align-right .ag-label {
    order: 1
}

.ag-label-align-right>* {
    flex: none
}

.ag-label-align-top {
    flex-direction: column;
    align-items: flex-start
}

.ag-label-align-top>* {
    align-self: stretch
}

.ag-color-panel {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center
}

.ag-spectrum-color {
    flex: 1 1 auto;
    position: relative;
    overflow: hidden;
    cursor: default
}

.ag-spectrum-fill {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ag-spectrum-val {
    cursor: pointer
}

.ag-spectrum-dragger {
    position: absolute;
    pointer-events: none;
    cursor: pointer
}

.ag-spectrum-hue {
    cursor: default;
    background: linear-gradient(270deg, red 3%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
}

.ag-spectrum-alpha {
    cursor: default
}

.ag-spectrum-hue-background {
    width: 100%;
    height: 100%
}

.ag-spectrum-alpha-background {
    background-image: linear-gradient(90deg, transparent, #000);
    width: 100%;
    height: 100%
}

.ag-spectrum-tool {
    cursor: pointer
}

.ag-spectrum-slider {
    position: absolute;
    pointer-events: none
}

.ag-recent-colors {
    display: flex
}

.ag-recent-color {
    cursor: pointer
}

.ag-ltr .ag-column-select-indent-1 {
    padding-left: 20px
}

.ag-rtl .ag-column-select-indent-1 {
    padding-right: 20px
}

.ag-ltr .ag-row-group-indent-1 {
    padding-left: 20px
}

.ag-rtl .ag-row-group-indent-1 {
    padding-right: 20px
}

.ag-ltr .ag-column-select-indent-2 {
    padding-left: 40px
}

.ag-rtl .ag-column-select-indent-2 {
    padding-right: 40px
}

.ag-ltr .ag-row-group-indent-2 {
    padding-left: 40px
}

.ag-rtl .ag-row-group-indent-2 {
    padding-right: 40px
}

.ag-ltr .ag-column-select-indent-3 {
    padding-left: 60px
}

.ag-rtl .ag-column-select-indent-3 {
    padding-right: 60px
}

.ag-ltr .ag-row-group-indent-3 {
    padding-left: 60px
}

.ag-rtl .ag-row-group-indent-3 {
    padding-right: 60px
}

.ag-ltr .ag-column-select-indent-4 {
    padding-left: 80px
}

.ag-rtl .ag-column-select-indent-4 {
    padding-right: 80px
}

.ag-ltr .ag-row-group-indent-4 {
    padding-left: 80px
}

.ag-rtl .ag-row-group-indent-4 {
    padding-right: 80px
}

.ag-ltr .ag-column-select-indent-5 {
    padding-left: 100px
}

.ag-rtl .ag-column-select-indent-5 {
    padding-right: 100px
}

.ag-ltr .ag-row-group-indent-5 {
    padding-left: 100px
}

.ag-rtl .ag-row-group-indent-5 {
    padding-right: 100px
}

.ag-ltr .ag-column-select-indent-6 {
    padding-left: 120px
}

.ag-rtl .ag-column-select-indent-6 {
    padding-right: 120px
}

.ag-ltr .ag-row-group-indent-6 {
    padding-left: 120px
}

.ag-rtl .ag-row-group-indent-6 {
    padding-right: 120px
}

.ag-ltr .ag-column-select-indent-7 {
    padding-left: 140px
}

.ag-rtl .ag-column-select-indent-7 {
    padding-right: 140px
}

.ag-ltr .ag-row-group-indent-7 {
    padding-left: 140px
}

.ag-rtl .ag-row-group-indent-7 {
    padding-right: 140px
}

.ag-ltr .ag-column-select-indent-8 {
    padding-left: 160px
}

.ag-rtl .ag-column-select-indent-8 {
    padding-right: 160px
}

.ag-ltr .ag-row-group-indent-8 {
    padding-left: 160px
}

.ag-rtl .ag-row-group-indent-8 {
    padding-right: 160px
}

.ag-ltr .ag-column-select-indent-9 {
    padding-left: 180px
}

.ag-rtl .ag-column-select-indent-9 {
    padding-right: 180px
}

.ag-ltr .ag-row-group-indent-9 {
    padding-left: 180px
}

.ag-rtl .ag-row-group-indent-9 {
    padding-right: 180px
}

.ag-ltr .ag-column-select-indent-10 {
    padding-left: 200px
}

.ag-rtl .ag-column-select-indent-10 {
    padding-right: 200px
}

.ag-ltr .ag-row-group-indent-10 {
    padding-left: 200px
}

.ag-rtl .ag-row-group-indent-10 {
    padding-right: 200px
}

.ag-ltr .ag-column-select-indent-11 {
    padding-left: 220px
}

.ag-rtl .ag-column-select-indent-11 {
    padding-right: 220px
}

.ag-ltr .ag-row-group-indent-11 {
    padding-left: 220px
}

.ag-rtl .ag-row-group-indent-11 {
    padding-right: 220px
}

.ag-ltr .ag-column-select-indent-12 {
    padding-left: 240px
}

.ag-rtl .ag-column-select-indent-12 {
    padding-right: 240px
}

.ag-ltr .ag-row-group-indent-12 {
    padding-left: 240px
}

.ag-rtl .ag-row-group-indent-12 {
    padding-right: 240px
}

.ag-ltr .ag-column-select-indent-13 {
    padding-left: 260px
}

.ag-rtl .ag-column-select-indent-13 {
    padding-right: 260px
}

.ag-ltr .ag-row-group-indent-13 {
    padding-left: 260px
}

.ag-rtl .ag-row-group-indent-13 {
    padding-right: 260px
}

.ag-ltr .ag-column-select-indent-14 {
    padding-left: 280px
}

.ag-rtl .ag-column-select-indent-14 {
    padding-right: 280px
}

.ag-ltr .ag-row-group-indent-14 {
    padding-left: 280px
}

.ag-rtl .ag-row-group-indent-14 {
    padding-right: 280px
}

.ag-ltr .ag-column-select-indent-15 {
    padding-left: 300px
}

.ag-rtl .ag-column-select-indent-15 {
    padding-right: 300px
}

.ag-ltr .ag-row-group-indent-15 {
    padding-left: 300px
}

.ag-rtl .ag-row-group-indent-15 {
    padding-right: 300px
}

.ag-ltr .ag-column-select-indent-16 {
    padding-left: 320px
}

.ag-rtl .ag-column-select-indent-16 {
    padding-right: 320px
}

.ag-ltr .ag-row-group-indent-16 {
    padding-left: 320px
}

.ag-rtl .ag-row-group-indent-16 {
    padding-right: 320px
}

.ag-ltr .ag-column-select-indent-17 {
    padding-left: 340px
}

.ag-rtl .ag-column-select-indent-17 {
    padding-right: 340px
}

.ag-ltr .ag-row-group-indent-17 {
    padding-left: 340px
}

.ag-rtl .ag-row-group-indent-17 {
    padding-right: 340px
}

.ag-ltr .ag-column-select-indent-18 {
    padding-left: 360px
}

.ag-rtl .ag-column-select-indent-18 {
    padding-right: 360px
}

.ag-ltr .ag-row-group-indent-18 {
    padding-left: 360px
}

.ag-rtl .ag-row-group-indent-18 {
    padding-right: 360px
}

.ag-ltr .ag-column-select-indent-19 {
    padding-left: 380px
}

.ag-rtl .ag-column-select-indent-19 {
    padding-right: 380px
}

.ag-ltr .ag-row-group-indent-19 {
    padding-left: 380px
}

.ag-rtl .ag-row-group-indent-19 {
    padding-right: 380px
}

.ag-ltr .ag-column-select-indent-20 {
    padding-left: 400px
}

.ag-rtl .ag-column-select-indent-20 {
    padding-right: 400px
}

.ag-ltr .ag-row-group-indent-20 {
    padding-left: 400px
}

.ag-rtl .ag-row-group-indent-20 {
    padding-right: 400px
}

.ag-ltr .ag-column-select-indent-21 {
    padding-left: 420px
}

.ag-rtl .ag-column-select-indent-21 {
    padding-right: 420px
}

.ag-ltr .ag-row-group-indent-21 {
    padding-left: 420px
}

.ag-rtl .ag-row-group-indent-21 {
    padding-right: 420px
}

.ag-ltr .ag-column-select-indent-22 {
    padding-left: 440px
}

.ag-rtl .ag-column-select-indent-22 {
    padding-right: 440px
}

.ag-ltr .ag-row-group-indent-22 {
    padding-left: 440px
}

.ag-rtl .ag-row-group-indent-22 {
    padding-right: 440px
}

.ag-ltr .ag-column-select-indent-23 {
    padding-left: 460px
}

.ag-rtl .ag-column-select-indent-23 {
    padding-right: 460px
}

.ag-ltr .ag-row-group-indent-23 {
    padding-left: 460px
}

.ag-rtl .ag-row-group-indent-23 {
    padding-right: 460px
}

.ag-ltr .ag-column-select-indent-24 {
    padding-left: 480px
}

.ag-rtl .ag-column-select-indent-24 {
    padding-right: 480px
}

.ag-ltr .ag-row-group-indent-24 {
    padding-left: 480px
}

.ag-rtl .ag-row-group-indent-24 {
    padding-right: 480px
}

.ag-ltr .ag-column-select-indent-25 {
    padding-left: 500px
}

.ag-rtl .ag-column-select-indent-25 {
    padding-right: 500px
}

.ag-ltr .ag-row-group-indent-25 {
    padding-left: 500px
}

.ag-rtl .ag-row-group-indent-25 {
    padding-right: 500px
}

.ag-ltr .ag-column-select-indent-26 {
    padding-left: 520px
}

.ag-rtl .ag-column-select-indent-26 {
    padding-right: 520px
}

.ag-ltr .ag-row-group-indent-26 {
    padding-left: 520px
}

.ag-rtl .ag-row-group-indent-26 {
    padding-right: 520px
}

.ag-ltr .ag-column-select-indent-27 {
    padding-left: 540px
}

.ag-rtl .ag-column-select-indent-27 {
    padding-right: 540px
}

.ag-ltr .ag-row-group-indent-27 {
    padding-left: 540px
}

.ag-rtl .ag-row-group-indent-27 {
    padding-right: 540px
}

.ag-ltr .ag-column-select-indent-28 {
    padding-left: 560px
}

.ag-rtl .ag-column-select-indent-28 {
    padding-right: 560px
}

.ag-ltr .ag-row-group-indent-28 {
    padding-left: 560px
}

.ag-rtl .ag-row-group-indent-28 {
    padding-right: 560px
}

.ag-ltr .ag-column-select-indent-29 {
    padding-left: 580px
}

.ag-rtl .ag-column-select-indent-29 {
    padding-right: 580px
}

.ag-ltr .ag-row-group-indent-29 {
    padding-left: 580px
}

.ag-rtl .ag-row-group-indent-29 {
    padding-right: 580px
}

.ag-ltr .ag-column-select-indent-30 {
    padding-left: 600px
}

.ag-rtl .ag-column-select-indent-30 {
    padding-right: 600px
}

.ag-ltr .ag-row-group-indent-30 {
    padding-left: 600px
}

.ag-rtl .ag-row-group-indent-30 {
    padding-right: 600px
}

.ag-ltr .ag-column-select-indent-31 {
    padding-left: 620px
}

.ag-rtl .ag-column-select-indent-31 {
    padding-right: 620px
}

.ag-ltr .ag-row-group-indent-31 {
    padding-left: 620px
}

.ag-rtl .ag-row-group-indent-31 {
    padding-right: 620px
}

.ag-ltr .ag-column-select-indent-32 {
    padding-left: 640px
}

.ag-rtl .ag-column-select-indent-32 {
    padding-right: 640px
}

.ag-ltr .ag-row-group-indent-32 {
    padding-left: 640px
}

.ag-rtl .ag-row-group-indent-32 {
    padding-right: 640px
}

.ag-ltr .ag-column-select-indent-33 {
    padding-left: 660px
}

.ag-rtl .ag-column-select-indent-33 {
    padding-right: 660px
}

.ag-ltr .ag-row-group-indent-33 {
    padding-left: 660px
}

.ag-rtl .ag-row-group-indent-33 {
    padding-right: 660px
}

.ag-ltr .ag-column-select-indent-34 {
    padding-left: 680px
}

.ag-rtl .ag-column-select-indent-34 {
    padding-right: 680px
}

.ag-ltr .ag-row-group-indent-34 {
    padding-left: 680px
}

.ag-rtl .ag-row-group-indent-34 {
    padding-right: 680px
}

.ag-ltr .ag-column-select-indent-35 {
    padding-left: 700px
}

.ag-rtl .ag-column-select-indent-35 {
    padding-right: 700px
}

.ag-ltr .ag-row-group-indent-35 {
    padding-left: 700px
}

.ag-rtl .ag-row-group-indent-35 {
    padding-right: 700px
}

.ag-ltr .ag-column-select-indent-36 {
    padding-left: 720px
}

.ag-rtl .ag-column-select-indent-36 {
    padding-right: 720px
}

.ag-ltr .ag-row-group-indent-36 {
    padding-left: 720px
}

.ag-rtl .ag-row-group-indent-36 {
    padding-right: 720px
}

.ag-ltr .ag-column-select-indent-37 {
    padding-left: 740px
}

.ag-rtl .ag-column-select-indent-37 {
    padding-right: 740px
}

.ag-ltr .ag-row-group-indent-37 {
    padding-left: 740px
}

.ag-rtl .ag-row-group-indent-37 {
    padding-right: 740px
}

.ag-ltr .ag-column-select-indent-38 {
    padding-left: 760px
}

.ag-rtl .ag-column-select-indent-38 {
    padding-right: 760px
}

.ag-ltr .ag-row-group-indent-38 {
    padding-left: 760px
}

.ag-rtl .ag-row-group-indent-38 {
    padding-right: 760px
}

.ag-ltr .ag-column-select-indent-39 {
    padding-left: 780px
}

.ag-rtl .ag-column-select-indent-39 {
    padding-right: 780px
}

.ag-ltr .ag-row-group-indent-39 {
    padding-left: 780px
}

.ag-rtl .ag-row-group-indent-39 {
    padding-right: 780px
}

.ag-ltr .ag-column-select-indent-40 {
    padding-left: 800px
}

.ag-rtl .ag-column-select-indent-40 {
    padding-right: 800px
}

.ag-ltr .ag-row-group-indent-40 {
    padding-left: 800px
}

.ag-rtl .ag-row-group-indent-40 {
    padding-right: 800px
}

.ag-ltr .ag-column-select-indent-41 {
    padding-left: 820px
}

.ag-rtl .ag-column-select-indent-41 {
    padding-right: 820px
}

.ag-ltr .ag-row-group-indent-41 {
    padding-left: 820px
}

.ag-rtl .ag-row-group-indent-41 {
    padding-right: 820px
}

.ag-ltr .ag-column-select-indent-42 {
    padding-left: 840px
}

.ag-rtl .ag-column-select-indent-42 {
    padding-right: 840px
}

.ag-ltr .ag-row-group-indent-42 {
    padding-left: 840px
}

.ag-rtl .ag-row-group-indent-42 {
    padding-right: 840px
}

.ag-ltr .ag-column-select-indent-43 {
    padding-left: 860px
}

.ag-rtl .ag-column-select-indent-43 {
    padding-right: 860px
}

.ag-ltr .ag-row-group-indent-43 {
    padding-left: 860px
}

.ag-rtl .ag-row-group-indent-43 {
    padding-right: 860px
}

.ag-ltr .ag-column-select-indent-44 {
    padding-left: 880px
}

.ag-rtl .ag-column-select-indent-44 {
    padding-right: 880px
}

.ag-ltr .ag-row-group-indent-44 {
    padding-left: 880px
}

.ag-rtl .ag-row-group-indent-44 {
    padding-right: 880px
}

.ag-ltr .ag-column-select-indent-45 {
    padding-left: 900px
}

.ag-rtl .ag-column-select-indent-45 {
    padding-right: 900px
}

.ag-ltr .ag-row-group-indent-45 {
    padding-left: 900px
}

.ag-rtl .ag-row-group-indent-45 {
    padding-right: 900px
}

.ag-ltr .ag-column-select-indent-46 {
    padding-left: 920px
}

.ag-rtl .ag-column-select-indent-46 {
    padding-right: 920px
}

.ag-ltr .ag-row-group-indent-46 {
    padding-left: 920px
}

.ag-rtl .ag-row-group-indent-46 {
    padding-right: 920px
}

.ag-ltr .ag-column-select-indent-47 {
    padding-left: 940px
}

.ag-rtl .ag-column-select-indent-47 {
    padding-right: 940px
}

.ag-ltr .ag-row-group-indent-47 {
    padding-left: 940px
}

.ag-rtl .ag-row-group-indent-47 {
    padding-right: 940px
}

.ag-ltr .ag-column-select-indent-48 {
    padding-left: 960px
}

.ag-rtl .ag-column-select-indent-48 {
    padding-right: 960px
}

.ag-ltr .ag-row-group-indent-48 {
    padding-left: 960px
}

.ag-rtl .ag-row-group-indent-48 {
    padding-right: 960px
}

.ag-ltr .ag-column-select-indent-49 {
    padding-left: 980px
}

.ag-rtl .ag-column-select-indent-49 {
    padding-right: 980px
}

.ag-ltr .ag-row-group-indent-49 {
    padding-left: 980px
}

.ag-rtl .ag-row-group-indent-49 {
    padding-right: 980px
}

.ag-ltr .ag-column-select-indent-50 {
    padding-left: 1000px
}

.ag-rtl .ag-column-select-indent-50 {
    padding-right: 1000px
}

.ag-ltr .ag-row-group-indent-50 {
    padding-left: 1000px
}

.ag-rtl .ag-row-group-indent-50 {
    padding-right: 1000px
}

.ag-ltr .ag-column-select-indent-51 {
    padding-left: 1020px
}

.ag-rtl .ag-column-select-indent-51 {
    padding-right: 1020px
}

.ag-ltr .ag-row-group-indent-51 {
    padding-left: 1020px
}

.ag-rtl .ag-row-group-indent-51 {
    padding-right: 1020px
}

.ag-ltr .ag-column-select-indent-52 {
    padding-left: 1040px
}

.ag-rtl .ag-column-select-indent-52 {
    padding-right: 1040px
}

.ag-ltr .ag-row-group-indent-52 {
    padding-left: 1040px
}

.ag-rtl .ag-row-group-indent-52 {
    padding-right: 1040px
}

.ag-ltr .ag-column-select-indent-53 {
    padding-left: 1060px
}

.ag-rtl .ag-column-select-indent-53 {
    padding-right: 1060px
}

.ag-ltr .ag-row-group-indent-53 {
    padding-left: 1060px
}

.ag-rtl .ag-row-group-indent-53 {
    padding-right: 1060px
}

.ag-ltr .ag-column-select-indent-54 {
    padding-left: 1080px
}

.ag-rtl .ag-column-select-indent-54 {
    padding-right: 1080px
}

.ag-ltr .ag-row-group-indent-54 {
    padding-left: 1080px
}

.ag-rtl .ag-row-group-indent-54 {
    padding-right: 1080px
}

.ag-ltr .ag-column-select-indent-55 {
    padding-left: 1100px
}

.ag-rtl .ag-column-select-indent-55 {
    padding-right: 1100px
}

.ag-ltr .ag-row-group-indent-55 {
    padding-left: 1100px
}

.ag-rtl .ag-row-group-indent-55 {
    padding-right: 1100px
}

.ag-ltr .ag-column-select-indent-56 {
    padding-left: 1120px
}

.ag-rtl .ag-column-select-indent-56 {
    padding-right: 1120px
}

.ag-ltr .ag-row-group-indent-56 {
    padding-left: 1120px
}

.ag-rtl .ag-row-group-indent-56 {
    padding-right: 1120px
}

.ag-ltr .ag-column-select-indent-57 {
    padding-left: 1140px
}

.ag-rtl .ag-column-select-indent-57 {
    padding-right: 1140px
}

.ag-ltr .ag-row-group-indent-57 {
    padding-left: 1140px
}

.ag-rtl .ag-row-group-indent-57 {
    padding-right: 1140px
}

.ag-ltr .ag-column-select-indent-58 {
    padding-left: 1160px
}

.ag-rtl .ag-column-select-indent-58 {
    padding-right: 1160px
}

.ag-ltr .ag-row-group-indent-58 {
    padding-left: 1160px
}

.ag-rtl .ag-row-group-indent-58 {
    padding-right: 1160px
}

.ag-ltr .ag-column-select-indent-59 {
    padding-left: 1180px
}

.ag-rtl .ag-column-select-indent-59 {
    padding-right: 1180px
}

.ag-ltr .ag-row-group-indent-59 {
    padding-left: 1180px
}

.ag-rtl .ag-row-group-indent-59 {
    padding-right: 1180px
}

.ag-ltr .ag-column-select-indent-60 {
    padding-left: 1200px
}

.ag-rtl .ag-column-select-indent-60 {
    padding-right: 1200px
}

.ag-ltr .ag-row-group-indent-60 {
    padding-left: 1200px
}

.ag-rtl .ag-row-group-indent-60 {
    padding-right: 1200px
}

.ag-ltr .ag-column-select-indent-61 {
    padding-left: 1220px
}

.ag-rtl .ag-column-select-indent-61 {
    padding-right: 1220px
}

.ag-ltr .ag-row-group-indent-61 {
    padding-left: 1220px
}

.ag-rtl .ag-row-group-indent-61 {
    padding-right: 1220px
}

.ag-ltr .ag-column-select-indent-62 {
    padding-left: 1240px
}

.ag-rtl .ag-column-select-indent-62 {
    padding-right: 1240px
}

.ag-ltr .ag-row-group-indent-62 {
    padding-left: 1240px
}

.ag-rtl .ag-row-group-indent-62 {
    padding-right: 1240px
}

.ag-ltr .ag-column-select-indent-63 {
    padding-left: 1260px
}

.ag-rtl .ag-column-select-indent-63 {
    padding-right: 1260px
}

.ag-ltr .ag-row-group-indent-63 {
    padding-left: 1260px
}

.ag-rtl .ag-row-group-indent-63 {
    padding-right: 1260px
}

.ag-ltr .ag-column-select-indent-64 {
    padding-left: 1280px
}

.ag-rtl .ag-column-select-indent-64 {
    padding-right: 1280px
}

.ag-ltr .ag-row-group-indent-64 {
    padding-left: 1280px
}

.ag-rtl .ag-row-group-indent-64 {
    padding-right: 1280px
}

.ag-ltr .ag-column-select-indent-65 {
    padding-left: 1300px
}

.ag-rtl .ag-column-select-indent-65 {
    padding-right: 1300px
}

.ag-ltr .ag-row-group-indent-65 {
    padding-left: 1300px
}

.ag-rtl .ag-row-group-indent-65 {
    padding-right: 1300px
}

.ag-ltr .ag-column-select-indent-66 {
    padding-left: 1320px
}

.ag-rtl .ag-column-select-indent-66 {
    padding-right: 1320px
}

.ag-ltr .ag-row-group-indent-66 {
    padding-left: 1320px
}

.ag-rtl .ag-row-group-indent-66 {
    padding-right: 1320px
}

.ag-ltr .ag-column-select-indent-67 {
    padding-left: 1340px
}

.ag-rtl .ag-column-select-indent-67 {
    padding-right: 1340px
}

.ag-ltr .ag-row-group-indent-67 {
    padding-left: 1340px
}

.ag-rtl .ag-row-group-indent-67 {
    padding-right: 1340px
}

.ag-ltr .ag-column-select-indent-68 {
    padding-left: 1360px
}

.ag-rtl .ag-column-select-indent-68 {
    padding-right: 1360px
}

.ag-ltr .ag-row-group-indent-68 {
    padding-left: 1360px
}

.ag-rtl .ag-row-group-indent-68 {
    padding-right: 1360px
}

.ag-ltr .ag-column-select-indent-69 {
    padding-left: 1380px
}

.ag-rtl .ag-column-select-indent-69 {
    padding-right: 1380px
}

.ag-ltr .ag-row-group-indent-69 {
    padding-left: 1380px
}

.ag-rtl .ag-row-group-indent-69 {
    padding-right: 1380px
}

.ag-ltr .ag-column-select-indent-70 {
    padding-left: 1400px
}

.ag-rtl .ag-column-select-indent-70 {
    padding-right: 1400px
}

.ag-ltr .ag-row-group-indent-70 {
    padding-left: 1400px
}

.ag-rtl .ag-row-group-indent-70 {
    padding-right: 1400px
}

.ag-ltr .ag-column-select-indent-71 {
    padding-left: 1420px
}

.ag-rtl .ag-column-select-indent-71 {
    padding-right: 1420px
}

.ag-ltr .ag-row-group-indent-71 {
    padding-left: 1420px
}

.ag-rtl .ag-row-group-indent-71 {
    padding-right: 1420px
}

.ag-ltr .ag-column-select-indent-72 {
    padding-left: 1440px
}

.ag-rtl .ag-column-select-indent-72 {
    padding-right: 1440px
}

.ag-ltr .ag-row-group-indent-72 {
    padding-left: 1440px
}

.ag-rtl .ag-row-group-indent-72 {
    padding-right: 1440px
}

.ag-ltr .ag-column-select-indent-73 {
    padding-left: 1460px
}

.ag-rtl .ag-column-select-indent-73 {
    padding-right: 1460px
}

.ag-ltr .ag-row-group-indent-73 {
    padding-left: 1460px
}

.ag-rtl .ag-row-group-indent-73 {
    padding-right: 1460px
}

.ag-ltr .ag-column-select-indent-74 {
    padding-left: 1480px
}

.ag-rtl .ag-column-select-indent-74 {
    padding-right: 1480px
}

.ag-ltr .ag-row-group-indent-74 {
    padding-left: 1480px
}

.ag-rtl .ag-row-group-indent-74 {
    padding-right: 1480px
}

.ag-ltr .ag-column-select-indent-75 {
    padding-left: 1500px
}

.ag-rtl .ag-column-select-indent-75 {
    padding-right: 1500px
}

.ag-ltr .ag-row-group-indent-75 {
    padding-left: 1500px
}

.ag-rtl .ag-row-group-indent-75 {
    padding-right: 1500px
}

.ag-ltr .ag-column-select-indent-76 {
    padding-left: 1520px
}

.ag-rtl .ag-column-select-indent-76 {
    padding-right: 1520px
}

.ag-ltr .ag-row-group-indent-76 {
    padding-left: 1520px
}

.ag-rtl .ag-row-group-indent-76 {
    padding-right: 1520px
}

.ag-ltr .ag-column-select-indent-77 {
    padding-left: 1540px
}

.ag-rtl .ag-column-select-indent-77 {
    padding-right: 1540px
}

.ag-ltr .ag-row-group-indent-77 {
    padding-left: 1540px
}

.ag-rtl .ag-row-group-indent-77 {
    padding-right: 1540px
}

.ag-ltr .ag-column-select-indent-78 {
    padding-left: 1560px
}

.ag-rtl .ag-column-select-indent-78 {
    padding-right: 1560px
}

.ag-ltr .ag-row-group-indent-78 {
    padding-left: 1560px
}

.ag-rtl .ag-row-group-indent-78 {
    padding-right: 1560px
}

.ag-ltr .ag-column-select-indent-79 {
    padding-left: 1580px
}

.ag-rtl .ag-column-select-indent-79 {
    padding-right: 1580px
}

.ag-ltr .ag-row-group-indent-79 {
    padding-left: 1580px
}

.ag-rtl .ag-row-group-indent-79 {
    padding-right: 1580px
}

.ag-ltr .ag-column-select-indent-80 {
    padding-left: 1600px
}

.ag-rtl .ag-column-select-indent-80 {
    padding-right: 1600px
}

.ag-ltr .ag-row-group-indent-80 {
    padding-left: 1600px
}

.ag-rtl .ag-row-group-indent-80 {
    padding-right: 1600px
}

.ag-ltr .ag-column-select-indent-81 {
    padding-left: 1620px
}

.ag-rtl .ag-column-select-indent-81 {
    padding-right: 1620px
}

.ag-ltr .ag-row-group-indent-81 {
    padding-left: 1620px
}

.ag-rtl .ag-row-group-indent-81 {
    padding-right: 1620px
}

.ag-ltr .ag-column-select-indent-82 {
    padding-left: 1640px
}

.ag-rtl .ag-column-select-indent-82 {
    padding-right: 1640px
}

.ag-ltr .ag-row-group-indent-82 {
    padding-left: 1640px
}

.ag-rtl .ag-row-group-indent-82 {
    padding-right: 1640px
}

.ag-ltr .ag-column-select-indent-83 {
    padding-left: 1660px
}

.ag-rtl .ag-column-select-indent-83 {
    padding-right: 1660px
}

.ag-ltr .ag-row-group-indent-83 {
    padding-left: 1660px
}

.ag-rtl .ag-row-group-indent-83 {
    padding-right: 1660px
}

.ag-ltr .ag-column-select-indent-84 {
    padding-left: 1680px
}

.ag-rtl .ag-column-select-indent-84 {
    padding-right: 1680px
}

.ag-ltr .ag-row-group-indent-84 {
    padding-left: 1680px
}

.ag-rtl .ag-row-group-indent-84 {
    padding-right: 1680px
}

.ag-ltr .ag-column-select-indent-85 {
    padding-left: 1700px
}

.ag-rtl .ag-column-select-indent-85 {
    padding-right: 1700px
}

.ag-ltr .ag-row-group-indent-85 {
    padding-left: 1700px
}

.ag-rtl .ag-row-group-indent-85 {
    padding-right: 1700px
}

.ag-ltr .ag-column-select-indent-86 {
    padding-left: 1720px
}

.ag-rtl .ag-column-select-indent-86 {
    padding-right: 1720px
}

.ag-ltr .ag-row-group-indent-86 {
    padding-left: 1720px
}

.ag-rtl .ag-row-group-indent-86 {
    padding-right: 1720px
}

.ag-ltr .ag-column-select-indent-87 {
    padding-left: 1740px
}

.ag-rtl .ag-column-select-indent-87 {
    padding-right: 1740px
}

.ag-ltr .ag-row-group-indent-87 {
    padding-left: 1740px
}

.ag-rtl .ag-row-group-indent-87 {
    padding-right: 1740px
}

.ag-ltr .ag-column-select-indent-88 {
    padding-left: 1760px
}

.ag-rtl .ag-column-select-indent-88 {
    padding-right: 1760px
}

.ag-ltr .ag-row-group-indent-88 {
    padding-left: 1760px
}

.ag-rtl .ag-row-group-indent-88 {
    padding-right: 1760px
}

.ag-ltr .ag-column-select-indent-89 {
    padding-left: 1780px
}

.ag-rtl .ag-column-select-indent-89 {
    padding-right: 1780px
}

.ag-ltr .ag-row-group-indent-89 {
    padding-left: 1780px
}

.ag-rtl .ag-row-group-indent-89 {
    padding-right: 1780px
}

.ag-ltr .ag-column-select-indent-90 {
    padding-left: 1800px
}

.ag-rtl .ag-column-select-indent-90 {
    padding-right: 1800px
}

.ag-ltr .ag-row-group-indent-90 {
    padding-left: 1800px
}

.ag-rtl .ag-row-group-indent-90 {
    padding-right: 1800px
}

.ag-ltr .ag-column-select-indent-91 {
    padding-left: 1820px
}

.ag-rtl .ag-column-select-indent-91 {
    padding-right: 1820px
}

.ag-ltr .ag-row-group-indent-91 {
    padding-left: 1820px
}

.ag-rtl .ag-row-group-indent-91 {
    padding-right: 1820px
}

.ag-ltr .ag-column-select-indent-92 {
    padding-left: 1840px
}

.ag-rtl .ag-column-select-indent-92 {
    padding-right: 1840px
}

.ag-ltr .ag-row-group-indent-92 {
    padding-left: 1840px
}

.ag-rtl .ag-row-group-indent-92 {
    padding-right: 1840px
}

.ag-ltr .ag-column-select-indent-93 {
    padding-left: 1860px
}

.ag-rtl .ag-column-select-indent-93 {
    padding-right: 1860px
}

.ag-ltr .ag-row-group-indent-93 {
    padding-left: 1860px
}

.ag-rtl .ag-row-group-indent-93 {
    padding-right: 1860px
}

.ag-ltr .ag-column-select-indent-94 {
    padding-left: 1880px
}

.ag-rtl .ag-column-select-indent-94 {
    padding-right: 1880px
}

.ag-ltr .ag-row-group-indent-94 {
    padding-left: 1880px
}

.ag-rtl .ag-row-group-indent-94 {
    padding-right: 1880px
}

.ag-ltr .ag-column-select-indent-95 {
    padding-left: 1900px
}

.ag-rtl .ag-column-select-indent-95 {
    padding-right: 1900px
}

.ag-ltr .ag-row-group-indent-95 {
    padding-left: 1900px
}

.ag-rtl .ag-row-group-indent-95 {
    padding-right: 1900px
}

.ag-ltr .ag-column-select-indent-96 {
    padding-left: 1920px
}

.ag-rtl .ag-column-select-indent-96 {
    padding-right: 1920px
}

.ag-ltr .ag-row-group-indent-96 {
    padding-left: 1920px
}

.ag-rtl .ag-row-group-indent-96 {
    padding-right: 1920px
}

.ag-ltr .ag-column-select-indent-97 {
    padding-left: 1940px
}

.ag-rtl .ag-column-select-indent-97 {
    padding-right: 1940px
}

.ag-ltr .ag-row-group-indent-97 {
    padding-left: 1940px
}

.ag-rtl .ag-row-group-indent-97 {
    padding-right: 1940px
}

.ag-ltr .ag-column-select-indent-98 {
    padding-left: 1960px
}

.ag-rtl .ag-column-select-indent-98 {
    padding-right: 1960px
}

.ag-ltr .ag-row-group-indent-98 {
    padding-left: 1960px
}

.ag-rtl .ag-row-group-indent-98 {
    padding-right: 1960px
}

.ag-ltr .ag-column-select-indent-99 {
    padding-left: 1980px
}

.ag-rtl .ag-column-select-indent-99 {
    padding-right: 1980px
}

.ag-ltr .ag-row-group-indent-99 {
    padding-left: 1980px
}

.ag-rtl .ag-row-group-indent-99 {
    padding-right: 1980px
}

.ag-ltr {
    direction: ltr
}

.ag-ltr .ag-body,
.ag-ltr .ag-body-horizontal-scroll,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-header {
    flex-direction: row
}

.ag-rtl {
    direction: rtl
}

.ag-rtl .ag-body,
.ag-rtl .ag-body-horizontal-scroll,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-header {
    flex-direction: row-reverse
}

.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-tree-closed {
    display: block;
    transform: rotate(180deg)
}

.ag-layout-print.ag-body-viewport {
    flex: none
}

.ag-layout-print.ag-root-wrapper {
    display: inline-flex
}

.ag-layout-print .ag-center-cols-clipper {
    min-width: 100%
}

.ag-layout-print .ag-body-horizontal-scroll {
    display: none
}

.ag-layout-print.ag-force-vertical-scroll {
    overflow-y: visible !important
}

@media print {

    .ag-root-wrapper.ag-layout-print,
    .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
    .ag-root-wrapper.ag-layout-print .ag-body-viewport,
    .ag-root-wrapper.ag-layout-print .ag-center-cols-clipper,
    .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
    .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
    .ag-root-wrapper.ag-layout-print .ag-root,
    .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
    .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
        height: auto !important;
        overflow: hidden !important;
        display: block !important
    }

    .ag-root-wrapper.ag-layout-print .ag-row {
        page-break-inside: avoid
    }
}

.ag-body .ag-body-viewport {
    -webkit-overflow-scrolling: touch
}

.ag-chart {
    width: 100%;
    height: 100%
}

.ag-chart,
.ag-chart-components-wrapper {
    position: relative;
    display: flex;
    overflow: hidden
}

.ag-chart-components-wrapper {
    flex: 1 1 auto
}

.ag-chart-title-edit {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    text-align: center
}

.ag-chart-title-edit.currently-editing {
    display: inline-block
}

.ag-chart-canvas-wrapper {
    position: relative;
    flex: 1 1 auto;
    overflow: hidden
}

.ag-charts-canvas {
    display: block
}

.ag-chart-menu {
    position: absolute;
    top: 10px;
    width: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.ag-ltr .ag-chart-menu {
    right: 20px
}

.ag-rtl .ag-chart-menu {
    left: 20px
}

.ag-chart-docked-container {
    position: relative;
    width: 0;
    min-width: 0;
    transition: min-width .4s
}

.ag-chart-menu-hidden~.ag-chart-docked-container {
    max-width: 0;
    overflow: hidden
}

.ag-chart-tabbed-menu {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.ag-chart-tabbed-menu-header {
    flex: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default
}

.ag-chart-tabbed-menu-body {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    overflow: hidden
}

.ag-chart-tab {
    width: 100%;
    overflow: hidden;
    overflow-y: auto
}

.ag-chart-settings {
    overflow-x: hidden
}

.ag-chart-settings-wrapper {
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
}

.ag-chart-settings-nav-bar {
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 0 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ag-chart-settings-card-selector {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex: 1 1 auto;
    height: 100%;
    padding: 0 10px
}

.ag-chart-settings-card-item {
    cursor: pointer;
    width: 10px;
    height: 10px;
    background-color: #000;
    position: relative
}

.ag-chart-settings-card-item.ag-not-selected {
    opacity: .2
}

.ag-chart-settings-card-item:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: transparent;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
    height: 20px
}

.ag-chart-settings-next,
.ag-chart-settings-prev {
    position: relative;
    flex: none
}

.ag-chart-settings-next-button,
.ag-chart-settings-prev-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ag-chart-settings-mini-charts-container {
    position: relative;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto
}

.ag-chart-settings-mini-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    overflow: hidden
}

.ag-chart-settings-mini-wrapper.ag-animating {
    transition: left .3s;
    transition-timing-function: ease-in-out
}

.ag-chart-mini-thumbnail {
    cursor: pointer
}

.ag-chart-mini-thumbnail-canvas {
    display: block
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ag-chart-data-wrapper {
    height: 100%;
    overflow-y: auto
}

.ag-chart-data-section,
.ag-chart-format-section {
    display: flex;
    margin: 0
}

.ag-chart-empty-text {
    display: flex;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.ag-chart .ag-chart-menu {
    opacity: 0;
    pointer-events: none
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
    opacity: 1;
    pointer-events: all
}

.ag-charts-font-size-color {
    display: flex;
    align-self: stretch;
    justify-content: space-between
}

.ag-charts-data-group-item {
    position: relative
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row,
.ag-date-time-list-page-title-bar {
    display: flex
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
    flex-basis: 0;
    flex-grow: 1
}

.ag-date-time-list-page-entry {
    cursor: pointer
}

.ag-theme-material {
    -webkit-font-smoothing: antialiased;
    color: rgba(0, 0, 0, .87);
    color: var(--ag-foreground-color, rgba(0, 0, 0, .87));
    font-family: Roboto, sans-serif;
    font-size: 13px;
    line-height: normal
}

@font-face {
    font-family: agGridMaterial;
    src: url(data:application/font-woff;charset=utf-8;base64, ) format("woff");
    font-weight: 400;
    font-style: normal
}

.ag-theme-material .ag-icon {
    font-family: agGridMaterial;
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ag-theme-material .ag-icon-aggregation:before {
    content: "\f101"
}

.ag-theme-material .ag-icon-arrows:before {
    content: "\f102"
}

.ag-theme-material .ag-icon-asc:before {
    content: "\f103"
}

.ag-theme-material .ag-icon-cancel:before {
    content: "\f104"
}

.ag-theme-material .ag-icon-chart:before {
    content: "\f105"
}

.ag-theme-material .ag-icon-color-picker:before {
    content: "\f109"
}

.ag-theme-material .ag-icon-columns:before {
    content: "\f10a"
}

.ag-theme-material .ag-icon-contracted:before {
    content: "\f10b"
}

.ag-theme-material .ag-icon-copy:before {
    content: "\f10c"
}

.ag-theme-material .ag-icon-cross:before {
    content: "\f10d"
}

.ag-theme-material .ag-icon-csv:before {
    content: "\f10e"
}

.ag-theme-material .ag-icon-desc:before {
    content: "\f10f"
}

.ag-theme-material .ag-icon-excel:before {
    content: "\f110"
}

.ag-theme-material .ag-icon-expanded:before {
    content: "\f111"
}

.ag-theme-material .ag-icon-eye-slash:before {
    content: "\f112"
}

.ag-theme-material .ag-icon-eye:before {
    content: "\f113"
}

.ag-theme-material .ag-icon-filter:before {
    content: "\f114"
}

.ag-theme-material .ag-icon-first:before {
    content: "\f115"
}

.ag-theme-material .ag-icon-grip:before {
    content: "\f116"
}

.ag-theme-material .ag-icon-group:before {
    content: "\f117"
}

.ag-theme-material .ag-icon-last:before {
    content: "\f118"
}

.ag-theme-material .ag-icon-left:before {
    content: "\f119"
}

.ag-theme-material .ag-icon-linked:before {
    content: "\f11a"
}

.ag-theme-material .ag-icon-loading:before {
    content: "\f11b"
}

.ag-theme-material .ag-icon-maximize:before {
    content: "\f11c"
}

.ag-theme-material .ag-icon-menu:before {
    content: "\f11d"
}

.ag-theme-material .ag-icon-minimize:before {
    content: "\f11e"
}

.ag-theme-material .ag-icon-next:before {
    content: "\f11f"
}

.ag-theme-material .ag-icon-none:before {
    content: "\f120"
}

.ag-theme-material .ag-icon-not-allowed:before {
    content: "\f121"
}

.ag-theme-material .ag-icon-paste:before {
    content: "\f122"
}

.ag-theme-material .ag-icon-pin:before {
    content: "\f123"
}

.ag-theme-material .ag-icon-pivot:before {
    content: "\f124"
}

.ag-theme-material .ag-icon-previous:before {
    content: "\f125"
}

.ag-theme-material .ag-icon-right:before {
    content: "\f128"
}

.ag-theme-material .ag-icon-save:before {
    content: "\f129"
}

.ag-theme-material .ag-icon-small-down:before {
    content: "\f12a"
}

.ag-theme-material .ag-icon-small-left:before {
    content: "\f12b"
}

.ag-theme-material .ag-icon-small-right:before {
    content: "\f12c"
}

.ag-theme-material .ag-icon-small-up:before {
    content: "\f12d"
}

.ag-theme-material .ag-icon-tick:before {
    content: "\f12e"
}

.ag-theme-material .ag-icon-tree-closed:before {
    content: "\f12f"
}

.ag-theme-material .ag-icon-tree-indeterminate:before {
    content: "\f130"
}

.ag-theme-material .ag-icon-tree-open:before {
    content: "\f131"
}

.ag-theme-material .ag-icon-unlinked:before {
    content: "\f132"
}

.ag-theme-material .ag-icon-row-drag:before {
    content: "\f116"
}

.ag-theme-material .ag-left-arrow:before {
    content: "\f119"
}

.ag-theme-material .ag-right-arrow:before {
    content: "\f128"
}

.ag-theme-material .ag-root-wrapper {
    background-color: #fff;
    background-color: var(--ag-background-color, #fff)
}

.ag-theme-material [class^=ag-],
.ag-theme-material [class^=ag-]:after,
.ag-theme-material [class^=ag-]:before,
.ag-theme-material [class^=ag-]:focus {
    box-sizing: border-box;
    outline: none
}

.ag-theme-material [class^=ag-]::-ms-clear {
    display: none
}

.ag-theme-material .ag-checkbox .ag-input-wrapper,
.ag-theme-material .ag-radio-button .ag-input-wrapper {
    overflow: visible
}

.ag-theme-material .ag-range-field .ag-input-wrapper {
    height: 100%
}

.ag-theme-material .ag-toggle-button {
    flex: none;
    width: unset;
    min-width: unset
}

.ag-theme-material .ag-ltr .ag-label-align-right .ag-label {
    margin-left: 8px
}

.ag-theme-material .ag-rtl .ag-label-align-right .ag-label {
    margin-right: 8px
}

.ag-theme-material input[class^=ag-] {
    margin: 0
}

.ag-theme-material input[class^=ag-],
.ag-theme-material select[class^=ag-],
.ag-theme-material textarea[class^=ag-] {
    background-color: #fff;
    background-color: var(--ag-background-color, #fff)
}

.ag-theme-material input[class^=ag-]:not([type]),
.ag-theme-material input[class^=ag-][type=date],
.ag-theme-material input[class^=ag-][type=datetime-local],
.ag-theme-material input[class^=ag-][type=number],
.ag-theme-material input[class^=ag-][type=tel],
.ag-theme-material input[class^=ag-][type=text],
.ag-theme-material textarea[class^=ag-] {
    line-height: inherit;
    color: inherit
}

.ag-theme-material input[class^=ag-]:not([type]):disabled,
.ag-theme-material input[class^=ag-][type=date]:disabled,
.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material input[class^=ag-][type=number]:disabled,
.ag-theme-material input[class^=ag-][type=tel]:disabled,
.ag-theme-material input[class^=ag-][type=text]:disabled,
.ag-theme-material textarea[class^=ag-]:disabled {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, .38));
    background-color: var(--ag-input-disabled-background-color);
    border-color: var(--ag-input-disabled-border-color)
}

.ag-theme-material input[class^=ag-]:not([type]):focus,
.ag-theme-material input[class^=ag-][type=date]:focus,
.ag-theme-material input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material input[class^=ag-][type=number]:focus,
.ag-theme-material input[class^=ag-][type=tel]:focus,
.ag-theme-material input[class^=ag-][type=text]:focus,
.ag-theme-material textarea[class^=ag-]:focus {
    outline: none;
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122);
    border-color: #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material input[class^=ag-]:not([type]):invalid,
.ag-theme-material input[class^=ag-][type=date]:invalid,
.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material input[class^=ag-][type=number]:invalid,
.ag-theme-material input[class^=ag-][type=tel]:invalid,
.ag-theme-material input[class^=ag-][type=text]:invalid,
.ag-theme-material textarea[class^=ag-]:invalid {
    border-width: 2px;
    border-style: solid;
    border-color: var(--ag-input-border-color-invalid)
}

.ag-theme-material input[class^=ag-][type=number] {
    -moz-appearance: textfield
}

.ag-theme-material input[class^=ag-][type=number]::-webkit-inner-spin-button,
.ag-theme-material input[class^=ag-][type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ag-theme-material input[class^=ag-][type=range] {
    padding: 0
}

.ag-theme-material button[class^=ag-]:focus,
.ag-theme-material input[class^=ag-][type=button]:focus {
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122)
}

.ag-theme-material .ag-drag-handle {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54))
}

.ag-theme-material .ag-list-item,
.ag-theme-material .ag-virtual-list-item {
    height: 32px
}

.ag-theme-material .ag-keyboard-focus .ag-virtual-list-item:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-virtual-list-item:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-select-list {
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    overflow-y: auto;
    overflow-x: hidden
}

.ag-theme-material .ag-list-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-theme-material .ag-list-item.ag-active-item {
    background-color: #fafafa;
    background-color: var(--ag-row-hover-color, #fafafa)
}

.ag-theme-material .ag-select-list-item {
    padding-left: 4px;
    padding-right: 4px;
    cursor: default;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.ag-theme-material .ag-select-list-item span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ag-theme-material .ag-select .ag-picker-field-wrapper {
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    min-height: 32px;
    cursor: default
}

.ag-theme-material .ag-select.ag-disabled .ag-picker-field-wrapper:focus {
    box-shadow: none
}

.ag-theme-material .ag-select:not(.ag-cell-editor) {
    height: 32px
}

.ag-theme-material .ag-select .ag-picker-field-display {
    margin: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-theme-material .ag-select .ag-picker-field-icon {
    display: flex;
    align-items: center
}

.ag-theme-material .ag-select.ag-disabled {
    opacity: .5
}

.ag-theme-material .ag-rich-select {
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa)
}

.ag-theme-material .ag-rich-select-list {
    width: 100%;
    min-width: 200px;
    height: 312px
}

.ag-theme-material .ag-rich-select-value {
    padding: 0 8px 0 24px;
    height: 48px
}

.ag-theme-material .ag-rich-select-virtual-list-item {
    cursor: default;
    height: 32px
}

.ag-theme-material .ag-rich-select-virtual-list-item:hover {
    background-color: #fafafa;
    background-color: var(--ag-row-hover-color, #fafafa)
}

.ag-theme-material .ag-rich-select-row {
    padding-left: 24px
}

.ag-theme-material .ag-rich-select-row-selected {
    background-color: #eee;
    background-color: var(--ag-selected-row-background-color, #eee)
}

.ag-theme-material .ag-group-contracted,
.ag-theme-material .ag-group-expanded,
.ag-theme-material .ag-row-drag,
.ag-theme-material .ag-selection-checkbox {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54))
}

.ag-theme-material .ag-ltr .ag-group-contracted,
.ag-theme-material .ag-ltr .ag-group-expanded,
.ag-theme-material .ag-ltr .ag-row-drag,
.ag-theme-material .ag-ltr .ag-selection-checkbox {
    margin-right: 24px
}

.ag-theme-material .ag-rtl .ag-group-contracted,
.ag-theme-material .ag-rtl .ag-group-expanded,
.ag-theme-material .ag-rtl .ag-row-drag,
.ag-theme-material .ag-rtl .ag-selection-checkbox {
    margin-left: 24px
}

.ag-theme-material .ag-cell-wrapper>:not(.ag-cell-value):not(.ag-group-value) {
    height: min(var(--ag-line-height, 46px), 46px);
    display: flex;
    align-items: center;
    flex: none
}

.ag-theme-material .ag-group-contracted,
.ag-theme-material .ag-group-expanded {
    cursor: pointer
}

.ag-theme-material .ag-group-title-bar-icon {
    cursor: pointer;
    flex: none;
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54))
}

.ag-theme-material .ag-ltr .ag-group-child-count {
    margin-left: 2px
}

.ag-theme-material .ag-rtl .ag-group-child-count {
    margin-right: 2px
}

.ag-theme-material .ag-group-title-bar {
    background-color: #eee;
    background-color: var(--ag-subheader-background-color, #eee);
    padding: 8px
}

.ag-theme-material .ag-group-toolbar {
    padding: 8px
}

.ag-theme-material .ag-disabled-group-container,
.ag-theme-material .ag-disabled-group-title-bar {
    opacity: .5
}

.ag-theme-material .group-item {
    margin: 4px 0
}

.ag-theme-material .ag-label {
    white-space: nowrap
}

.ag-theme-material .ag-ltr .ag-label {
    margin-right: 8px
}

.ag-theme-material .ag-rtl .ag-label {
    margin-left: 8px
}

.ag-theme-material .ag-label-align-top .ag-label {
    margin-bottom: 4px
}

.ag-theme-material .ag-ltr .ag-angle-select-field,
.ag-theme-material .ag-ltr .ag-slider-field {
    margin-right: 16px
}

.ag-theme-material .ag-rtl .ag-angle-select-field,
.ag-theme-material .ag-rtl .ag-slider-field {
    margin-left: 16px
}

.ag-theme-material .ag-angle-select-parent-circle {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    border: 1px solid #e2e2e2;
    border-color: var(--ag-border-color, #e2e2e2);
    background-color: #fff;
    background-color: var(--ag-background-color, #fff)
}

.ag-theme-material .ag-angle-select-child-circle {
    top: 4px;
    left: 12px;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    margin-top: -4px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .54);
    background-color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54))
}

.ag-theme-material .ag-picker-field-wrapper {
    border: 1px solid #e2e2e2;
    border-color: var(--ag-border-color, #e2e2e2);
    border-radius: 5px
}

.ag-theme-material .ag-picker-field-wrapper:focus {
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122)
}

.ag-theme-material .ag-picker-field-button {
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54))
}

.ag-theme-material .ag-dialog.ag-color-dialog {
    border-radius: 5px
}

.ag-theme-material .ag-color-picker .ag-picker-field-display {
    height: 18px
}

.ag-theme-material .ag-color-panel {
    padding: 8px
}

.ag-theme-material .ag-spectrum-color {
    background-color: red;
    border-radius: 2px
}

.ag-theme-material .ag-spectrum-tools {
    padding: 10px
}

.ag-theme-material .ag-spectrum-sat {
    background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0))
}

.ag-theme-material .ag-spectrum-val {
    background-image: linear-gradient(0deg, #000, hsla(20, 42%, 65%, 0))
}

.ag-theme-material .ag-spectrum-dragger {
    border-radius: 12px;
    height: 12px;
    width: 12px;
    border: 1px solid #fff;
    background: #000;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .24)
}

.ag-theme-material .ag-spectrum-alpha-background,
.ag-theme-material .ag-spectrum-hue-background {
    border-radius: 2px
}

.ag-theme-material .ag-spectrum-tool {
    margin-bottom: 10px;
    height: 11px;
    border-radius: 2px
}

.ag-theme-material .ag-spectrum-slider {
    margin-top: -12px;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background-color: #f8f8f8;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37)
}

.ag-theme-material .ag-recent-color {
    margin: 0 3px
}

.ag-theme-material .ag-recent-color:first-child {
    margin-left: 0
}

.ag-theme-material .ag-recent-color:last-child {
    margin-right: 0
}

.ag-theme-material.ag-dnd-ghost {
    background: #fff;
    background: var(--ag-background-color, #fff);
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54));
    height: 56px !important;
    line-height: 56px;
    margin: 0;
    padding: 0 16px;
    transform: translateY(16px)
}

.ag-theme-material .ag-dnd-ghost-icon {
    margin-right: 8px;
    color: rgba(0, 0, 0, .87);
    color: var(--ag-foreground-color, rgba(0, 0, 0, .87))
}

.ag-theme-material .ag-popup-child:not(.ag-tooltip-custom) {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .3)
}

.ag-dragging-fill-handle .ag-theme-material .ag-dialog,
.ag-dragging-range-handle .ag-theme-material .ag-dialog {
    opacity: .7;
    pointer-events: none
}

.ag-theme-material .ag-dialog {
    border-radius: 0
}

.ag-theme-material .ag-panel {
    background-color: #fff;
    background-color: var(--ag-background-color, #fff)
}

.ag-theme-material .ag-panel-title-bar {
    background-color: #fff;
    background-color: var(--ag-header-background-color, #fff);
    color: rgba(0, 0, 0, .54);
    color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54)));
    height: 56px;
    padding: 8px 24px
}

.ag-theme-material .ag-ltr .ag-panel-title-bar-button {
    margin-left: 8px
}

.ag-theme-material .ag-rtl .ag-panel-title-bar-button {
    margin-right: 8px
}

.ag-theme-material .ag-tooltip {
    background-color: #fff;
    background-color: var(--ag-header-background-color, #fff);
    color: rgba(0, 0, 0, .87);
    color: var(--ag-foreground-color, rgba(0, 0, 0, .87));
    padding: 8px;
    border-radius: 2px;
    transition: opacity 1s;
    white-space: normal
}

.ag-theme-material .ag-tooltip.ag-tooltip-hiding {
    opacity: 0
}

.ag-theme-material .ag-tooltip-custom {
    transition: opacity 1s
}

.ag-theme-material .ag-tooltip-custom.ag-tooltip-hiding {
    opacity: 0
}

.ag-theme-material .ag-ltr .ag-column-select-indent-1 {
    padding-left: 26px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-1 {
    padding-right: 26px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-2 {
    padding-left: 52px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-2 {
    padding-right: 52px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-3 {
    padding-left: 78px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-3 {
    padding-right: 78px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-4 {
    padding-left: 104px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-4 {
    padding-right: 104px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-5 {
    padding-left: 130px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-5 {
    padding-right: 130px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-6 {
    padding-left: 156px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-6 {
    padding-right: 156px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-7 {
    padding-left: 182px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-7 {
    padding-right: 182px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-8 {
    padding-left: 208px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-8 {
    padding-right: 208px
}

.ag-theme-material .ag-ltr .ag-column-select-indent-9 {
    padding-left: 234px
}

.ag-theme-material .ag-rtl .ag-column-select-indent-9 {
    padding-right: 234px
}

.ag-theme-material .ag-column-select-header-icon {
    cursor: pointer
}

.ag-theme-material .ag-keyboard-focus .ag-column-select-header-icon:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-column-select-header-icon:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-ltr .ag-column-group-icons:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-column-label:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-header-icon:not(:last-child) {
    margin-right: 16px
}

.ag-theme-material .ag-rtl .ag-column-group-icons:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-column-label:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-header-icon:not(:last-child) {
    margin-left: 16px
}

.ag-theme-material .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-column-select-virtual-list-item:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 1px;
    left: 1px;
    display: block;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-column-select-column-group:not(:last-child),
.ag-theme-material .ag-column-select-column:not(:last-child) {
    margin-bottom: 14px
}

.ag-theme-material .ag-column-select-column-group-readonly,
.ag-theme-material .ag-column-select-column-readonly {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, .38));
    pointer-events: none
}

.ag-theme-material .ag-ltr .ag-column-select-add-group-indent {
    margin-left: 34px
}

.ag-theme-material .ag-rtl .ag-column-select-add-group-indent {
    margin-right: 34px
}

.ag-theme-material .ag-column-select-virtual-list-viewport {
    padding: 8px 0
}

.ag-theme-material .ag-column-select-virtual-list-item {
    padding: 0 12px
}

.ag-theme-material .ag-rtl {
    text-align: right
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-1 {
    padding-left: 66px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-1 {
    padding-right: 66px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-1 {
    padding-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-1 {
    padding-right: 42px
}

.ag-theme-material .ag-ltr .ag-row-level-1 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-1 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-2 {
    padding-left: 108px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-2 {
    padding-right: 108px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-2 {
    padding-left: 84px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-2 {
    padding-right: 84px
}

.ag-theme-material .ag-ltr .ag-row-level-2 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-2 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-3 {
    padding-left: 150px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-3 {
    padding-right: 150px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-3 {
    padding-left: 126px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-3 {
    padding-right: 126px
}

.ag-theme-material .ag-ltr .ag-row-level-3 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-3 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-4 {
    padding-left: 192px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-4 {
    padding-right: 192px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-4 {
    padding-left: 168px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-4 {
    padding-right: 168px
}

.ag-theme-material .ag-ltr .ag-row-level-4 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-4 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-5 {
    padding-left: 234px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-5 {
    padding-right: 234px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-5 {
    padding-left: 210px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-5 {
    padding-right: 210px
}

.ag-theme-material .ag-ltr .ag-row-level-5 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-5 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-6 {
    padding-left: 276px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-6 {
    padding-right: 276px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-6 {
    padding-left: 252px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-6 {
    padding-right: 252px
}

.ag-theme-material .ag-ltr .ag-row-level-6 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-6 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-7 {
    padding-left: 318px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-7 {
    padding-right: 318px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-7 {
    padding-left: 294px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-7 {
    padding-right: 294px
}

.ag-theme-material .ag-ltr .ag-row-level-7 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-7 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-8 {
    padding-left: 360px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-8 {
    padding-right: 360px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-8 {
    padding-left: 336px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-8 {
    padding-right: 336px
}

.ag-theme-material .ag-ltr .ag-row-level-8 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-8 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-9 {
    padding-left: 402px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-9 {
    padding-right: 402px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-9 {
    padding-left: 378px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-9 {
    padding-right: 378px
}

.ag-theme-material .ag-ltr .ag-row-level-9 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-9 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-10 {
    padding-left: 444px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-10 {
    padding-right: 444px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-10 {
    padding-left: 420px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-10 {
    padding-right: 420px
}

.ag-theme-material .ag-ltr .ag-row-level-10 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-10 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-11 {
    padding-left: 486px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-11 {
    padding-right: 486px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-11 {
    padding-left: 462px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-11 {
    padding-right: 462px
}

.ag-theme-material .ag-ltr .ag-row-level-11 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-11 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-12 {
    padding-left: 528px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-12 {
    padding-right: 528px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-12 {
    padding-left: 504px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-12 {
    padding-right: 504px
}

.ag-theme-material .ag-ltr .ag-row-level-12 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-12 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-13 {
    padding-left: 570px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-13 {
    padding-right: 570px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-13 {
    padding-left: 546px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-13 {
    padding-right: 546px
}

.ag-theme-material .ag-ltr .ag-row-level-13 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-13 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-14 {
    padding-left: 612px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-14 {
    padding-right: 612px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-14 {
    padding-left: 588px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-14 {
    padding-right: 588px
}

.ag-theme-material .ag-ltr .ag-row-level-14 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-14 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-15 {
    padding-left: 654px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-15 {
    padding-right: 654px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-15 {
    padding-left: 630px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-15 {
    padding-right: 630px
}

.ag-theme-material .ag-ltr .ag-row-level-15 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-15 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-16 {
    padding-left: 696px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-16 {
    padding-right: 696px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-16 {
    padding-left: 672px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-16 {
    padding-right: 672px
}

.ag-theme-material .ag-ltr .ag-row-level-16 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-16 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-17 {
    padding-left: 738px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-17 {
    padding-right: 738px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-17 {
    padding-left: 714px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-17 {
    padding-right: 714px
}

.ag-theme-material .ag-ltr .ag-row-level-17 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-17 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-18 {
    padding-left: 780px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-18 {
    padding-right: 780px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-18 {
    padding-left: 756px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-18 {
    padding-right: 756px
}

.ag-theme-material .ag-ltr .ag-row-level-18 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-18 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-19 {
    padding-left: 822px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-19 {
    padding-right: 822px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-19 {
    padding-left: 798px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-19 {
    padding-right: 798px
}

.ag-theme-material .ag-ltr .ag-row-level-19 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-19 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-20 {
    padding-left: 864px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-20 {
    padding-right: 864px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-20 {
    padding-left: 840px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-20 {
    padding-right: 840px
}

.ag-theme-material .ag-ltr .ag-row-level-20 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-20 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-21 {
    padding-left: 906px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-21 {
    padding-right: 906px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-21 {
    padding-left: 882px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-21 {
    padding-right: 882px
}

.ag-theme-material .ag-ltr .ag-row-level-21 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-21 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-22 {
    padding-left: 948px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-22 {
    padding-right: 948px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-22 {
    padding-left: 924px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-22 {
    padding-right: 924px
}

.ag-theme-material .ag-ltr .ag-row-level-22 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-22 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-23 {
    padding-left: 990px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-23 {
    padding-right: 990px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-23 {
    padding-left: 966px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-23 {
    padding-right: 966px
}

.ag-theme-material .ag-ltr .ag-row-level-23 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-23 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-24 {
    padding-left: 1032px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-24 {
    padding-right: 1032px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-24 {
    padding-left: 1008px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-24 {
    padding-right: 1008px
}

.ag-theme-material .ag-ltr .ag-row-level-24 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-24 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-25 {
    padding-left: 1074px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-25 {
    padding-right: 1074px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-25 {
    padding-left: 1050px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-25 {
    padding-right: 1050px
}

.ag-theme-material .ag-ltr .ag-row-level-25 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-25 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-26 {
    padding-left: 1116px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-26 {
    padding-right: 1116px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-26 {
    padding-left: 1092px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-26 {
    padding-right: 1092px
}

.ag-theme-material .ag-ltr .ag-row-level-26 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-26 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-27 {
    padding-left: 1158px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-27 {
    padding-right: 1158px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-27 {
    padding-left: 1134px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-27 {
    padding-right: 1134px
}

.ag-theme-material .ag-ltr .ag-row-level-27 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-27 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-28 {
    padding-left: 1200px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-28 {
    padding-right: 1200px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-28 {
    padding-left: 1176px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-28 {
    padding-right: 1176px
}

.ag-theme-material .ag-ltr .ag-row-level-28 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-28 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-29 {
    padding-left: 1242px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-29 {
    padding-right: 1242px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-29 {
    padding-left: 1218px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-29 {
    padding-right: 1218px
}

.ag-theme-material .ag-ltr .ag-row-level-29 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-29 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-30 {
    padding-left: 1284px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-30 {
    padding-right: 1284px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-30 {
    padding-left: 1260px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-30 {
    padding-right: 1260px
}

.ag-theme-material .ag-ltr .ag-row-level-30 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-30 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-31 {
    padding-left: 1326px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-31 {
    padding-right: 1326px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-31 {
    padding-left: 1302px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-31 {
    padding-right: 1302px
}

.ag-theme-material .ag-ltr .ag-row-level-31 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-31 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-32 {
    padding-left: 1368px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-32 {
    padding-right: 1368px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-32 {
    padding-left: 1344px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-32 {
    padding-right: 1344px
}

.ag-theme-material .ag-ltr .ag-row-level-32 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-32 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-33 {
    padding-left: 1410px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-33 {
    padding-right: 1410px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-33 {
    padding-left: 1386px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-33 {
    padding-right: 1386px
}

.ag-theme-material .ag-ltr .ag-row-level-33 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-33 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-34 {
    padding-left: 1452px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-34 {
    padding-right: 1452px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-34 {
    padding-left: 1428px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-34 {
    padding-right: 1428px
}

.ag-theme-material .ag-ltr .ag-row-level-34 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-34 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-35 {
    padding-left: 1494px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-35 {
    padding-right: 1494px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-35 {
    padding-left: 1470px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-35 {
    padding-right: 1470px
}

.ag-theme-material .ag-ltr .ag-row-level-35 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-35 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-36 {
    padding-left: 1536px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-36 {
    padding-right: 1536px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-36 {
    padding-left: 1512px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-36 {
    padding-right: 1512px
}

.ag-theme-material .ag-ltr .ag-row-level-36 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-36 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-37 {
    padding-left: 1578px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-37 {
    padding-right: 1578px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-37 {
    padding-left: 1554px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-37 {
    padding-right: 1554px
}

.ag-theme-material .ag-ltr .ag-row-level-37 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-37 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-38 {
    padding-left: 1620px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-38 {
    padding-right: 1620px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-38 {
    padding-left: 1596px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-38 {
    padding-right: 1596px
}

.ag-theme-material .ag-ltr .ag-row-level-38 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-38 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-39 {
    padding-left: 1662px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-39 {
    padding-right: 1662px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-39 {
    padding-left: 1638px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-39 {
    padding-right: 1638px
}

.ag-theme-material .ag-ltr .ag-row-level-39 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-39 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-40 {
    padding-left: 1704px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-40 {
    padding-right: 1704px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-40 {
    padding-left: 1680px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-40 {
    padding-right: 1680px
}

.ag-theme-material .ag-ltr .ag-row-level-40 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-40 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-41 {
    padding-left: 1746px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-41 {
    padding-right: 1746px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-41 {
    padding-left: 1722px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-41 {
    padding-right: 1722px
}

.ag-theme-material .ag-ltr .ag-row-level-41 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-41 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-42 {
    padding-left: 1788px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-42 {
    padding-right: 1788px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-42 {
    padding-left: 1764px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-42 {
    padding-right: 1764px
}

.ag-theme-material .ag-ltr .ag-row-level-42 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-42 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-43 {
    padding-left: 1830px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-43 {
    padding-right: 1830px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-43 {
    padding-left: 1806px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-43 {
    padding-right: 1806px
}

.ag-theme-material .ag-ltr .ag-row-level-43 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-43 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-44 {
    padding-left: 1872px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-44 {
    padding-right: 1872px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-44 {
    padding-left: 1848px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-44 {
    padding-right: 1848px
}

.ag-theme-material .ag-ltr .ag-row-level-44 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-44 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-45 {
    padding-left: 1914px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-45 {
    padding-right: 1914px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-45 {
    padding-left: 1890px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-45 {
    padding-right: 1890px
}

.ag-theme-material .ag-ltr .ag-row-level-45 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-45 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-46 {
    padding-left: 1956px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-46 {
    padding-right: 1956px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-46 {
    padding-left: 1932px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-46 {
    padding-right: 1932px
}

.ag-theme-material .ag-ltr .ag-row-level-46 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-46 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-47 {
    padding-left: 1998px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-47 {
    padding-right: 1998px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-47 {
    padding-left: 1974px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-47 {
    padding-right: 1974px
}

.ag-theme-material .ag-ltr .ag-row-level-47 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-47 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-48 {
    padding-left: 2040px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-48 {
    padding-right: 2040px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-48 {
    padding-left: 2016px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-48 {
    padding-right: 2016px
}

.ag-theme-material .ag-ltr .ag-row-level-48 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-48 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-49 {
    padding-left: 2082px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-49 {
    padding-right: 2082px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-49 {
    padding-left: 2058px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-49 {
    padding-right: 2058px
}

.ag-theme-material .ag-ltr .ag-row-level-49 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-49 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-50 {
    padding-left: 2124px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-50 {
    padding-right: 2124px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-50 {
    padding-left: 2100px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-50 {
    padding-right: 2100px
}

.ag-theme-material .ag-ltr .ag-row-level-50 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-50 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-51 {
    padding-left: 2166px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-51 {
    padding-right: 2166px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-51 {
    padding-left: 2142px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-51 {
    padding-right: 2142px
}

.ag-theme-material .ag-ltr .ag-row-level-51 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-51 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-52 {
    padding-left: 2208px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-52 {
    padding-right: 2208px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-52 {
    padding-left: 2184px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-52 {
    padding-right: 2184px
}

.ag-theme-material .ag-ltr .ag-row-level-52 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-52 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-53 {
    padding-left: 2250px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-53 {
    padding-right: 2250px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-53 {
    padding-left: 2226px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-53 {
    padding-right: 2226px
}

.ag-theme-material .ag-ltr .ag-row-level-53 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-53 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-54 {
    padding-left: 2292px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-54 {
    padding-right: 2292px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-54 {
    padding-left: 2268px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-54 {
    padding-right: 2268px
}

.ag-theme-material .ag-ltr .ag-row-level-54 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-54 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-55 {
    padding-left: 2334px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-55 {
    padding-right: 2334px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-55 {
    padding-left: 2310px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-55 {
    padding-right: 2310px
}

.ag-theme-material .ag-ltr .ag-row-level-55 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-55 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-56 {
    padding-left: 2376px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-56 {
    padding-right: 2376px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-56 {
    padding-left: 2352px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-56 {
    padding-right: 2352px
}

.ag-theme-material .ag-ltr .ag-row-level-56 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-56 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-57 {
    padding-left: 2418px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-57 {
    padding-right: 2418px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-57 {
    padding-left: 2394px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-57 {
    padding-right: 2394px
}

.ag-theme-material .ag-ltr .ag-row-level-57 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-57 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-58 {
    padding-left: 2460px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-58 {
    padding-right: 2460px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-58 {
    padding-left: 2436px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-58 {
    padding-right: 2436px
}

.ag-theme-material .ag-ltr .ag-row-level-58 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-58 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-59 {
    padding-left: 2502px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-59 {
    padding-right: 2502px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-59 {
    padding-left: 2478px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-59 {
    padding-right: 2478px
}

.ag-theme-material .ag-ltr .ag-row-level-59 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-59 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-60 {
    padding-left: 2544px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-60 {
    padding-right: 2544px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-60 {
    padding-left: 2520px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-60 {
    padding-right: 2520px
}

.ag-theme-material .ag-ltr .ag-row-level-60 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-60 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-61 {
    padding-left: 2586px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-61 {
    padding-right: 2586px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-61 {
    padding-left: 2562px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-61 {
    padding-right: 2562px
}

.ag-theme-material .ag-ltr .ag-row-level-61 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-61 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-62 {
    padding-left: 2628px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-62 {
    padding-right: 2628px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-62 {
    padding-left: 2604px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-62 {
    padding-right: 2604px
}

.ag-theme-material .ag-ltr .ag-row-level-62 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-62 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-63 {
    padding-left: 2670px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-63 {
    padding-right: 2670px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-63 {
    padding-left: 2646px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-63 {
    padding-right: 2646px
}

.ag-theme-material .ag-ltr .ag-row-level-63 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-63 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-64 {
    padding-left: 2712px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-64 {
    padding-right: 2712px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-64 {
    padding-left: 2688px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-64 {
    padding-right: 2688px
}

.ag-theme-material .ag-ltr .ag-row-level-64 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-64 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-65 {
    padding-left: 2754px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-65 {
    padding-right: 2754px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-65 {
    padding-left: 2730px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-65 {
    padding-right: 2730px
}

.ag-theme-material .ag-ltr .ag-row-level-65 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-65 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-66 {
    padding-left: 2796px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-66 {
    padding-right: 2796px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-66 {
    padding-left: 2772px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-66 {
    padding-right: 2772px
}

.ag-theme-material .ag-ltr .ag-row-level-66 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-66 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-67 {
    padding-left: 2838px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-67 {
    padding-right: 2838px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-67 {
    padding-left: 2814px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-67 {
    padding-right: 2814px
}

.ag-theme-material .ag-ltr .ag-row-level-67 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-67 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-68 {
    padding-left: 2880px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-68 {
    padding-right: 2880px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-68 {
    padding-left: 2856px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-68 {
    padding-right: 2856px
}

.ag-theme-material .ag-ltr .ag-row-level-68 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-68 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-69 {
    padding-left: 2922px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-69 {
    padding-right: 2922px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-69 {
    padding-left: 2898px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-69 {
    padding-right: 2898px
}

.ag-theme-material .ag-ltr .ag-row-level-69 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-69 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-70 {
    padding-left: 2964px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-70 {
    padding-right: 2964px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-70 {
    padding-left: 2940px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-70 {
    padding-right: 2940px
}

.ag-theme-material .ag-ltr .ag-row-level-70 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-70 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-71 {
    padding-left: 3006px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-71 {
    padding-right: 3006px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-71 {
    padding-left: 2982px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-71 {
    padding-right: 2982px
}

.ag-theme-material .ag-ltr .ag-row-level-71 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-71 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-72 {
    padding-left: 3048px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-72 {
    padding-right: 3048px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-72 {
    padding-left: 3024px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-72 {
    padding-right: 3024px
}

.ag-theme-material .ag-ltr .ag-row-level-72 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-72 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-73 {
    padding-left: 3090px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-73 {
    padding-right: 3090px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-73 {
    padding-left: 3066px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-73 {
    padding-right: 3066px
}

.ag-theme-material .ag-ltr .ag-row-level-73 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-73 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-74 {
    padding-left: 3132px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-74 {
    padding-right: 3132px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-74 {
    padding-left: 3108px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-74 {
    padding-right: 3108px
}

.ag-theme-material .ag-ltr .ag-row-level-74 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-74 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-75 {
    padding-left: 3174px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-75 {
    padding-right: 3174px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-75 {
    padding-left: 3150px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-75 {
    padding-right: 3150px
}

.ag-theme-material .ag-ltr .ag-row-level-75 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-75 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-76 {
    padding-left: 3216px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-76 {
    padding-right: 3216px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-76 {
    padding-left: 3192px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-76 {
    padding-right: 3192px
}

.ag-theme-material .ag-ltr .ag-row-level-76 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-76 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-77 {
    padding-left: 3258px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-77 {
    padding-right: 3258px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-77 {
    padding-left: 3234px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-77 {
    padding-right: 3234px
}

.ag-theme-material .ag-ltr .ag-row-level-77 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-77 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-78 {
    padding-left: 3300px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-78 {
    padding-right: 3300px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-78 {
    padding-left: 3276px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-78 {
    padding-right: 3276px
}

.ag-theme-material .ag-ltr .ag-row-level-78 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-78 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-79 {
    padding-left: 3342px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-79 {
    padding-right: 3342px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-79 {
    padding-left: 3318px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-79 {
    padding-right: 3318px
}

.ag-theme-material .ag-ltr .ag-row-level-79 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-79 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-80 {
    padding-left: 3384px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-80 {
    padding-right: 3384px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-80 {
    padding-left: 3360px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-80 {
    padding-right: 3360px
}

.ag-theme-material .ag-ltr .ag-row-level-80 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-80 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-81 {
    padding-left: 3426px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-81 {
    padding-right: 3426px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-81 {
    padding-left: 3402px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-81 {
    padding-right: 3402px
}

.ag-theme-material .ag-ltr .ag-row-level-81 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-81 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-82 {
    padding-left: 3468px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-82 {
    padding-right: 3468px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-82 {
    padding-left: 3444px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-82 {
    padding-right: 3444px
}

.ag-theme-material .ag-ltr .ag-row-level-82 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-82 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-83 {
    padding-left: 3510px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-83 {
    padding-right: 3510px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-83 {
    padding-left: 3486px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-83 {
    padding-right: 3486px
}

.ag-theme-material .ag-ltr .ag-row-level-83 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-83 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-84 {
    padding-left: 3552px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-84 {
    padding-right: 3552px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-84 {
    padding-left: 3528px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-84 {
    padding-right: 3528px
}

.ag-theme-material .ag-ltr .ag-row-level-84 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-84 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-85 {
    padding-left: 3594px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-85 {
    padding-right: 3594px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-85 {
    padding-left: 3570px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-85 {
    padding-right: 3570px
}

.ag-theme-material .ag-ltr .ag-row-level-85 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-85 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-86 {
    padding-left: 3636px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-86 {
    padding-right: 3636px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-86 {
    padding-left: 3612px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-86 {
    padding-right: 3612px
}

.ag-theme-material .ag-ltr .ag-row-level-86 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-86 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-87 {
    padding-left: 3678px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-87 {
    padding-right: 3678px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-87 {
    padding-left: 3654px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-87 {
    padding-right: 3654px
}

.ag-theme-material .ag-ltr .ag-row-level-87 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-87 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-88 {
    padding-left: 3720px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-88 {
    padding-right: 3720px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-88 {
    padding-left: 3696px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-88 {
    padding-right: 3696px
}

.ag-theme-material .ag-ltr .ag-row-level-88 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-88 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-89 {
    padding-left: 3762px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-89 {
    padding-right: 3762px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-89 {
    padding-left: 3738px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-89 {
    padding-right: 3738px
}

.ag-theme-material .ag-ltr .ag-row-level-89 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-89 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-90 {
    padding-left: 3804px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-90 {
    padding-right: 3804px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-90 {
    padding-left: 3780px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-90 {
    padding-right: 3780px
}

.ag-theme-material .ag-ltr .ag-row-level-90 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-90 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-91 {
    padding-left: 3846px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-91 {
    padding-right: 3846px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-91 {
    padding-left: 3822px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-91 {
    padding-right: 3822px
}

.ag-theme-material .ag-ltr .ag-row-level-91 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-91 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-92 {
    padding-left: 3888px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-92 {
    padding-right: 3888px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-92 {
    padding-left: 3864px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-92 {
    padding-right: 3864px
}

.ag-theme-material .ag-ltr .ag-row-level-92 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-92 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-93 {
    padding-left: 3930px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-93 {
    padding-right: 3930px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-93 {
    padding-left: 3906px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-93 {
    padding-right: 3906px
}

.ag-theme-material .ag-ltr .ag-row-level-93 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-93 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-94 {
    padding-left: 3972px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-94 {
    padding-right: 3972px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-94 {
    padding-left: 3948px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-94 {
    padding-right: 3948px
}

.ag-theme-material .ag-ltr .ag-row-level-94 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-94 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-95 {
    padding-left: 4014px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-95 {
    padding-right: 4014px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-95 {
    padding-left: 3990px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-95 {
    padding-right: 3990px
}

.ag-theme-material .ag-ltr .ag-row-level-95 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-95 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-96 {
    padding-left: 4056px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-96 {
    padding-right: 4056px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-96 {
    padding-left: 4032px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-96 {
    padding-right: 4032px
}

.ag-theme-material .ag-ltr .ag-row-level-96 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-96 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-97 {
    padding-left: 4098px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-97 {
    padding-right: 4098px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-97 {
    padding-left: 4074px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-97 {
    padding-right: 4074px
}

.ag-theme-material .ag-ltr .ag-row-level-97 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-97 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-98 {
    padding-left: 4140px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-98 {
    padding-right: 4140px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-98 {
    padding-left: 4116px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-98 {
    padding-right: 4116px
}

.ag-theme-material .ag-ltr .ag-row-level-98 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-98 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-99 {
    padding-left: 4182px
}

.ag-theme-material .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-99 {
    padding-right: 4182px
}

.ag-theme-material .ag-ltr .ag-row-group-indent-99 {
    padding-left: 4158px
}

.ag-theme-material .ag-rtl .ag-row-group-indent-99 {
    padding-right: 4158px
}

.ag-theme-material .ag-ltr .ag-row-level-99 .ag-pivot-leaf-group {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-level-99 .ag-pivot-leaf-group {
    margin-right: 42px
}

.ag-theme-material .ag-ltr .ag-row-group-leaf-indent {
    margin-left: 42px
}

.ag-theme-material .ag-rtl .ag-row-group-leaf-indent {
    margin-right: 42px
}

.ag-theme-material .ag-value-change-delta {
    padding-right: 2px
}

.ag-theme-material .ag-value-change-delta-up {
    color: #43a047;
    color: var(--ag-value-change-delta-up-color, #43a047)
}

.ag-theme-material .ag-value-change-delta-down {
    color: #e53935;
    color: var(--ag-value-change-delta-down-color, #e53935)
}

.ag-theme-material .ag-value-change-value {
    background-color: transparent;
    border-radius: 1px;
    padding-left: 1px;
    padding-right: 1px;
    transition: background-color 1s
}

.ag-theme-material .ag-value-change-value-highlight {
    background-color: #00acc1;
    background-color: var(--ag-value-change-value-highlight-background-color, #00acc1);
    transition: background-color .1s
}

.ag-theme-material .ag-cell-data-changed {
    background-color: #00acc1 !important;
    background-color: var(--ag-value-change-value-highlight-background-color, #00acc1) !important
}

.ag-theme-material .ag-cell-data-changed-animation {
    background-color: transparent
}

.ag-theme-material .ag-cell-highlight {
    background-color: #fce4ec !important;
    background-color: var(--ag-range-selection-highlight-color, #fce4ec) !important
}

.ag-theme-material .ag-row {
    height: 48px;
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    color: rgba(0, 0, 0, .87);
    color: var(--ag-data-color, var(--ag-foreground-color, rgba(0, 0, 0, .87)));
    border-color: #e2e2e2;
    border-color: var(--ag-row-border-color, var(--ag-secondary-border-color, var(--ag-border-color, #e2e2e2)));
    border-bottom: solid #e2e2e2;
    border-width: 1px
}

.ag-theme-material .ag-row-highlight-above:after,
.ag-theme-material .ag-row-highlight-below:after {
    content: "";
    position: absolute;
    width: calc(100% - 1px);
    height: 1px;
    background-color: #3f51b5;
    background-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5));
    left: 1px
}

.ag-theme-material .ag-row-highlight-above:after {
    top: -1px
}

.ag-theme-material .ag-row-highlight-above.ag-row-first:after {
    top: 0
}

.ag-theme-material .ag-row-highlight-below:after {
    bottom: 0
}

.ag-theme-material .ag-row-odd {
    background-color: var(--ag-odd-row-background-color)
}

.ag-theme-material .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
    border-right: 1px solid #e2e2e2;
    border-right-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
    border-left: 1px solid #e2e2e2;
    border-left-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-row-hover {
    background-color: #fafafa;
    background-color: var(--ag-row-hover-color, #fafafa)
}

.ag-theme-material .ag-column-hover {
    background-color: #fafafa;
    background-color: var(--ag-column-hover-color, #fafafa)
}

.ag-theme-material .ag-ltr .ag-right-aligned-cell {
    text-align: right
}

.ag-theme-material .ag-rtl .ag-right-aligned-cell {
    text-align: left
}

.ag-theme-material .ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-theme-material .ag-ltr .ag-right-aligned-cell .ag-group-value {
    margin-left: auto
}

.ag-theme-material .ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-theme-material .ag-rtl .ag-right-aligned-cell .ag-group-value {
    margin-right: auto
}

.ag-theme-material .ag-cell,
.ag-theme-material .ag-full-width-row .ag-cell-wrapper.ag-row-group {
    border: 1px solid transparent;
    line-height: min(var(--ag-line-height, 46px), 46px);
    padding-left: 23px;
    padding-right: 23px;
    -webkit-font-smoothing: subpixel-antialiased
}

.ag-theme-material .ag-row>.ag-cell-wrapper {
    padding-left: 23px;
    padding-right: 23px
}

.ag-theme-material .ag-row-dragging {
    cursor: move;
    opacity: .5
}

.ag-theme-material .ag-cell-inline-editing {
    height: 48px
}

.ag-theme-material .ag-cell-inline-editing,
.ag-theme-material .ag-popup-editor {
    background: #fff;
    background: var(--ag-background-color, #fff);
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 0;
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa)
}

.ag-theme-material .ag-large-text-input {
    height: auto;
    padding: 24px
}

.ag-theme-material .ag-details-row {
    padding: 40px;
    background-color: #fff;
    background-color: var(--ag-background-color, #fff)
}

.ag-theme-material .ag-layout-auto-height .ag-center-cols-clipper,
.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-material .ag-layout-print .ag-center-cols-clipper,
.ag-theme-material .ag-layout-print .ag-center-cols-container {
    min-height: 50px
}

.ag-theme-material .ag-overlay-loading-wrapper {
    background-color: hsla(0, 0%, 100%, .66);
    background-color: var(--ag-modal-overlay-background-color, hsla(0, 0%, 100%, .66))
}

.ag-theme-material .ag-overlay-loading-center {
    background: #fff;
    background: var(--ag-background-color, #fff);
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 8px
}

.ag-theme-material .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
    padding-top: 30px
}

.ag-theme-material .ag-loading {
    padding-left: 24px;
    display: flex;
    height: 100%;
    align-items: center
}

.ag-theme-material .ag-loading-icon {
    padding-right: 24px
}

.ag-theme-material .ag-icon-loading {
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

.ag-theme-material .ag-floating-top {
    border-bottom: 1px solid #e2e2e2;
    border-bottom-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-floating-bottom {
    border-top: 1px solid #e2e2e2;
    border-top-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-ltr .ag-cell {
    border-right: solid transparent
}

.ag-theme-material .ag-rtl .ag-cell {
    border-left: solid transparent
}

.ag-theme-material .ag-ltr .ag-cell {
    border-right-width: 1px
}

.ag-theme-material .ag-rtl .ag-cell {
    border-left-width: 1px
}

.ag-theme-material .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
    border-left: 1px solid #e2e2e2;
    border-left-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
    border-right: 1px solid #e2e2e2;
    border-right-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-row-selected {
    background-color: #eee;
    background-color: var(--ag-selected-row-background-color, #eee)
}

.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing),
.ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus) {
    background-color: rgba(122, 134, 203, .1);
    background-color: var(--ag-range-selection-background-color, rgba(122, 134, 203, .1))
}

.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart,
.ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart {
    background-color: rgba(0, 88, 255, .1) !important;
    background-color: var(--ag-range-selection-chart-background-color, rgba(0, 88, 255, .1)) !important
}

.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category {
    background-color: rgba(0, 255, 132, .1) !important;
    background-color: var(--ag-range-selection-chart-category-background-color, rgba(0, 255, 132, .1)) !important
}

.ag-theme-material .ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-theme-material .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
    background-color: rgba(122, 134, 203, .1);
    background-color: var(--ag-range-selection-background-color-1, var(--ag-range-selection-background-color, rgba(122, 134, 203, .1)))
}

.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2,
.ag-theme-material .ag-cell-range-selected-2:not(.ag-cell-focus) {
    background-color: rgba(122, 134, 203, .19);
    background-color: var(--ag-range-selection-background-color-2, rgba(122, 134, 203, .19))
}

.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3,
.ag-theme-material .ag-cell-range-selected-3:not(.ag-cell-focus) {
    background-color: rgba(122, 134, 203, .271);
    background-color: var(--ag-range-selection-background-color-3, rgba(122, 134, 203, .271))
}

.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4,
.ag-theme-material .ag-cell-range-selected-4:not(.ag-cell-focus) {
    background-color: rgba(122, 134, 203, .344);
    background-color: var(--ag-range-selection-background-color-4, rgba(122, 134, 203, .344))
}

.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
    border-top-color: #3f51b5;
    border-top-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
    border-right-color: #3f51b5;
    border-right-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
    border-bottom-color: #3f51b5;
    border-bottom-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
    border-left-color: #3f51b5;
    border-left-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-ltr .ag-cell-range-single-cell,
.ag-theme-material .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-material .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-material .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-material .ag-ltr .ag-has-focus .ag-full-width-row.ag-row-focus .ag-cell-wrapper.ag-row-group,
.ag-theme-material .ag-rtl .ag-cell-range-single-cell,
.ag-theme-material .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-material .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-material .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-material .ag-rtl .ag-has-focus .ag-full-width-row.ag-row-focus .ag-cell-wrapper.ag-row-group {
    border: 1px solid #3f51b5;
    border-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5));
    outline: initial
}

.ag-theme-material .ag-cell.ag-selection-fill-top,
.ag-theme-material .ag-cell.ag-selection-fill-top.ag-cell-range-selected {
    border-top: 1px dashed #3f51b5;
    border-top-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-right,
.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
    border-right: 1px dashed #3f51b5;
    border-right-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-right,
.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
    border-left: 1px dashed #3f51b5;
    border-left-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-cell.ag-selection-fill-bottom,
.ag-theme-material .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
    border-bottom: 1px dashed #3f51b5;
    border-bottom-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-left,
.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
    border-left: 1px dashed #3f51b5;
    border-left-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-left,
.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
    border-right: 1px dashed #3f51b5;
    border-right-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-fill-handle,
.ag-theme-material .ag-range-handle {
    position: absolute;
    width: 6px;
    height: 6px;
    bottom: -1px;
    background-color: #3f51b5;
    background-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-ltr .ag-fill-handle,
.ag-theme-material .ag-ltr .ag-range-handle {
    right: -1px
}

.ag-theme-material .ag-rtl .ag-fill-handle,
.ag-theme-material .ag-rtl .ag-range-handle {
    left: -1px
}

.ag-theme-material .ag-fill-handle {
    cursor: cell
}

.ag-theme-material .ag-range-handle {
    cursor: nwse-resize
}

.ag-theme-material .ag-cell-inline-editing {
    border-color: #3f51b5 !important;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)) !important
}

.ag-theme-material .ag-menu {
    background: #fff;
    background: var(--ag-background-color, #fff);
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    padding: 0
}

.ag-theme-material .ag-menu-list {
    cursor: default;
    padding: 8px 0
}

.ag-theme-material .ag-menu-separator {
    height: 17px
}

.ag-theme-material .ag-menu-separator-part:after {
    content: "";
    display: block;
    border-top: 1px solid #e2e2e2;
    border-top-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-compact-menu-option-active,
.ag-theme-material .ag-menu-option-active {
    background-color: #fafafa;
    background-color: var(--ag-row-hover-color, #fafafa)
}

.ag-theme-material .ag-compact-menu-option-part,
.ag-theme-material .ag-menu-option-part {
    line-height: 18px;
    padding: 10px 0
}

.ag-theme-material .ag-compact-menu-option-disabled,
.ag-theme-material .ag-menu-option-disabled {
    opacity: .5
}

.ag-theme-material .ag-compact-menu-option-icon,
.ag-theme-material .ag-menu-option-icon {
    width: 18px
}

.ag-theme-material .ag-ltr .ag-compact-menu-option-icon,
.ag-theme-material .ag-ltr .ag-menu-option-icon {
    padding-left: 16px
}

.ag-theme-material .ag-rtl .ag-compact-menu-option-icon,
.ag-theme-material .ag-rtl .ag-menu-option-icon {
    padding-right: 16px
}

.ag-theme-material .ag-compact-menu-option-text,
.ag-theme-material .ag-menu-option-text {
    padding-left: 16px;
    padding-right: 16px
}

.ag-theme-material .ag-ltr .ag-compact-menu-option-shortcut,
.ag-theme-material .ag-ltr .ag-menu-option-shortcut {
    padding-right: 8px
}

.ag-theme-material .ag-rtl .ag-compact-menu-option-shortcut,
.ag-theme-material .ag-rtl .ag-menu-option-shortcut {
    padding-left: 8px
}

.ag-theme-material .ag-compact-menu-option-popup-pointer,
.ag-theme-material .ag-menu-option-popup-pointer {
    padding-right: 8px
}

.ag-theme-material .ag-tabs {
    min-width: 220px
}

.ag-theme-material .ag-tabs-header {
    width: 100%;
    display: flex
}

.ag-theme-material .ag-tab {
    border-bottom: 2px solid transparent;
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex: 1 1 auto
}

.ag-theme-material .ag-keyboard-focus .ag-tab:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-tab:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-tab-selected {
    border-bottom-color: #3f51b5;
    border-bottom-color: var(--ag-selected-tab-underline-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-menu-header {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54))
}

.ag-theme-material .ag-filter-separator {
    border-top: 1px solid #e2e2e2;
    border-top-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-menu:not(.ag-tabs) .ag-filter-select {
    min-width: 155px
}

.ag-theme-material .ag-tabs .ag-filter-select {
    min-width: 194px
}

.ag-theme-material .ag-filter-select .ag-picker-field-wrapper {
    width: 0
}

.ag-theme-material .ag-filter-condition-operator {
    height: 17px
}

.ag-theme-material .ag-ltr .ag-filter-condition-operator-or {
    margin-left: 16px
}

.ag-theme-material .ag-rtl .ag-filter-condition-operator-or {
    margin-right: 16px
}

.ag-theme-material .ag-set-filter-select-all {
    padding-top: 16px
}

.ag-theme-material .ag-filter-no-matches,
.ag-theme-material .ag-set-filter-list {
    height: 192px
}

.ag-theme-material .ag-set-filter-filter {
    margin-top: 16px;
    margin-left: 12px;
    margin-right: 12px
}

.ag-theme-material .ag-filter-to {
    margin-top: 14px
}

.ag-theme-material .ag-mini-filter {
    margin: 16px 12px
}

.ag-theme-material .ag-set-filter-item {
    margin: 0 12px
}

.ag-theme-material .ag-ltr .ag-set-filter-item-value {
    margin-left: 12px
}

.ag-theme-material .ag-rtl .ag-set-filter-item-value {
    margin-right: 12px
}

.ag-theme-material .ag-filter-apply-panel {
    padding: 16px 12px
}

.ag-theme-material .ag-filter-apply-panel-button {
    line-height: 1.5
}

.ag-theme-material .ag-ltr .ag-filter-apply-panel-button {
    margin-left: 16px
}

.ag-theme-material .ag-rtl .ag-filter-apply-panel-button {
    margin-right: 16px
}

.ag-theme-material .ag-simple-filter-body-wrapper {
    padding: 16px 12px 2px
}

.ag-theme-material .ag-simple-filter-body-wrapper>* {
    margin-bottom: 14px
}

.ag-theme-material .ag-filter-no-matches {
    padding: 16px 12px
}

.ag-theme-material .ag-multi-filter-menu-item {
    margin: 8px 0
}

.ag-theme-material .ag-multi-filter-group-title-bar {
    padding: 16px 8px;
    background-color: transparent
}

.ag-theme-material .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-side-bar {
    position: relative
}

.ag-theme-material .ag-tool-panel-wrapper {
    width: 200px;
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa)
}

.ag-theme-material .ag-side-buttons {
    padding-top: 32px;
    width: 22px;
    position: relative;
    color: rgba(0, 0, 0, .87);
    color: var(--ag-foreground-color, rgba(0, 0, 0, .87));
    overflow: hidden
}

.ag-theme-material button.ag-side-button-button {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    background: 0 0;
    padding: 16px 0;
    width: 100%;
    margin: 0;
    min-height: 144px;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    border: none
}

.ag-theme-material button.ag-side-button-button:focus {
    box-shadow: none
}

.ag-theme-material .ag-keyboard-focus .ag-side-button-button:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-side-button-button:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-side-button-icon-wrapper {
    margin-bottom: 3px
}

.ag-theme-material .ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-theme-material .ag-rtl .ag-side-bar-right .ag-side-button-button {
    border-right: 2px solid transparent
}

.ag-theme-material .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-theme-material .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
    border-right-color: #3f51b5;
    border-right-color: var(--ag-selected-tab-underline-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-ltr .ag-side-bar-right .ag-side-button-button,
.ag-theme-material .ag-rtl .ag-side-bar-left .ag-side-button-button {
    border-left: 2px solid transparent
}

.ag-theme-material .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button,
.ag-theme-material .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button {
    border-left-color: #3f51b5;
    border-left-color: var(--ag-selected-tab-underline-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-filter-toolpanel-header {
    height: 48px
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-header,
.ag-theme-material .ag-ltr .ag-filter-toolpanel-search {
    padding-left: 8px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-header,
.ag-theme-material .ag-rtl .ag-filter-toolpanel-search {
    padding-right: 8px
}

.ag-theme-material .ag-keyboard-focus .ag-filter-toolpanel-header:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-filter-toolpanel-header:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-filter-toolpanel-group.ag-has-filter>.ag-group-title-bar .ag-group-title:after {
    font-family: agGridMaterial;
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f114";
    position: absolute
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group.ag-has-filter>.ag-group-title-bar .ag-group-title:after {
    padding-left: 8px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group.ag-has-filter>.ag-group-title-bar .ag-group-title:after {
    padding-right: 8px
}

.ag-theme-material .ag-filter-toolpanel-group-level-0-header {
    height: 64px
}

.ag-theme-material .ag-filter-toolpanel-group-item {
    margin-top: 4px;
    margin-bottom: 4px
}

.ag-theme-material .ag-filter-toolpanel-search {
    height: 56px
}

.ag-theme-material .ag-filter-toolpanel-search-input {
    flex-grow: 1;
    height: 32px
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-search-input {
    margin-right: 8px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-search-input {
    margin-left: 8px
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-expand,
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
    margin-right: 8px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-expand,
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
    margin-left: 8px
}

.ag-theme-material .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar {
    background-color: transparent
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
    padding-left: 24px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
    padding-right: 24px
}

.ag-theme-material .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar {
    background-color: transparent
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
    padding-left: 40px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
    padding-right: 40px
}

.ag-theme-material .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar {
    background-color: transparent
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
    padding-left: 56px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
    padding-right: 56px
}

.ag-theme-material .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar {
    background-color: transparent
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
    padding-left: 72px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
    padding-right: 72px
}

.ag-theme-material .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar {
    background-color: transparent
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
    padding-left: 88px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
    padding-right: 88px
}

.ag-theme-material .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar {
    background-color: transparent
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
    padding-left: 104px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
    padding-right: 104px
}

.ag-theme-material .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar {
    background-color: transparent
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
    padding-left: 120px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
    padding-right: 120px
}

.ag-theme-material .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar {
    background-color: transparent
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
    padding-left: 136px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
    padding-right: 136px
}

.ag-theme-material .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar {
    background-color: transparent
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
    padding-left: 152px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
    padding-right: 152px
}

.ag-theme-material .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar {
    background-color: transparent
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
    padding-left: 168px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
    padding-right: 168px
}

.ag-theme-material .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header {
    padding-left: 8px
}

.ag-theme-material .ag-filter-toolpanel-instance-filter {
    margin-top: 8px
}

.ag-theme-material .ag-ltr .ag-filter-toolpanel-instance-header-icon {
    margin-left: 8px
}

.ag-theme-material .ag-rtl .ag-filter-toolpanel-instance-header-icon {
    margin-right: 8px
}

.ag-theme-material .ag-pivot-mode-panel {
    min-height: 56px;
    height: 56px;
    display: flex
}

.ag-theme-material .ag-pivot-mode-select {
    display: flex;
    align-items: center
}

.ag-theme-material .ag-ltr .ag-pivot-mode-select {
    margin-left: 12px
}

.ag-theme-material .ag-rtl .ag-pivot-mode-select {
    margin-right: 12px
}

.ag-theme-material .ag-keyboard-focus .ag-column-select-header:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-column-select-header:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-column-select-header {
    align-items: center;
    padding: 0 12px
}

.ag-theme-material .ag-column-group-icons,
.ag-theme-material .ag-column-select-header-icon {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54))
}

.ag-theme-material .ag-column-select-list .ag-list-item-hovered:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #3f51b5;
    background-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-column-select-list .ag-item-highlight-top:after {
    top: 0
}

.ag-theme-material .ag-column-select-list .ag-item-highlight-bottom:after {
    bottom: 0
}

.ag-theme-material .ag-header {
    background-color: #fff;
    background-color: var(--ag-header-background-color, #fff);
    border-bottom: 1px solid #e2e2e2;
    border-bottom-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-header-row {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54)));
    height: 56px
}

.ag-theme-material .ag-pinned-right-header {
    border-left: 1px solid #e2e2e2;
    border-left-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-pinned-left-header {
    border-right: 1px solid #e2e2e2;
    border-right-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
    margin-left: 8px
}

.ag-theme-material .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-theme-material .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
    margin-right: 8px
}

.ag-theme-material .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
    margin-left: 8px
}

.ag-theme-material .ag-header-cell,
.ag-theme-material .ag-header-group-cell {
    padding-left: 24px;
    padding-right: 24px
}

.ag-theme-material .ag-header-cell.ag-header-cell-moving,
.ag-theme-material .ag-header-group-cell.ag-header-cell-moving {
    background-color: #f2f2f2;
    background-color: var(--ag-header-cell-moving-background-color, var(--ag-header-cell-hover-background-color, #f2f2f2))
}

.ag-theme-material .ag-keyboard-focus .ag-header-cell:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-header-cell:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-keyboard-focus .ag-header-group-cell:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-header-group-cell:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-header-icon {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54))
}

.ag-theme-material .ag-header-expand-icon {
    cursor: pointer
}

.ag-theme-material .ag-ltr .ag-header-expand-icon {
    padding-left: 4px
}

.ag-theme-material .ag-rtl .ag-header-expand-icon {
    padding-right: 4px
}

.ag-theme-material .ag-header-row:not(:first-child) .ag-header-cell,
.ag-theme-material .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
    border-top: 1px solid #e2e2e2;
    border-top-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-header-cell:first-of-type.ag-column-resizing,
.ag-theme-material .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-theme-material .ag-header-cell:not(.ag-column-resizing)+.ag-header-cell.ag-column-resizing,
.ag-theme-material .ag-header-cell:not(.ag-column-resizing)+.ag-header-cell:not(.ag-header-cell-moving):hover,
.ag-theme-material .ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-theme-material .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-theme-material .ag-header-group-cell:not(.ag-column-resizing)+.ag-header-group-cell.ag-column-resizing,
.ag-theme-material .ag-header-group-cell:not(.ag-column-resizing)+.ag-header-group-cell:not(.ag-header-cell-moving):hover {
    background-color: #f2f2f2;
    background-color: var(--ag-header-cell-hover-background-color, #f2f2f2)
}

.ag-theme-material .ag-ltr .ag-header-select-all {
    margin-right: 24px
}

.ag-theme-material .ag-ltr .ag-floating-filter-button,
.ag-theme-material .ag-rtl .ag-header-select-all {
    margin-left: 24px
}

.ag-theme-material .ag-rtl .ag-floating-filter-button {
    margin-right: 24px
}

.ag-theme-material .ag-floating-filter-button-button {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    height: 18px;
    padding: 0;
    width: 18px
}

.ag-theme-material .ag-filter-loading {
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa);
    height: 100%;
    padding: 16px 12px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.ag-theme-material .ag-paging-panel {
    border-top: 1px solid #e2e2e2;
    border-top-color: var(--ag-border-color, #e2e2e2);
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54));
    height: 56px
}

.ag-theme-material .ag-paging-panel>* {
    margin: 0 24px
}

.ag-theme-material .ag-paging-button {
    cursor: pointer
}

.ag-theme-material .ag-paging-button.ag-disabled {
    cursor: default;
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, .38))
}

.ag-theme-material .ag-keyboard-focus .ag-paging-button:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-paging-button:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-paging-button,
.ag-theme-material .ag-paging-description {
    margin: 0 8px
}

.ag-theme-material .ag-status-bar {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, .38));
    padding-right: 32px;
    padding-left: 32px;
    line-height: 1.5
}

.ag-theme-material .ag-status-name-value-value {
    color: rgba(0, 0, 0, .87);
    color: var(--ag-foreground-color, rgba(0, 0, 0, .87))
}

.ag-theme-material .ag-status-bar-center {
    text-align: center
}

.ag-theme-material .ag-status-name-value {
    margin-left: 8px;
    margin-right: 8px;
    padding-top: 16px;
    padding-bottom: 16px
}

.ag-theme-material .ag-column-drop-cell {
    background: #e2e2e2;
    background: var(--ag-chip-background-color, #e2e2e2);
    border-radius: 32px;
    height: 32px;
    padding: 0 4px;
    border: 1px solid transparent
}

.ag-theme-material .ag-keyboard-focus .ag-column-drop-cell:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-column-drop-cell:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 2px;
    left: 2px;
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-column-drop-cell-text {
    margin: 0 8px
}

.ag-theme-material .ag-column-drop-cell-button {
    min-width: 32px;
    margin: 0 4px;
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54))
}

.ag-theme-material .ag-column-drop-cell-drag-handle {
    margin-left: 16px
}

.ag-theme-material .ag-column-drop-cell-ghost {
    opacity: .5
}

.ag-theme-material .ag-column-drop-horizontal {
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa);
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54));
    height: 48px
}

.ag-theme-material .ag-ltr .ag-column-drop-horizontal {
    padding-left: 24px
}

.ag-theme-material .ag-rtl .ag-column-drop-horizontal {
    padding-right: 24px
}

.ag-theme-material .ag-column-drop-horizontal-cell-separator {
    margin: 0 8px;
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54))
}

.ag-theme-material .ag-column-drop-horizontal-empty-message {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, .38))
}

.ag-theme-material .ag-ltr .ag-column-drop-horizontal-icon {
    margin-right: 24px
}

.ag-theme-material .ag-rtl .ag-column-drop-horizontal-icon {
    margin-left: 24px
}

.ag-theme-material .ag-column-drop-vertical-list {
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px
}

.ag-theme-material .ag-column-drop-vertical-cell {
    margin-top: 8px
}

.ag-theme-material .ag-column-drop-vertical {
    min-height: 50px
}

.ag-theme-material .ag-column-drop-vertical-icon {
    margin-left: 8px;
    margin-right: 8px
}

.ag-theme-material .ag-column-drop-vertical-empty-message {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin-top: 8px
}

.ag-theme-material .ag-select-agg-func-popup {
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background: #fff;
    background: var(--ag-background-color, #fff);
    height: 140px;
    padding: 0
}

.ag-theme-material .ag-select-agg-func-virtual-list-item {
    cursor: default;
    padding-left: 16px
}

.ag-theme-material .ag-select-agg-func-virtual-list-item:hover {
    background-color: #eee;
    background-color: var(--ag-selected-row-background-color, #eee)
}

.ag-theme-material .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
    outline: none
}

.ag-theme-material .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus:after {
    content: "";
    position: absolute;
    background-color: transparent;
    pointer-events: none;
    top: 1px;
    left: 1px;
    display: block;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #3f51b5;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-chart-menu {
    border-radius: 2px;
    background: #fff;
    background: var(--ag-background-color, #fff)
}

.ag-theme-material .ag-chart-menu-icon {
    opacity: .5;
    line-height: 24px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin: 2px 0;
    cursor: pointer;
    border-radius: 2px;
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54))
}

.ag-theme-material .ag-chart-menu-icon:hover {
    opacity: 1
}

.ag-theme-material .ag-chart-mini-thumbnail {
    border: 1px solid #e2e2e2;
    border-color: var(--ag-secondary-border-color, var(--ag-border-color, #e2e2e2));
    border-radius: 5px;
    margin: 5px
}

.ag-theme-material .ag-chart-mini-thumbnail:nth-last-child(3),
.ag-theme-material .ag-chart-mini-thumbnail:nth-last-child(3)~.ag-chart-mini-thumbnail {
    margin-left: auto;
    margin-right: auto
}

.ag-theme-material .ag-ltr .ag-chart-mini-thumbnail:first-child {
    margin-left: 0
}

.ag-theme-material .ag-ltr .ag-chart-mini-thumbnail:last-child,
.ag-theme-material .ag-rtl .ag-chart-mini-thumbnail:first-child {
    margin-right: 0
}

.ag-theme-material .ag-rtl .ag-chart-mini-thumbnail:last-child {
    margin-left: 0
}

.ag-theme-material .ag-chart-mini-thumbnail.ag-selected {
    border-color: #ff4081;
    border-color: var(--ag-minichart-selected-chart-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081)))
}

.ag-theme-material .ag-chart-settings-card-item {
    background: rgba(0, 0, 0, .87);
    background: var(--ag-foreground-color, rgba(0, 0, 0, .87));
    width: 8px;
    height: 8px;
    border-radius: 4px
}

.ag-theme-material .ag-chart-settings-card-item.ag-selected {
    background-color: #ff4081;
    background-color: var(--ag-minichart-selected-page-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081)))
}

.ag-theme-material .ag-chart-data-column-drag-handle {
    margin-left: 8px
}

.ag-theme-material .ag-charts-settings-group-container {
    padding: 8px
}

.ag-theme-material .ag-charts-data-group-container {
    padding: 8px 12px
}

.ag-theme-material .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
    height: 32px
}

.ag-theme-material .ag-charts-data-group-container .ag-list-item-hovered:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #3f51b5;
    background-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material .ag-charts-data-group-container .ag-item-highlight-top:after {
    top: 0
}

.ag-theme-material .ag-charts-data-group-container .ag-item-highlight-bottom:after {
    bottom: 0
}

.ag-theme-material .ag-charts-format-top-level-group-container {
    margin-left: 16px;
    padding: 8px
}

.ag-theme-material .ag-charts-format-top-level-group-item {
    margin: 8px 0
}

.ag-theme-material .ag-charts-format-sub-level-group-container {
    padding: 16px 12px 2px
}

.ag-theme-material .ag-charts-format-sub-level-group-container>* {
    margin-bottom: 14px
}

.ag-theme-material .ag-charts-group-container.ag-group-container-horizontal {
    padding: 8px
}

.ag-theme-material .ag-chart-data-section,
.ag-theme-material .ag-chart-format-section {
    display: flex;
    margin: 0
}

.ag-theme-material .ag-chart-menu-panel {
    background-color: #fafafa;
    background-color: var(--ag-control-panel-background-color, #fafafa)
}

.ag-theme-material .ag-ltr .ag-chart-menu-panel {
    border-left: 1px solid #e2e2e2;
    border-left-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-rtl .ag-chart-menu-panel {
    border-right: 1px solid #e2e2e2;
    border-right-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-date-time-list-page-title {
    flex-grow: 1;
    text-align: center
}

.ag-theme-material .ag-date-time-list-page-column-label,
.ag-theme-material .ag-date-time-list-page-entry {
    text-align: center
}

.ag-theme-material .ag-checkbox-input-wrapper {
    font-family: agGridMaterial;
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 18px;
    height: 18px;
    background-color: var(--ag-checkbox-background-color);
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    flex: none
}

.ag-theme-material .ag-checkbox-input-wrapper input {
    -webkit-appearance: none;
    opacity: 0;
    width: 100%;
    height: 100%
}

.ag-theme-material .ag-checkbox-input-wrapper:active,
.ag-theme-material .ag-checkbox-input-wrapper:focus-within {
    outline: none;
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122)
}

.ag-theme-material .ag-checkbox-input-wrapper.ag-disabled {
    opacity: .5
}

.ag-theme-material .ag-checkbox-input-wrapper:after {
    content: "\f108";
    color: #333;
    color: var(--ag-checkbox-unchecked-color, #333);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-theme-material .ag-checkbox-input-wrapper.ag-checked:after {
    content: "\f106";
    color: #ff4081;
    color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-theme-material .ag-checkbox-input-wrapper.ag-indeterminate:after {
    content: "\f107";
    color: #333;
    color: var(--ag-checkbox-indeterminate-color, var(--ag-checkbox-unchecked-color, #333));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-theme-material .ag-toggle-button-input-wrapper {
    box-sizing: border-box;
    width: 36px;
    height: 18px;
    background-color: #333;
    background-color: var(--ag-toggle-button-off-background-color, var(--ag-checkbox-unchecked-color, #333));
    border-radius: 9px;
    position: relative;
    flex: none;
    border: 1px solid #333;
    border-color: var(--ag-toggle-button-off-border-color, var(--ag-checkbox-unchecked-color, #333))
}

.ag-theme-material .ag-toggle-button-input-wrapper input {
    opacity: 0;
    height: 100%;
    width: 100%
}

.ag-theme-material .ag-toggle-button-input-wrapper:focus-within {
    outline: none;
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122)
}

.ag-theme-material .ag-toggle-button-input-wrapper.ag-disabled {
    opacity: .5
}

.ag-theme-material .ag-toggle-button-input-wrapper.ag-checked {
    background-color: #ff4081;
    background-color: var(--ag-toggle-button-on-background-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081)));
    border-color: #ff4081;
    border-color: var(--ag-toggle-button-on-border-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081)))
}

.ag-theme-material .ag-toggle-button-input-wrapper:before {
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    box-sizing: border-box;
    height: 18px;
    width: 18px;
    background-color: #fff;
    background-color: var(--ag-toggle-button-switch-background-color, var(--ag-background-color, #fff));
    border-radius: 9px;
    transition: left .1s;
    border: 1px solid #333;
    border-color: var(--ag-toggle-button-switch-border-color, var(--ag-toggle-button-off-border-color, var(--ag-checkbox-unchecked-color, #333)))
}

.ag-theme-material .ag-toggle-button-input-wrapper.ag-checked:before {
    left: calc(100% - 18px);
    border-color: #ff4081;
    border-color: var(--ag-toggle-button-on-border-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081)))
}

.ag-theme-material .ag-radio-button-input-wrapper {
    font-family: agGridMaterial;
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 18px;
    height: 18px;
    background-color: var(--ag-checkbox-background-color);
    display: inline-block;
    vertical-align: middle;
    flex: none;
    border-radius: 18px
}

.ag-theme-material .ag-radio-button-input-wrapper input {
    -webkit-appearance: none;
    opacity: 0;
    width: 100%;
    height: 100%
}

.ag-theme-material .ag-radio-button-input-wrapper:active,
.ag-theme-material .ag-radio-button-input-wrapper:focus-within {
    outline: none;
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122)
}

.ag-theme-material .ag-radio-button-input-wrapper.ag-disabled {
    opacity: .5
}

.ag-theme-material .ag-radio-button-input-wrapper:after {
    content: "\f126";
    color: #333;
    color: var(--ag-checkbox-unchecked-color, #333);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-theme-material .ag-radio-button-input-wrapper.ag-checked:after {
    content: "\f127";
    color: #ff4081;
    color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-theme-material input[class^=ag-][type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    background: 0 0;
    overflow: visible
}

.ag-theme-material input[class^=ag-][type=range]::-webkit-slider-runnable-track {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 3px;
    background-color: #e2e2e2;
    background-color: var(--ag-border-color, #e2e2e2);
    border-radius: 2px
}

.ag-theme-material input[class^=ag-][type=range]::-moz-range-track {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 3px;
    background-color: #e2e2e2;
    background-color: var(--ag-border-color, #e2e2e2);
    border-radius: 2px
}

.ag-theme-material input[class^=ag-][type=range]::-ms-track {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 3px;
    background-color: #e2e2e2;
    background-color: var(--ag-border-color, #e2e2e2);
    border-radius: 2px;
    color: transparent;
    width: calc(100% - 2px)
}

.ag-theme-material input[class^=ag-][type=range]::-webkit-slider-thumb {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    border: 1px solid #333;
    border-color: var(--ag-checkbox-unchecked-color, #333);
    border-radius: 18px;
    transform: translateY(-7.5px)
}

.ag-theme-material input[class^=ag-][type=range]::-ms-thumb {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    border: 1px solid #333;
    border-color: var(--ag-checkbox-unchecked-color, #333);
    border-radius: 18px
}

.ag-theme-material input[class^=ag-][type=range]::-moz-ag-range-thumb {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background-color: #fff;
    background-color: var(--ag-background-color, #fff);
    border: 1px solid #333;
    border-color: var(--ag-checkbox-unchecked-color, #333);
    border-radius: 18px
}

.ag-theme-material input[class^=ag-][type=range]:focus {
    outline: none
}

.ag-theme-material input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122);
    border-color: #ff4081;
    border-color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081))
}

.ag-theme-material input[class^=ag-][type=range]:focus::-ms-thumb {
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122);
    border-color: #ff4081;
    border-color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081))
}

.ag-theme-material input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
    box-shadow: 0 0 0 5px rgba(32, 33, 36, .122);
    border-color: #ff4081;
    border-color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff4081))
}

.ag-theme-material input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
    background-color: #3f51b5;
    background-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material input[class^=ag-][type=range]:active::-moz-ag-range-track {
    background-color: #3f51b5;
    background-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material input[class^=ag-][type=range]:active::-ms-track {
    background-color: #3f51b5;
    background-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5))
}

.ag-theme-material input[class^=ag-][type=range]:disabled {
    opacity: .5
}

.ag-theme-material .ag-filter-toolpanel-header,
.ag-theme-material .ag-filter-toolpanel-search,
.ag-theme-material .ag-header-row,
.ag-theme-material .ag-multi-filter-group-title-bar,
.ag-theme-material .ag-panel-title-bar-title,
.ag-theme-material .ag-side-button-button,
.ag-theme-material .ag-status-bar {
    font-size: 12px;
    font-weight: 600;
    color: rgba(0, 0, 0, .54);
    color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54)))
}

.ag-theme-material .ag-tab {
    height: 36px
}

.ag-theme-material .ag-column-drop-horizontal,
.ag-theme-material .ag-tabs-header {
    background-color: #eee;
    background-color: var(--ag-subheader-background-color, #eee)
}

.ag-theme-material .ag-tabs-body {
    padding: 4px 0
}

.ag-theme-material .ag-tabs-body .ag-menu-list {
    padding-top: 0;
    padding-bottom: 0
}

.ag-theme-material .ag-header-cell,
.ag-theme-material .ag-header-group-cell {
    transition: background-color .5s
}

.ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing {
    bottom: 0
}

.ag-theme-material .ag-cell-inline-editing {
    padding: 8px;
    height: 72px;
    border-color: #e2e2e2 !important;
    border-color: var(--ag-border-color, #e2e2e2) !important
}

.ag-theme-material .ag-has-focus .ag-cell-inline-editing {
    border-color: #3f51b5 !important;
    border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, #3f51b5)) !important
}

.ag-theme-material .ag-side-button-button {
    color: rgba(0, 0, 0, .54);
    color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, .54))
}

.ag-theme-material .ag-column-drop-vertical {
    border-bottom: 1px solid #e2e2e2;
    border-bottom-color: var(--ag-border-color, #e2e2e2);
    padding-top: 8px
}

.ag-theme-material .ag-column-drop-vertical.ag-last-column-drop {
    border-bottom: none
}

.ag-theme-material .ag-column-drop-vertical-cell {
    margin-left: 0
}

.ag-theme-material .ag-column-drop-vertical-empty-message {
    font-size: 12px;
    font-weight: 600;
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, .38))
}

.ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message {
    padding-left: 34px;
    padding-right: 8px
}

.ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message {
    padding-right: 34px;
    padding-left: 8px
}

.ag-theme-material .ag-status-bar {
    border: 1px solid #e2e2e2;
    border-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-column-panel-column-select {
    border-top: 1px solid #e2e2e2;
    border-top-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-column-select,
.ag-theme-material .ag-column-select-header {
    border-bottom: 1px solid #e2e2e2;
    border-bottom-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material .ag-column-select-header {
    height: 56px
}

.ag-theme-material .ag-group-title-bar {
    padding: 6px 8px
}

.ag-theme-material .ag-charts-format-sub-level-group-title-bar {
    padding: 4px 8px
}

.ag-theme-material .ag-chart-data-section,
.ag-theme-material .ag-chart-format-section {
    padding-bottom: 4px
}

.ag-theme-material .ag-group-toolbar {
    background-color: hsla(0, 0%, 93%, .5)
}

.ag-theme-material input[class^=ag-]:not([type]),
.ag-theme-material input[class^=ag-][type=date],
.ag-theme-material input[class^=ag-][type=datetime-local],
.ag-theme-material input[class^=ag-][type=number],
.ag-theme-material input[class^=ag-][type=tel],
.ag-theme-material input[class^=ag-][type=text],
.ag-theme-material textarea[class^=ag-] {
    background: 0 0;
    color: rgba(0, 0, 0, .87);
    color: var(--ag-foreground-color, rgba(0, 0, 0, .87));
    font-family: inherit;
    font-size: inherit;
    height: 40px;
    padding-bottom: 8px;
    border-width: 0;
    border-bottom: 2px solid #e2e2e2;
    border-bottom-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material input[class^=ag-]:focus:not([type]),
.ag-theme-material input[class^=ag-][type=date]:focus,
.ag-theme-material input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material input[class^=ag-][type=number]:focus,
.ag-theme-material input[class^=ag-][type=tel]:focus,
.ag-theme-material input[class^=ag-][type=text]:focus,
.ag-theme-material textarea[class^=ag-]:focus {
    border-bottom: 2px solid #3f51b5;
    border-bottom-color: var(--ag-material-primary-color, #3f51b5);
    outline: none;
    box-shadow: none
}

.ag-theme-material input[class^=ag-]:not([type])::-moz-placeholder,
.ag-theme-material input[class^=ag-][type=date]::-moz-placeholder,
.ag-theme-material input[class^=ag-][type=datetime-local]::-moz-placeholder,
.ag-theme-material input[class^=ag-][type=number]::-moz-placeholder,
.ag-theme-material input[class^=ag-][type=tel]::-moz-placeholder,
.ag-theme-material input[class^=ag-][type=text]::-moz-placeholder,
.ag-theme-material textarea[class^=ag-]::-moz-placeholder {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, .38))
}

.ag-theme-material input[class^=ag-]:not([type])::placeholder,
.ag-theme-material input[class^=ag-][type=date]::placeholder,
.ag-theme-material input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material input[class^=ag-][type=number]::placeholder,
.ag-theme-material input[class^=ag-][type=tel]::placeholder,
.ag-theme-material input[class^=ag-][type=text]::placeholder,
.ag-theme-material textarea[class^=ag-]::placeholder {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, .38))
}

.ag-theme-material input[class^=ag-]:disabled:not([type]),
.ag-theme-material input[class^=ag-][type=date]:disabled,
.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material input[class^=ag-][type=number]:disabled,
.ag-theme-material input[class^=ag-][type=tel]:disabled,
.ag-theme-material input[class^=ag-][type=text]:disabled,
.ag-theme-material textarea[class^=ag-]:disabled {
    border-bottom: 1px solid #e2e2e2;
    border-bottom-color: var(--ag-border-color, #e2e2e2)
}

.ag-theme-material input[class^=ag-]:invalid:not([type]),
.ag-theme-material input[class^=ag-][type=date]:invalid,
.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material input[class^=ag-][type=number]:invalid,
.ag-theme-material input[class^=ag-][type=tel]:invalid,
.ag-theme-material input[class^=ag-][type=text]:invalid,
.ag-theme-material textarea[class^=ag-]:invalid {
    border-width: 0;
    border-bottom: 1px solid #e02525;
    border-bottom-color: var(--ag-invalid-color, #e02525);
    color: #e02525;
    color: var(--ag-invalid-color, #e02525)
}

.ag-theme-material .ag-standard-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #3f51b5;
    color: var(--ag-material-primary-color, #3f51b5);
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.ag-theme-material .ag-standard-button:disabled {
    color: rgba(0, 0, 0, .38);
    color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, .38));
    background-color: var(--ag-input-disabled-background-color);
    border-color: var(--ag-input-disabled-border-color)
}

.ag-theme-material .ag-dnd-ghost {
    font-size: 12px;
    font-weight: 600
}

.ag-theme-material .ag-filter-toolpanel-header {
    height: 32px
}

.ag-theme-material .ag-filter-toolpanel-group-level-0-header {
    height: 56px
}

.ag-theme-material .ag-layout-auto-height .ag-center-cols-clipper,
.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-material .ag-layout-print .ag-center-cols-clipper,
.ag-theme-material .ag-layout-print .ag-center-cols-container {
    min-height: 150px
}

.ag-theme-material .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
    padding-top: 60px
}

.ag-theme-material .ag-picker-field-wrapper:focus {
    box-shadow: 0 0 0 1px #3f51b5
}

.account {
    background: #f5f5f5;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .06);
    margin-top: 60px
}

@media(max-width:768px) {
    .account {
        margin-top: 60px
    }
}

.account__inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px
}

@media screen and (max-width:1280px) {
    .account__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {
    .account__inner {
        max-width: 930px
    }
}

@media(max-width:768px) {
    .account__inner {
        padding: 15px
    }
}

.account__tabs {
    list-style: none;
    width: 100%;
    height: 45px;
    padding: 0 25px;
    margin: 0;
    border-bottom: 1px solid #e5e5e5
}

@media(max-width:768px) {
    .account__tabs {
        height: auto;
        padding: 0
    }
}

.account__tab {
    display: inline-block;
    vertical-align: middle;
    margin: 0 25px
}

.account__tab-link {
    display: block;
    font-family: Dosis;
    font-size: 14px;
    line-height: 45px;
    height: 45px;
    color: #c4c4c4;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 4px solid transparent
}

.account__tab-link--active {
    color: #333;
    font-weight: 600;
    border-bottom: 4px solid #02d667
}

.account__tab-link--active-dark {
    color: #fff
}

.account__subtitle,
.account__title {
    display: inline-block;
    font-family: Dosis;
    font-weight: 300;
    font-size: 36px;
    color: #4b4b4b;
    padding: 50px 0;
    margin: 0 50px;
    line-height: 36px;
    text-transform: uppercase
}

.account__subtitle__login-activity,
.account__title__login-activity {
    padding-bottom: 16px
}

.account__subtitle--grey,
.account__title--grey {
    display: block;
    color: #999;
    font-size: 18px;
    text-transform: none;
    font-weight: 400
}

@media(max-width:768px) {

    .account__subtitle,
    .account__title {
        font-size: 28px;
        padding: 15px;
        margin: 5px 15px
    }

    .account__subtitle--security,
    .account__title--security {
        padding: 15px 0
    }

    .account__subtitle--grey,
    .account__title--grey {
        line-height: 25px
    }
}

.account__subtitle {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 40px;
    padding: 0
}

.account__paper {
    padding-bottom: 50px
}

.account__privacy {
    display: inline-block;
    font-family: Dosis;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
    float: right;
    padding: 0 50px 15px
}

@media(max-width:768px) {
    .account__privacy {
        display: block;
        float: none;
        text-align: center;
        padding: 15px;
        line-height: 18px
    }
}

.account__formgroup {
    min-height: 100%;
    align-items: center;
    display: flex;
    padding: 16px 25px
}

@media(max-width:768px) {
    .account__formgroup {
        display: block;
        padding: 15px 0;
        height: auto;
        margin: 15px 0
    }
}

.account__inputgroup,
.account__labelgroup {
    display: inline-block;
    font-family: Dosis;
    font-size: 16px;
    margin: 0 25px;
    width: 50%
}

@media(max-width:768px) {

    .account__inputgroup,
    .account__labelgroup {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 15px;
        box-sizing: border-box;
        font-size: 14px
    }
}

.account__label {
    display: block;
    font-weight: 600;
    text-transform: uppercase
}

.account__desc {
    display: block;
    color: #a1a1a1
}

.account__divider {
    width: 100%;
    height: 1px;
    background-color: #e7e7e7
}

.account__placeholder {
    font-weight: 600;
    font-size: 20px
}

@media(max-width:768px) {
    .account__placeholder {
        font-size: 14px
    }
}

.account__edit {
    float: right;
    border-radius: 50%
}

.account__edit:hover {
    background: rgba(0, 0, 0, .3)
}

.account__avatar {
    width: 46px;
    height: 46px;
    border: 2px solid #02d667;
    border-radius: 100%
}

.account__levels {
    list-style: none;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 65px 0 190px;
    display: flex;
    align-items: center;
    justify-content: space-around
}

@media(max-width:768px) {
    .account__levels {
        padding: 0 0 200px
    }
}

.account__level {
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 100%;
    cursor: pointer
}

.account__level:last-child:after,
.account__level:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    width: 600%;
    height: 1px;
    background-color: #e7e7e7;
    z-index: -1
}

.account__level:nth-last-child(2) {
    z-index: 1
}

.account__level:nth-last-child(2):after {
    display: none
}

.account__level:last-child:after {
    left: auto;
    right: 100%
}

.account__level-current,
.account__level-next {
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    font-family: Dosis;
    font-size: 14px;
    font-weight: 600;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px
}

.account__level-current .fa,
.account__level-next .fa {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px
}

@media(max-width:768px) {

    .account__level-current,
    .account__level-next {
        display: none
    }
}

.account__level-info {
    font-family: Dosis;
    font-size: 15px;
    position: absolute;
    width: 220px;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    padding: 20px;
    background-color: #fff
}

.account__level-info:after,
.account__level-info:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.account__level-info:after {
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e3e3e3;
    z-index: -1
}

.account__level-info--green {
    border-color: #02d667
}

.account__level-info--green:after {
    border-bottom: 10px solid #02d667
}

.account__level-info--yellow {
    border-color: #ffe400
}

.account__level-info--yellow:after {
    border-bottom: 10px solid #ffe400
}

.account__level-info--red {
    border-color: #f66
}

.account__level-info--red:after {
    border-bottom: 10px solid #f66
}

.account__level-info-before {
    font-family: Dosis;
    font-size: 15px;
    position: absolute;
    width: 330px;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    padding: 20px;
    background-color: #fff;
    height: 220px
}

@media(max-width:768px) {
    .account__level-info-before {
        width: 320px
    }
}

.account__level-info-before:after,
.account__level-info-before:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.account__level-info-before:after {
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e3e3e3;
    z-index: -1
}

.account__level-info-before--green {
    border-color: #02d667
}

.account__level-info-before--green:after {
    border-bottom: 10px solid #02d667
}

.account__level-info-before--yellow {
    border-color: #ffe400
}

.account__level-info-before--yellow:after {
    border-bottom: 10px solid #ffe400
}

.account__level-info-before--red {
    border-color: #f66
}

.account__level-info-before--red:after {
    border-bottom: 10px solid #f66
}

.account__level-info-before-dark {
    font-family: Dosis;
    font-size: 15px;
    position: absolute;
    width: 330px;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    padding: 20px;
    background-color: #fff;
    height: 220px
}

@media(max-width:768px) {
    .account__level-info-before-dark {
        width: 320px
    }
}

.account__level-info-before-dark:after,
.account__level-info-before-dark:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #1a1e1e
}

.account__level-info-before-dark:after {
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e3e3e3;
    z-index: -1
}

.account__level-info-before-dark--green {
    border-color: #02d667
}

.account__level-info-before-dark--green:after {
    border-bottom: 10px solid #02d667
}

.account__level-info-before-dark--yellow {
    border-color: #ffe400
}

.account__level-info-before-dark--yellow:after {
    border-bottom: 10px solid #ffe400
}

.account__level-info-before-dark--red {
    border-color: #f66
}

.account__level-info-before-dark--red:after {
    border-bottom: 10px solid #f66
}

.account__level:first-child .account__level-info {
    left: 170%
}

.account__level:first-child .account__level-info:after,
.account__level:first-child .account__level-info:before {
    left: 28%
}

.account__level:last-child .account__level-info {
    left: -70%
}

.account__level:last-child .account__level-info:after,
.account__level:last-child .account__level-info:before {
    left: 73%
}

@media(max-width:768px) {
    .account__level {
        position: static
    }

    .account__level-info {
        width: calc(100% - 30px);
        font-size: 13px
    }

    .account__level:after,
    .account__level:before {
        display: none !important
    }

    .account__level:first-child .account__level-info,
    .account__level:first-child .account__level-info:after,
    .account__level:first-child .account__level-info:before,
    .account__level:last-child .account__level-info,
    .account__level:last-child .account__level-info:after,
    .account__level:last-child .account__level-info:before {
        left: 50%
    }
}

.account__dailylimit {
    height: 100%
}

.account__dailylimit-value {
    display: block;
    font-weight: 600
}

.account__rights {
    font-size: 15px;
    padding: 20px 20px 0;
    border-top: 1px solid #d0d0d0;
    margin-top: 20px;
    list-style: disc
}

@media(max-width:768px) {
    .account__rights {
        font-size: 13px;
        padding: 10px 20px 0;
        margin-top: 10px
    }
}

.account__lvlno {
    z-index: 1;
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background: #fff;
    vertical-align: middle;
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1);
    position: relative;
    font-family: Dosis;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: 43px
}

.account__lvlno--green {
    background-color: #02d667
}

.account__lvlno--yellow {
    background-color: #ffe400
}

.account__lvlno--yellow-dark {
    background-color: #d4bf00
}

.account__lvlno--red {
    background-color: #f66
}

.account__lvlno--checked {
    color: #02d667;
    border: 1px solid #02d667;
    font-size: 20px
}

.account__lvlno--locked {
    color: #f66;
    border: 1px solid #f66;
    font-size: 20px
}

.account__lvltoolow {
    font-size: 14px;
    padding: 20px 0 0;
    margin-top: 20px;
    color: #f66
}

@media(max-width:768px) {
    .account__lvltoolow {
        font-size: 13px;
        padding: 10px 0 0;
        margin-top: 10px
    }
}

.account__fieldset {
    border: 1px solid #e3e3e3;
    background-color: #f5f5f5;
    padding: 40px;
    margin: 0 50px
}

.account__fieldset__two-factor {
    margin: 0
}

@media(max-width:768px) {

    .account__fieldset,
    .account__fieldset__two-factor {
        padding: 15px;
        margin: 0 15px
    }
}

.account__icon {
    display: inline-block;
    vertical-align: top;
    min-width: 50px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    line-height: 50px;
    font-size: 18px;
    position: relative
}

.account__icon,
.account__icon:after {
    border-radius: 100%;
    text-align: center
}

.account__icon:after {
    content: "";
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0
}

.account__icon--enabled:after {
    content: "\f00c";
    background-color: #0dcd6a
}

.account__icon--pending:after {
    content: "\f128";
    background-color: #ffe400
}

.account__icon-level {
    display: block;
    vertical-align: top;
    border-radius: 100%;
    text-align: left;
    font-size: 18px;
    position: relative
}

.account__icon-level--enabled>i {
    color: #0dcd6a
}

.account__icon-level--pending>i {
    color: #ffe400
}

.account__fieldrow {
    margin-bottom: 40px;
    margin-top: 30px
}

.account__fieldrow--flex {
    display: flex
}

.account__fieldrow__two-factor {
    margin-top: 0
}

.account__fieldrow--typeuser {
    text-align: center;
    margin-bottom: 45px
}

.account__fieldrow--upload {
    width: 50%;
    display: inline-grid
}

@media(max-width:768px) {
    .account__fieldrow--upload {
        width: 100%;
        display: block
    }
}

.account__fieldinput {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
    max-width: 85%
}

.account__fieldinput-level {
    margin: 0;
    max-width: 100%
}

@media(max-width:768px) {
    .account__fieldinput {
        display: block;
        margin: 0 auto;
        max-width: 100%
    }
}

.account__fieldlabel {
    display: block;
    font-family: Dosis;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
    line-height: 20px
}

@media(max-width:768px) {
    .account__fieldlabel {
        font-size: 14px
    }
}

.account__fieldlabel-level {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    text-transform: none
}

.account__fieldlabel-sub-content {
    margin-top: 8px
}

.account__fieldlabel--texttransfrom {
    text-transform: none
}

.account__fieldlabel--red {
    color: #fa6565
}

@media(max-width:1024px) {
    .account__fieldlabel__two-factor {
        display: flex;
        align-items: center
    }

    .account__fieldlabel__two-factor>div {
        margin-right: 10px
    }
}

.account__sub-content-container {
    display: flex;
    align-items: baseline
}

.account__sub-content-container>i {
    margin-right: 4px
}

@media(max-width:768px) {
    .account__icon+.account__fieldinput>.account__fieldlabel:first-child {
        position: absolute;
        top: -57px;
        padding-left: 60px
    }
}

@media(max-width:1024px) {
    .account__icon__two-factor {
        position: static !important;
        padding-left: 0 !important
    }
}

@media(max-width:768px) {
    .account__icon__two-factor {
        position: static !important;
        padding-left: 0 !important
    }
}

.account__fieldhelp {
    display: block;
    font-family: Dosis;
    color: #999;
    font-size: 16px;
    line-height: 18px;
    max-width: 500px;
    margin: 0
}

.account__fieldhelp--withmt {
    margin-top: 5px
}

.account__fieldhelp--upload {
    color: #493aff !important
}

.account__fieldlink {
    color: #333;
    font-weight: 600
}

.account__btn-verify {
    font-family: Dosis;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #f66;
    padding: 0 10px;
    text-decoration: none;
    margin: 5px 0
}

.account__btn-verify--verified {
    border: 1px solid #0dcd6a
}

.account__btn-verify--pending {
    border: 1px solid #ffe400
}

.account__textfield {
    border: 1px solid #ebebeb;
    background-color: #fff !important;
    margin: 10px 15px 10px 0;
    padding: 0 18px;
    height: 60px !important
}

.account__textfield--dark-theme {
    background-color: #293233 !important
}

.account__textfield--black {
    color: #000 !important
}

.account__textfield div {
    font-size: 16px !important;
    right: auto !important;
    margin-top: 3px
}

@media(max-width:768px) {
    .account__textfield div {
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 2px
    }
}

.account__textfield-ext {
    width: 200px !important;
    border-right: 0;
    padding-top: 2px
}

.account__textfield-bank {
    border-right: 0;
    padding-top: 0
}

.account__textfield-tel {
    border-left: 0
}

.account__textfield-ext,
.account__textfield-tel {
    margin: 10px 0 !important
}

.account__textfield--fullwidth {
    width: 100% !important;
    max-width: 615px
}

.account__textfield--disabled {
    position: relative;
    opacity: .7;
    z-index: 0
}

.account__textfield--disabled:before {
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: no-drop;
    z-index: 1
}

@media(max-width:768px) {
    .account__textfield {
        max-width: 100% !important
    }
}

.account__uploadbutton {
    display: flex !important;
    height: 60px !important;
    text-align: left !important
}

.account__table {
    width: 100%;
    min-width: 900px;
    border: 0;
    border-collapse: collapse;
    font-size: 14px
}

.account__table-wrapper {
    width: 100%
}

@media(max-width:1024px) {
    .account__table-wrapper {
        overflow-x: scroll
    }
}

.account__table-head {
    font-family: Dosis;
    color: #333;
    height: 50px;
    line-height: 50px;
    background-color: #f3f3f3;
    text-transform: uppercase;
    min-width: 100px
}

.account__table-data {
    height: 80px
}

.account__table-data--center {
    text-align: center
}

.account__submit {
    margin-top: 16px;
    flex: 1;
    display: flex;
    align-items: flex-end
}

.account__submit--padding {
    padding: 30px 40px
}

.account__submit--right {
    text-align: right
}

@media(max-width:768px) {
    .account__submit span {
        font-size: 16px
    }

    .account__submit--padding {
        padding: 30px 0;
        text-align: center
    }
}

.account__selfie {
    display: block;
    margin-top: 30px;
    width: 60%
}

@media(max-width:768px) {
    .account__selfie {
        float: none;
        width: 100%
    }
}

.account__borderRight {
    display: block;
    border-right: 1px solid #b3b3b3
}

@media(max-width:567px) {
    .account__borderRight {
        border: 0
    }
}

.account__pdLeft {
    padding-left: 80px
}

@media(max-width:1280px) {
    .account__pdLeft {
        padding-left: 40px
    }
}

@media(max-width:1024px) {
    .account__pdLeft {
        padding-left: 30px;
        margin-bottom: 20px
    }
}

@media(max-width:576px) {
    .account__pdLeft {
        padding-left: 15px;
        text-align: center
    }
}

.account__subtext {
    font-family: Dosis;
    color: #4b4b4b;
    font-size: 26px;
    font-weight: 400;
    margin: 30px 0 20px;
    padding: 0
}

.account__green {
    color: #02d667
}

.account__red {
    color: #f66
}

.account__gray {
    color: #9d9d9d
}

.account__text {
    font-family: Dosis;
    font-size: 18px;
    font-weight: 400;
    margin: 0
}

.account__text-upper {
    text-transform: uppercase
}

.account__black {
    color: #000
}

.account__contact-container {
    line-height: 28px
}

.account__input-google-code {
    max-width: 395px !important
}

@media(max-width:1280px) {
    .account__input-google-code {
        max-width: 296px !important
    }
}

.account__button-step {
    justify-content: flex-end;
    margin-top: 40
}

@media(max-width:576px) {
    .account__button-step {
        flex-wrap: wrap
    }
}

.storebtns {
    display: block;
    text-align: left
}

.storebtns a {
    display: inline-block;
    width: 150px;
    height: 45px;
    margin: 15px 8px
}

.storebtns__google {
    background: url(/assets/images/google-play.png) no-repeat 50%;
    background-size: contain
}

.storebtns__apple {
    background: url(/assets/images/app-store.png) no-repeat 50%;
    background-size: contain
}

.api__secret {
    display: inline-block;
    padding: 0 10px;
    border-bottom: 1px dotted #ccc;
    white-space: nowrap
}

.api__title {
    position: relative;
    font-family: Dosis;
    font-size: 16px;
    line-height: 33px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    padding: 20px 0;
    margin: 0;
    background-color: #fff;
    z-index: 2
}

.api__2fa {
    padding: 0 40px
}

#bank div {
    width: 78% !important
}

.line-account__content {
    margin: 20px
}

.line-account__content__line-id-container {
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width:768px) {
    .line-account__content__line-id-container {
        width: auto
    }
}

.line-account__content__lind-id {
    line-height: 0;
    margin-bottom: 20px
}

.line-account__content--center {
    display: flex;
    align-items: center;
    justify-content: center
}

.line-account__content--column {
    flex-direction: column
}

.line-account__content__otp-container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width:768px) {
    .line-account__content__otp-container {
        width: auto
    }
}

.line-account__content__otp {
    padding: 10px 30px;
    background: #fff;
    font-size: 22px;
    width: 155px;
    position: relative
}

.line-account__content__copy {
    position: absolute;
    right: 0
}

.line-account__content--refresh {
    cursor: pointer;
    margin: 0 10px
}

.line-account__modal__title {
    display: block;
    color: #999;
    font-size: 16px;
    text-transform: none;
    font-weight: 200
}

.line-account__qr-img {
    width: 200px
}

@media(max-width:768px) {
    .line-account__qr-img {
        width: 70%
    }
}

.line-account__menu-img {
    max-width: 350px
}

@media(max-width:768px) {
    .line-account__menu-img {
        width: 100%
    }
}

.two-factor__container {
    display: flex;
    margin: 0 50px;
    flex-wrap: wrap
}

@media(max-width:1024px) {
    .two-factor__container {
        margin: 0 10px
    }
}

.two-factor__carousel {
    max-width: 45%;
    overflow: hidden
}

@media(max-width:1024px) {
    .two-factor__carousel {
        max-width: 100%
    }
}

.two-factor__carousel__item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    min-height: 374px
}

@media(max-width:1024px) {
    .two-factor__carousel__item {
        min-height: 330px
    }
}

.two-factor__carousel__title {
    font-size: 20px;
    margin-bottom: 36px;
    text-align: center
}

@media(max-width:1024px) {
    .two-factor__carousel__title {
        font-size: 18px;
        margin-bottom: 0
    }
}

.two-factor__carousel__desc1 {
    font-size: 18px;
    margin: 12px 0 24px
}

.two-factor__carousel__desc2 {
    margin: 20px 0
}

.two-factor__carousel__store>img:first-child {
    margin-right: 5px
}

.two-factor__carousel__store>img:nth-child(2) {
    margin-left: 5px
}

.two-factor__carousel__arrow-container {
    margin-top: 24px;
    text-align: center
}

@media(max-width:1024px) {
    .two-factor__carousel__arrow-container {
        margin-top: 0;
        margin-bottom: 40px
    }
}

.two-factor__carousel__arrow {
    margin: 0 10px
}

.two-factor__carousel__code {
    padding: 10px 30px;
    background: #fff;
    width: 100%;
    height: 60px;
    position: relative;
    display: flex;
    align-items: center;
    margin: 24px 0
}

.two-factor__carousel__copy {
    position: absolute;
    right: 0
}

.two-factor__toggle {
    display: flex;
    justify-content: flex-end
}

.two-factor__warning-text {
    line-height: 20px;
    font-size: 14px
}

@media(max-width:1024px) {
    .hide-mobile {
        display: none
    }
}

.hide-desktop {
    display: none
}

@media(max-width:1024px) {
    .hide-desktop {
        display: block
    }
}

.consent-account__content {
    margin: 3em auto;
    text-align: left;
    width: 100%
}

.consent-account__unchecked {
    background: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #ebebeb
}

.consent-account__unchecked--dark {
    border: 2px solid #404c4e;
    background: #2c3435
}

.consent-account__button {
    text-align: right
}

@media(max-width:600px) {
    .consent-account__button {
        text-align: center
    }
}

@media(max-width:375px) {
    .consent-account__button-wrapper {
        min-width: 70px !important
    }

    .consent-account__button-wrapper button {
        height: 30px !important;
        line-height: 30px !important
    }

    .consent-account__button-wrapper span {
        font-size: 12px !important
    }
}

.consent-account__radio {
    text-align: left;
    margin: 1.5em auto
}

@media(max-width:600px) {
    .consent-account__radio {
        text-align: center;
        margin: 2.5em auto
    }
}

@media(max-width:375px) {
    .consent-account__radio label {
        font-size: 12px !important
    }
}

@media(max-width:384px) {
    .consent-account__radio {
        margin: 1.5em auto
    }
}

@media(max-width:330px) {
    .consent-account__radio {
        margin: 1em auto
    }
}

.consent-account__text--grey {
    color: #676767
}

.consent-account__text--greylight {
    color: #999
}

.consent-account__text--blue {
    color: #29aae1
}

.consent-account__text--line {
    text-decoration: underline
}

.consent-account__text--black {
    color: #000
}

.question__item:not(:last-child) {
    margin-bottom: 20px
}

.login-activity__filter__show {
    display: flex;
    align-items: center;
    margin-left: auto
}

.login-activity__filter__show span {
    margin-right: 10px;
    color: rgba(0, 0, 0, .3)
}

.consent__checkbox {
    text-align: left;
    margin: 0 50px 60px
}

@media(max-width:991px) {
    .consent__checkbox {
        margin: 0 15px 50px
    }
}

.consent__submitbtn {
    margin: 0 50px;
    text-align: center
}

.consent__cancelbox {
    margin: 10px auto 0
}

.consent__cancelbox--link {
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    color: #00e;
    z-index: 50
}

.accounttype__title {
    display: block;
    font-family: Dosis;
    font-weight: 300;
    font-size: 24px;
    color: #000;
    padding: 8% 0;
    margin: 0 50px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase
}

.accounttype__wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-flow: wrap;
    margin: 0 7%
}

@media(max-width:768px) {
    .accounttype__wrapper {
        flex-flow: column
    }
}

.accounttype__linkbox {
    width: 46%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    text-align: center;
    padding: 10% 5%;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12);
    border-radius: 2px
}

@media(max-width:768px) {
    .accounttype__linkbox {
        margin: 2% auto;
        width: 80%
    }
}

.accounttype__linkbox>font {
    font-size: 16px;
    white-space: nowrap
}

.accountlevel__wrapperbox {
    width: 90%;
    margin: 0 auto
}

.accountlevel__titlestatus {
    font-size: 20px;
    margin: 0 auto;
    text-align: center
}

.accountlevel__titlestatus.untradable>i {
    color: #f4bc08
}

.accountlevel__titlestatus.tradable {
    margin-top: 16px
}

@media(max-width:1024px) {
    .accountlevel__titlestatus.tradable {
        margin-bottom: 32px
    }
}

.accountlevel__titlestatus.tradable>i {
    color: #02d767
}

.accountlevel__lvbox {
    list-style: none;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 65px 0 190px;
    display: none
}

@media(max-width:1024px) {
    .accountlevel__lvbox {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0
    }
}

.accountlevel__lvno {
    z-index: 1;
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background: #f5f5f5;
    vertical-align: middle;
    position: relative;
    font-family: Dosis;
    font-size: 24px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
    color: #9b9b9b;
    cursor: pointer
}

.accountlevel__lvno--current {
    color: #fff;
    background: #02d667 !important
}

.accountlevel__lvno--checked {
    color: #02d667;
    border: 1px solid #02d667;
    font-size: 20px;
    line-height: 43px;
    background: #fff
}

.accountlevel__start-trade {
    padding: 6px 16px;
    background: #02d767;
    border-radius: 24px;
    font-size: 16px;
    color: #fff
}

.accountlevel__start-trade>a {
    color: inherit;
    text-decoration: none
}

.accountlevel__warning-level2 {
    width: 80%;
    margin: 0 auto
}

@media(max-width:768px) {
    .accountlevel__warning-level2 {
        width: 100%
    }
}

.levelwrap {
    padding-top: 50px
}

.levelwrap .slick-slide {
    margin: 0 .5%
}

.levelwrap .slick-list {
    margin: 0 -.5%
}

@media(max-width:1024px) {
    .levelwrap {
        padding-top: 10px
    }
}

.levelbox {
    height: 100%;
    display: flex;
    flex-direction: column;
    border: .2vmin solid rgba(0, 0, 0, .2);
    border-radius: .6vmin;
    padding: 10%
}

.levelbox.dark {
    border: .2vmin solid hsla(0, 0%, 100%, .2)
}

.levelbox.active {
    border: .2vmin solid #02d667
}

@media(max-width:1024px) {
    .levelbox {
        width: 95%;
        margin: 0 auto
    }
}

.levelbox__title {
    color: #02d667;
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    margin: 0 auto 30px
}

.levelbox__subtitle {
    font-size: 16px;
    margin-left: 48px;
    color: #e8e8e8
}

.levelbox__detailbox {
    margin: 0 0 5px
}

.levelbox__contentdetail {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.levelbox__contentdetail>li {
    margin: 10px 0
}

.levelbox__contentdetail>li>div:first-child {
    color: #9d9d9d
}

.levelbox__contentdetail>li>div:last-child {
    color: #02d667
}

.addinfo {
    width: 100%
}

.addinfo__box {
    position: relative;
    margin: 25px 0 0;
    width: 100%
}

.btnverify {
    height: 50px !important;
    font-size: 16px !important;
    font-family: Dosis;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    border: 1px solid #02d667;
    cursor: pointer;
    background: #02d667;
    color: #fff;
    transition: all .45s cubic-bezier(.23, 1, .32, 1) 0ms;
    padding: 0
}

.btnverify,
.btnverify>a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.btnverify>a {
    color: inherit;
    text-decoration: none;
    height: 100%
}

.btnverify.pass {
    pointer-events: none;
    background: 0 0;
    color: #02d667
}

.btnverify.disabled {
    background: #f4f5f6;
    border: 1px solid #f4f5f6;
    color: #989a9b;
    pointer-events: none
}

.btnverify.disabled.dark {
    filter: brightness(.5)
}

.btnverify.disabled>i {
    margin-right: 5px
}

.btnverify:hover {
    background: rgba(15, 205, 105, .8)
}

.btnverify--no-hover:hover {
    background: 0 0
}

.requireddoclist {
    margin: 0;
    padding: 0 0 0 24px;
    list-style-type: none
}

.requireddoclist>li {
    line-height: 20px;
    margin-bottom: 12px
}

.requireddoclist>li:before {
    content: "\2022";
    color: #02d667;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.requireddoclist.vip {
    padding: 0
}

.requireddoclist.vip>li:before {
    content: ""
}

.requireddoclist__btnbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    margin: 0 auto
}

@media(max-width:1024px) {
    .requireddoclist__btnbox {
        flex-flow: column
    }
}

.corpstatus__wrapper {
    margin: 0 auto;
    text-align: center;
    padding: 64px
}

@media(max-width:600px) {
    .corpstatus__wrapper {
        padding: 32px
    }
}

.corpstatus__imgbox {
    width: 360px;
    margin: 0 auto;
    max-width: 100%
}

@media(max-width:600px) {
    .corpstatus__imgbox {
        width: 300px
    }
}

.corpstatus__title {
    font-size: 22px;
    margin-top: 24px;
    font-weight: 700;
    padding-bottom: 16px
}

.slick-slide>div {
    height: 100%
}

.slick-slide>div>div {
    flex-direction: column
}

.slick-slide>div>div,
.slick-track {
    display: flex !important
}

.slick-slide {
    height: inherit !important
}

.airdroppage {
    min-height: calc(100vh - 60px)
}

@media(max-width:768px) {
    .airdroppage {
        height: auto
    }
}

.airdroppage__inner {
    width: 100%;
    max-width: 1280px;
    margin: 60px auto 0;
    padding: 50px 30px
}

@media screen and (max-width:1280px) {
    .airdroppage__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {
    .airdroppage__inner {
        max-width: 930px
    }
}

@media(max-width:768px) {
    .airdroppage__inner {
        padding: 15px
    }
}

.airdroppage__contentwrap {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    padding: 100px 30px
}

@media(max-width:1280px) {
    .airdroppage__contentwrap {
        width: 85%;
        padding: 50px 15px
    }
}

@media(max-width:768px) {
    .airdroppage__contentwrap {
        width: 100%;
        padding: 30px 20px
    }
}

.airdroppage__titlebox {
    margin: 0 auto 40px
}

@media(max-width:768px) {
    .airdroppage__titlebox {
        margin: 0 auto 20px
    }
}

.airdroppage__desc>p {
    text-indent: 40px;
    text-align: left
}

.airdroppage__desc--box {
    border: 1px solid;
    padding: 10px;
    border-radius: 4px
}

.airdroppage__desc--alert {
    color: #fa6565;
    font-size: 14px;
    margin: 30px auto 0
}

.airdroppage__btnbox {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media(max-width:768px) {
    .airdroppage__btnbox {
        justify-content: center
    }
}

.airdroppage__footerbox {
    text-align: left
}

.airdroppage__footerbox.space {
    margin-top: 50px
}

.announcement {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    color: #fff;
    background: #02d667;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    text-align: center;
    -o-object-fit: contain;
    object-fit: contain
}

@media(max-width:425px) {
    .announcement {
        margin-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.announcement_closeTagline {
    position: absolute;
    right: 20px;
    cursor: pointer;
    align-self: center
}

@media(max-width:768px) {
    .announcement_closeTagline {
        right: 10px;
        align-self: auto
    }
}

.announcement_closeTaglineImg {
    width: 18px;
    height: 18px;
    -o-object-fit: none;
    object-fit: none
}

@media(max-width:425px) {
    .announcement_closeTaglineImg {
        width: 12px;
        height: 12px
    }
}

.announcement__tab>font {
    font-size: 16px !important
}

@media(max-width:425px) {
    .announcement__tab>font {
        font-size: 15px !important
    }
}

.announcement__icon {
    height: 65.66px
}

.announcement__seemore {
    background-color: #10d675 !important;
    border-radius: 4px !important;
    color: #fff !important;
    align-self: center !important;
    margin-top: 30px !important
}

.announcement__taglineLink {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    align-items: center;
    justify-content: center;
    display: flex
}

.announcement__taglineTxt {
    padding-left: 15px;
    padding-right: 15px;
    word-break: break-word
}

@media(max-width:768px) {
    .announcement__taglineTxt {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(max-width:425px) {
    .announcement__taglineTxt {
        padding-left: 0;
        padding-right: 0
    }
}

.blog__inner {
    display: block;
    margin: 0 auto;
    max-width: 1280px
}

.blog__inner--listing-policy {
    margin-top: 80px;
    margin-bottom: 40px
}

.blog__headercontent-title,
.blog__heading-title,
.blog__title {
    display: inline-block;
    font-family: Dosis;
    font-size: 44px;
    line-height: 50px;
    font-weight: 300;
    text-transform: uppercase;
    padding-left: 30px
}

.blog__headercontent-title,
.blog__title {
    position: relative;
    top: -40px
}

.blog__headercontent-title--subtitle,
.blog__title--subtitle {
    font-weight: 200
}

@media(max-width:768px) {

    .blog__headercontent-title,
    .blog__title {
        font-size: 28px;
        line-height: 30px;
        padding-left: 30px
    }
}

.blog__subtitle {
    font-family: Dosis;
    font-weight: 300;
    font-size: 28px;
    color: #333;
    text-transform: uppercase;
    margin: 30px 0
}

.blog__subtitle,
.blog__subtitle--inline {
    display: inline-block
}

.blog__subtitle--smallsize {
    font-size: 18px;
    margin-top: 5px
}

@media(max-width:768px) {
    .blog__subtitle {
        font-size: 21px
    }
}

.blog__subtitle--center,
.blog__title--center {
    display: block;
    text-align: center
}

.blog__subtitle--job,
.blog__title--job {
    padding: 0
}

.blog__header {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    background: url(/assets/images/bg5.784d77f1.jpg) no-repeat top;
    background-size: cover
}

@media(max-width:768px) {
    .blog__header {
        margin-top: 60px;
        height: 180px
    }
}

.blog__headercontent {
    width: 100%;
    height: 350px;
    display: flex;
    position: relative;
    align-items: center;
    background: url(/_next/static/media/bg5.784d77f1.jpg) no-repeat 50%;
    background-size: cover
}

@media(max-width:768px) {
    .blog__headercontent {
        height: 180px
    }
}

.blog__headercontentevent {
    width: 100%;
    height: 200px;
    display: flex;
    position: relative;
    align-items: center
}

@media(max-width:768px) {
    .blog__headercontentevent {
        height: 180px
    }
}

.blog__heading {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    padding-top: 120px
}

@media(max-width:768px) {
    .blog__heading {
        padding-top: 60px
    }
}

.blog__heading--headsubtitle {
    font-size: 21px;
    font-weight: 100;
    margin: 0;
    padding-left: 30px
}

@media(max-width:768px) {
    .blog__heading--headsubtitle {
        font-size: 10px;
        margin: 3px 45px 9px 31px
    }
}

.blog__menu {
    min-height: 60px !important;
    min-width: 100% !important;
    font-size: 16px !important
}

@media(max-width:768px) {
    .blog__menu div>span {
        font-size: 12px !important
    }
}

.blog__text--bold {
    font-weight: 600
}

.blog__text--textabout {
    font-weight: 200;
    text-align: justify
}

.blog__content {
    padding: 0 30px 30px;
    line-height: 1.5em
}

.blog__tab {
    height: 60px;
    background-color: #f4f5f6
}

.blog__tab--active {
    background: #fff !important;
    color: #000 !important;
    height: 60px
}

.blog__tab ul {
    text-align: center;
    line-height: 60px;
    margin: 0;
    padding: 0
}

.blog__tab ul>li {
    width: 10%;
    display: inline-block
}

@media(max-width:414px) {
    .blog__tab ul>li {
        width: 25%
    }
}

.blog__rightbox {
    font-size: 30px;
    font-weight: 400;
    text-align: center
}

@media(max-width:1024px) {
    .blog__rightbox {
        margin-top: 2%
    }
}

.blog__rightbox--titlestats {
    margin-bottom: 10px
}

.blog__rightbox--green {
    color: #08d567;
    font-size: 22px
}

.blog__rightbox--subtitle {
    color: #000;
    font-size: 18px !important;
    margin: 0 !important;
    font-weight: 200
}

.blog__rightbox--titleoperations {
    color: #000;
    font-weight: 500 !important;
    font-size: 18px !important;
    text-align: left;
    margin-bottom: 10px
}

.blog__rightbox--greensmall {
    color: #08d567;
    font-size: 16px;
    text-align: left;
    margin: 0 !important;
    font-weight: 200
}

.blog__rightbox--small {
    text-align: left;
    font-size: 14px !important;
    margin: 0 !important;
    font-weight: 200
}

.blog__rightbox--titleCareers {
    color: #000;
    text-align: left;
    font-size: 40px;
    font-weight: 300
}

.blog__rightbox:before {
    display: none
}

.blog__icon {
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background: #fff;
    vertical-align: middle;
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1);
    position: relative;
    margin-right: 22px;
    padding-top: 5px
}

.blog__textdetail {
    font-family: Dosis;
    font-weight: 200;
    text-align: justify;
    line-height: 30px
}

@media(max-width:414) {
    .blog__textdetail {
        text-align: left
    }
}

.blog__textdetail--textexpect {
    padding-left: 70px;
    margin-top: -10px;
    font-weight: 200
}

.blog__textdetail--green {
    color: #08d567
}

.blog__textdetail--datenews {
    font-size: 12px
}

.blog__textdetail ul {
    list-style: none;
    padding: 0;
    margin-top: 0
}

.blog__textdetail li {
    padding-left: 1.3em;
    line-height: 30px
}

.blog__textdetail li:before {
    content: "\f111";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -2.3em;
    width: 2.4em;
    font-size: 10px
}

.blog__box {
    margin-top: 5px
}

@media(max-width:768px) {
    .blog__box {
        margin-top: 0
    }
}

.blog__box--center {
    margin-top: 80px;
    text-align: center
}

.blog__boxpresslogo {
    display: block;
    text-align: center
}

.blog__boxpresslogo img {
    vertical-align: middle;
    margin: 5px
}

@media(max-width:768px) {
    .blog__boxpresslogo {
        display: none
    }
}

.blog__boxcontent {
    margin-top: 40px
}

.blog__boximg {
    width: 100%
}

.blog__boximg--imgnews {
    width: 99%
}

@media(max-width:768px) {
    .blog__boximg {
        margin-bottom: 10px
    }
}

.blog a {
    text-decoration: none;
    cursor: pointer
}

.blog__titilecontent {
    font-family: Dosis;
    font-size: 44px;
    line-height: 50px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px
}

.blog__mgtos {
    padding-left: 20px !important
}

@media(max-width:768px) {
    .blog__mgtos {
        padding-left: 15px !important
    }
}

.blog__mgltos {
    padding-left: 47px !important
}

@media(max-width:768px) {
    .blog__mgltos {
        padding-left: 42px !important
    }
}

.blog__mglefttos {
    padding-left: 70px !important
}

@media(max-width:768px) {
    .blog__mglefttos {
        padding-left: 65px !important
    }
}

.blog__mglefmorettos {
    padding-left: 90px !important
}

@media(max-width:768px) {
    .blog__mglefmorettos {
        padding-left: 65px !important
    }
}

.medium__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    line-height: 1.35;
    color: #000
}

.medium__title--video {
    -webkit-line-clamp: 2
}

.medium__gray {
    color: #a6a8aa
}

.medium__green {
    color: #21d46c
}

.medium__detailbox {
    padding: 0 20px
}

.medium__card {
    transition: all .2s
}

.medium__card:hover {
    transform: scale(1.01)
}

.medium__feed {
    height: 530px
}

@media(max-width:1280px) {
    .medium__feed {
        height: 480px !important
    }
}

@media(max-width:414px) {
    .medium__feed {
        height: 470px !important
    }
}

.medium__largefeed {
    height: 747px
}

@media(max-width:1024px) {
    .medium__largefeed {
        height: 740px !important
    }
}

@media(max-width:414px) {
    .medium__largefeed {
        height: 520px !important
    }
}

.medium__largeimage {
    width: 100%;
    height: 100%;
    min-height: 458px;
    max-height: 458px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width:1280px) {
    .medium__largeimage {
        height: 360px
    }
}

@media(max-width:1024px) {
    .medium__largeimage {
        height: 450px
    }
}

@media(max-width:768px) {
    .medium__largeimage {
        height: 500px
    }
}

@media(max-width:414px) {
    .medium__largeimage {
        max-height: 250px;
        min-height: 250px
    }
}

.medium__image {
    width: 100%;
    height: 100%;
    max-height: 253px;
    min-height: 253px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width:1280px) {
    .medium__image {
        max-height: 190px;
        min-height: 190px
    }
}

.medium__responsivetab {
    display: block
}

@media(max-width:1280px) {
    .medium__responsivetab {
        display: none !important
    }
}

@media(max-width:1024px) {
    .medium__responsivetab {
        display: inline-block !important
    }
}

@media(max-width:414px) {
    .medium__responsivetab {
        display: none !important
    }
}

.medium__detailtext {
    color: #a6a8aa;
    font-weight: 100
}

.medium__nopdb {
    padding-bottom: 0
}

.medium__detailmedium a {
    color: #000;
    text-decoration: underline
}

.founders__thumbnail {
    display: inline-block;
    text-align: center
}

.founders__thumbnail img {
    display: block;
    width: 240px;
    margin: 10px 50px
}

.founders__rank {
    font-size: 14px
}

.buy {
    font-family: Dosis
}

.buy__buying {
    padding-bottom: 0
}

.buy__coins {
    padding: 40px 0 20px;
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 1
}

.buy__currency {
    font-size: 16px;
    line-height: 20px;
    color: #ccc
}

.buy__currency,
.buy__perunit,
.buy__value {
    font-weight: 400;
    text-transform: uppercase;
    margin: 0
}

.buy__perunit,
.buy__value {
    color: #333;
    font-size: 26px;
    line-height: 30px
}

.buy__value {
    font-weight: 600
}

.buy__coinbtn {
    display: inline-block;
    width: 230px !important;
    height: 135px !important;
    text-align: left !important;
    box-sizing: border-box !important;
    padding: 30px !important;
    border-radius: 4px !important;
    border: 1px solid #ccc !important;
    margin: 0 10px !important
}

.buy__coinbtn--active {
    border-color: #02d667 !important
}

.buy__coinbtn--active:after {
    position: absolute;
    top: 10px;
    right: 20px;
    content: "\f058";
    font-family: FontAwesome;
    font-size: 30px;
    color: #02d667
}

.buy__coinbtn--active .buy__currency {
    color: #02d667
}

.buy__textfield {
    display: inline-block !important;
    width: 180px !important;
    height: 80px !important;
    margin: 0 30px
}

.buy__buyamount {
    position: relative;
    text-align: center
}

.buy__buyamount:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: "\f0a9";
    font-family: FontAwesome;
    font-size: 30px;
    color: #333
}

.buy__account {
    width: 100% !important
}

.buy__bank {
    position: relative;
    border: 1px solid #ebebeb !important
}

.buy__bank--active {
    border-color: #02d667 !important
}

.buy__bank--active:after {
    top: 12px;
    font-size: 22px
}

.buy__bankinfo {
    display: inline-block;
    padding: 10px 50px
}

.buy__accamt {
    display: inline-block;
    font-size: 26px;
    color: #333;
    vertical-align: super;
    margin-right: 40px
}

.buy__bankico {
    top: 18px;
    font-size: 33px
}

.buy__note {
    font-size: 16px;
    color: #333;
    padding: 0 50px
}

.buy__limit {
    box-sizing: border-box;
    padding: 40px 40px 0
}

.buy__limit-hint {
    color: #999;
    font-size: 14px;
    line-height: 40px
}

.buy__limit-increase {
    float: right
}

.buy__summary,
.buy__total {
    line-height: 30px
}

.buy__summary-info,
.buy__total-info {
    display: inline-block
}

.buy__summary-value,
.buy__total-value {
    float: right;
    text-align: right
}

.buy__summary-value .buy__title,
.buy__total-value .buy__title {
    font-size: 21px
}

.buy__total {
    background: #02d667
}

.buy__total .buy__title {
    color: #fff;
    background-color: transparent
}

@media(max-width:414px) {
    .buy__total .buy__title {
        padding: 20px 5px 20px 10px
    }
}

.buy__total-value .buy__title {
    font-size: 21px
}

@media(max-width:414px) {
    .buy__total-value .buy__title {
        font-size: 22px;
        padding: 20px 5px 0 0
    }
}

.buy__learnmore {
    text-align: center;
    padding: 0
}

.sell__coins {
    padding-top: 0
}

.buy,
.sell {
    padding-top: 120px;
    background: url(/_next/static/media/bg-buysell.5957ab60.jpg) no-repeat top;
    background-size: 100% auto
}

@media(max-width:1440px) {

    .buy,
    .sell {
        background-size: auto 400px
    }
}

.buy__inner,
.sell__inner {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    position: relative
}

@media screen and (max-width:1280px) {

    .buy__inner,
    .sell__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {

    .buy__inner,
    .sell__inner {
        max-width: 930px
    }
}

.buy__title,
.sell__title {
    display: block;
    font-family: Dosis;
    font-size: 44px;
    line-height: 50px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    padding: 60px 0 10px
}

.buy__toptitle,
.sell__toptitle {
    font-family: Dosis;
    font-weight: 300;
    font-size: 54px;
    color: #4b4b4b;
    line-height: 260px;
    margin: 0
}

.buy__tabs,
.sell__tabs {
    position: absolute;
    top: -40px
}

.buy__tab,
.sell__tab {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 50px;
    background: #ececec;
    z-index: 1;
    font-family: Dosis;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 10px;
    background: #333;
    border-radius: 5px 5px 0 0
}

.buy__tab--active,
.sell__tab--active {
    color: #333;
    background: #fff
}

.buy__contents,
.sell__contents {
    width: 100%;
    min-height: 200px;
    position: relative;
    background: #fff
}

.buy__currencies,
.sell__currencies {
    width: 100%;
    padding-top: 25px;
    border-bottom: 1px solid #e5e5e5;
    text-align: left
}

.buy__currency,
.sell__currency {
    display: inline-block;
    font-family: Dosis !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #999 !important;
    height: 40px !important;
    line-height: 40px !important;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 2px solid transparent !important;
    transition: all .2s ease-in-out !important
}

.buy__currency--active,
.sell__currency--active {
    color: #333 !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #02d667 !important
}

.buy__currency--active span,
.sell__currency--active span {
    font-weight: 600 !important
}

.buy__btc,
.buy__eth,
.buy__thb,
.sell__btc,
.sell__eth,
.sell__thb {
    text-align: center
}

.buy__currentrate,
.sell__currentrate {
    display: inline-block;
    margin: 50px auto 15px;
    text-align: center;
    font-family: Dosis;
    font-weight: 300;
    font-size: 43px;
    line-height: 68px;
    color: #333;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    padding: 0 25px
}

.buy__label,
.buy__refresh-hint,
.sell__label,
.sell__refresh-hint {
    font-family: Dosis;
    font-weight: 600;
    font-size: 14px;
    color: #333
}

.buy__label,
.sell__label {
    display: block;
    text-align: left;
    line-height: 30px;
    text-transform: uppercase
}

.buy__label--green,
.sell__label--green {
    color: #02d667
}

.buy__label--lg,
.sell__label--lg {
    font-size: 35px;
    line-height: 35px
}

.buy__options,
.sell__options {
    margin: 40px auto
}

.buy__option,
.sell__option {
    display: inline-block;
    padding: 30px;
    background: #f5f5f5;
    transition: all .4s ease-out
}

.buy__option:hover,
.sell__option:hover {
    background: #02d667
}

.buy__option:hover .buy__label,
.buy__option:hover .buy__optbuy span,
.buy__option:hover .sell__label,
.buy__option:hover .sell__optbuy span,
.sell__option:hover .buy__label,
.sell__option:hover .buy__optbuy span,
.sell__option:hover .sell__label,
.sell__option:hover .sell__optbuy span {
    color: #fff !important
}

.buy__option:hover .buy__chevron,
.buy__option:hover .sell__chevron,
.sell__option:hover .buy__chevron,
.sell__option:hover .sell__chevron {
    fill: #02d667 !important;
    background-color: #fff !important
}

.buy__optbuy,
.sell__optbuy {
    width: 190px;
    padding: 30px 0;
    margin-top: 30px !important
}

.buy__desired,
.sell__desired {
    font-family: Dosis;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 20px
}

.buy__custom,
.sell__custom {
    padding: 50px 0;
    border-bottom: 1px solid #cfcfcf
}

.buy__textfield,
.sell__textfield {
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    margin: 10px;
    padding: 0 18px
}

.buy__graph,
.sell__graph {
    text-align: left
}

.buy__chart,
.sell__chart {
    width: 100%;
    height: 440px;
    margin: 40px auto
}

.buy__learn,
.sell__learn {
    width: 100%;
    height: 289px;
    background: url(/static/images/bg-buysell-learn.jpg) no-repeat top;
    background-size: cover
}

.buy__learn .buy__title,
.sell__learn .buy__title {
    padding-top: 90px
}

.campaign__header {
    padding-top: 120px
}

@media(max-width:768px) {
    .campaign__header {
        padding-top: 60px
    }
}

.campaign__tabs {
    display: block;
    padding: 0;
    list-style: none;
    width: 1000px;
    max-width: 100%;
    margin: 15px auto 0;
    border-bottom: 2px solid #e3e3e3;
    font-family: dosis
}

.campaign__tab {
    display: inline-block
}

.campaign__tab a {
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 0;
    border-bottom: 2px solid transparent
}

.campaign__tab--active a {
    border-bottom: 2px solid #00d766
}

.campaign__banner {
    display: block;
    margin: 15px auto 0;
    max-width: 100%
}

@media(max-width:768px) {
    .campaign__banner {
        margin: 0 auto
    }
}

.campaign__content {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto
}

@media(max-width:768px) {
    .campaign__content {
        padding: 15px 30px
    }
}

.campaign__btns {
    padding: 15px 30px;
    width: 100%;
    text-align: center
}

.cancel-order__warning-message {
    border-radius: 4px;
    padding: 16px;
    border: 1px solid #252d2c;
    color: #000;
    width: 100%;
    background-color: #fc3
}

.cancel-order__warning-message--title {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px
}

.cancel-order__warning-message--icon {
    height: 20px;
    position: relative;
    top: 4px;
    margin-right: 10px
}

.cancel-order__warning-message--learnmore,
.cancel-order__warning-message--message {
    font-size: 13px;
    line-height: 20px;
    margin-right: 8px;
    color: #252d2c
}

.cancel-order__warning-message--learnmore {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    text-decoration: underline
}

.cancel-order__warning-message--action-container {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    align-items: center
}

@media(max-width:425px) {
    .cancel-order__warning-message--action-container {
        flex-wrap: wrap
    }
}

.th-global {
    font-family: Dosis;
    font-size: 44px;
    font-weight: 500;
    text-align: left;
    color: #333;
    text-transform: uppercase;
    padding: 15px
}

.coinmarketcap-title {
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

.coinmarketcap-title>img {
    margin-right: 10px
}

.th-bitkub {
    font-family: Dosis;
    font-size: 44px;
    font-weight: 500;
    text-align: left;
    color: #18cf73;
    text-transform: uppercase;
    padding: 15px
}

@media only screen and (max-width:600px) {
    .th-global {
        color: #333
    }

    .th-bitkub,
    .th-global {
        font-family: Dosis;
        font-size: 26px;
        font-weight: 500;
        text-align: left;
        text-transform: uppercase;
        padding: 0 15px 15px 0
    }

    .th-bitkub {
        color: #18cf73
    }

    .coin-info-des-img {
        height: 64px
    }

    .th-global-moblie {
        padding-left: 15px
    }
}

.row-eq-height {
    display: flex
}

.search-container {
    padding: 0;
    height: 50px;
    background-image: url(/_next/static/media/coininfo-search.df370361.png);
    background-size: cover;
    background-position: 50%
}

.search-text {
    margin: 10px 0 10px 10px;
    color: #fff;
    font-weight: 500
}

.search-panal {
    border: 0 solid transparent;
    border-radius: 0;
    margin: 0
}

.any-center-container {
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex
}

.coin-value {
    padding-top: 18px !important
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.coinTable-name {
    display: flex
}

.thin-coin-name {
    font-size: 12px;
    color: #aaa
}

.text-red {
    color: #fa6565
}

.text-green {
    color: #18cf73
}

.price-panal-header {
    font-size: 30px;
    padding-right: 20px
}

@media only screen and (max-width:600px) {
    .search-moblie-hidden {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .price-panal-header {
        font-size: 18px;
        padding-right: 10px
    }
}

.price-panal-table-div {
    margin-top: 10px;
    padding-top: 2px;
    border-top: 2px solid rgba(0, 0, 0, .2);
    display: block;
    width: 100%;
    overflow-x: auto
}

.price-panal-table {
    border-spacing: 0 !important
}

.price-panal-table th {
    background-color: rgba(0, 0, 0, .067)
}

.price-panal-table th,
.price-panal-table tr {
    font-size: 14px !important;
    font-weight: 400 !important
}

.price-panal-table tbody td {
    border: 0;
    padding-right: 20px;
    padding-left: 20px
}

.cointable {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    border-spacing: 0
}

.cointable-th {
    background-color: hsla(0, 0%, 53%, .067);
    padding-top: 2px;
    border-collapse: collapse;
    border: 0;
    border-bottom: 0 !important;
    border-top: 2px solid rgba(0, 0, 0, .031) !important;
    font-size: 14px;
    font-weight: lighter
}

.cointable-tr {
    cursor: pointer
}

.cointable-tr:hover {
    background: rgba(0, 0, 0, .031)
}

.cointable-td-data {
    vertical-align: middle !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .067) !important;
    padding-top: 5px;
    padding-bottom: 5px
}

.coin-details-pic {
    justify-content: center;
    align-items: center;
    display: flex
}

.coininfo-description h1 {
    font-family: Dosis
}

.coininfo-description h4 {
    font-family: Roboto;
    font-weight: 400
}

@media only screen and (max-width:768px) {

    .more-detail-div,
    .more-detail-header {
        text-align: center
    }
}

.more-detail-link {
    width: 250px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    color: #18cf73
}

.coin-info-btn-next {
    cursor: pointer;
    color: #fff;
    background-color: #333;
    margin-left: 10px
}

.coin-info-btn-next-arrow {
    display: inline-block !important;
    fill: #000 !important;
    height: 16px !important;
    width: 16px !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    transition: all .45s cubic-bezier(.23, 1, .32, 1) 0ms !important;
    background: #02d667 !important;
    border-radius: 100% !important;
    top: 2px !important;
    position: relative !important
}

.coin-info-btn-disable {
    color: #fff;
    background-color: rgba(51, 51, 51, .533);
    margin-left: 10px
}

.coin-info-btn-disable-arrow {
    display: inline-block !important;
    fill: #333 !important;
    height: 16px !important;
    width: 16px !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    transition: all .45s cubic-bezier(.23, 1, .32, 1) 0ms !important;
    background: #fff !important;
    border-radius: 100% !important;
    top: 2px !important;
    position: relative !important
}

.coin-info-news-img {
    width: 100%
}

.coin-info-description-text {
    text-indent: 2em;
    text-align: justify
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 30px 0
}

ul.pagination li {
    display: inline
}

ul.pagination li,
ul.pagination li.active {
    color: #000;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #ddd;
    cursor: pointer;
    margin: 0 4px
}

ul.pagination li.active {
    background: #21d46c
}

ul.pagination li.disabled {
    color: #ccc;
    cursor: not-allowed
}

.pulse {
    overflow: initial;
    position: relative
}

.pulse:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    transition: opacity .3s, transform .3s;
    -webkit-animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
    z-index: -1
}

.pulse--default:before {
    background: rgba(0, 0, 0, .1)
}

.flag,
.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.flag--round,
.icon--round {
    border-radius: 100%
}

.flag--sg,
.icon--sg {
    background-image: url(/static/images/flags/sg.png)
}

.flag--th,
.icon--th {
    background-image: url(/static/images/flags/th.png)
}

.flag--kbank,
.icon--kbank {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/KBANK.png)
}

.flag--bay,
.icon--bay {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/BAY.png)
}

.flag--scb,
.icon--scb {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/SCB.png)
}

.flag--bbl,
.icon--bbl {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/BBL.png)
}

.flag--gsb,
.icon--gsb {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/GSB.png)
}

.flag--ktb,
.icon--ktb {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/KTB.png)
}

.flag--tbnk,
.icon--tbnk {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/TBNK.png)
}

.flag--ttb,
.icon--ttb {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/TTB.png)
}

.flag--uob,
.icon--uob {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/UOB.png)
}

.flag--baac,
.icon--baac {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/BAAC.png)
}

.flag--isbt,
.icon--isbt {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/ISBT.png)
}

.flag--tisco,
.icon--tisco {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/TISCO.png)
}

.flag--cimbt,
.icon--cimbt {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/CIMBT.png)
}

.flag--scbt,
.icon--scbt {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/SCBT.png)
}

.flag--hsbc,
.icon--hsbc {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/HSBC.png)
}

.flag--ghb,
.icon--ghb {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/GHB.png)
}

.flag--kk,
.icon--kk {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/KK.png)
}

.flag--lhbank,
.icon--lhbank {
    background-image: url(https://cdn.bitkubnow.com/banks/icon/LHBANK.png)
}

.icon__price {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle
}

.icon__price--small {
    width: 10px;
    height: auto
}

.icon__price--big {
    margin-right: 5px;
    vertical-align: middle
}

.nopt {
    padding-top: 0 !important
}

.nopb {
    padding-bottom: 0 !important
}

.nomb {
    margin-bottom: 0 !important
}

.nopx {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.nom {
    margin: 0
}

.nop {
    padding: 0 !important
}

.textleft {
    text-align: left
}

.textright {
    text-align: right
}

.textcenter {
    text-align: center
}

.noty_theme__metroui.noty_type__alert,
.noty_theme__metroui.noty_type__notification {
    background-color: #fff;
    color: #1d1d1d
}

.noty_theme__metroui.noty_type__warning {
    background-color: #fa6800;
    color: #fff
}

.noty_theme__metroui.noty_type__error {
    background-color: #fa6565;
    color: #fff
}

.noty_theme__metroui.noty_type__info,
.noty_theme__metroui.noty_type__information {
    background-color: #1e90ff;
    color: #fff
}

.noty_theme__metroui.noty_type__success {
    background-color: #02d667;
    color: #fff
}

.breadcrumb {
    height: 60px;
    box-shadow: 0 -10px 15px 10px rgba(0, 0, 0, .1);
    background-color: #fff;
    margin: 0;
    padding: 0 30px
}

@media(max-width:768px) {
    .breadcrumb {
        height: auto
    }
}

.breadcrumb,
.breadcrumb__link {
    font-family: Dosis;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    line-height: 60px;
    text-decoration: none
}

.breadcrumb__more {
    float: right;
    display: none;
    transition: transform .4s ease
}

.breadcrumb__more--active {
    transform: rotate(180deg)
}

@media(max-width:768px) {
    .breadcrumb__more {
        display: block
    }
}

.breadcrumb__item {
    display: inline-block
}

.breadcrumb__item:not(:last-child):after {
    content: "\f0da";
    font-family: FontAwesome;
    margin: 0 10px
}

.breadcrumb__items-new {
    display: block;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1200px
}

@media(max-width:1280px) {
    .breadcrumb__items-new {
        max-width: 1024px
    }
}

@media(max-width:1024px) {
    .breadcrumb__items-new {
        max-width: 860px
    }
}

.breadcrumb__items {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(max-width:768px) {
    .breadcrumb__items {
        padding: 0
    }
}

.breadcrumb__items--right {
    float: right
}

@media(max-width:768px) {
    .breadcrumb__items--right {
        display: block;
        float: none;
        text-align: center;
        height: auto;
        max-height: 0;
        overflow: hidden;
        transition: max-height .4s ease-in
    }
}

.breadcrumb__items--visible {
    max-height: 300px;
    transition: max-height .4s ease-out
}

.breadcrumb__items--right .breadcrumb__item:not(:last-child):after {
    display: none
}

.breadcrumb__items--name {
    margin-right: 0
}

.breadcrumb__items--detail {
    width: 78%
}

@media(max-width:991px) {
    .breadcrumb__items--detail {
        width: 100%
    }
}

.breadcrumb__newmarket {
    box-shadow: none;
    padding: 0;
    height: 40px;
    line-height: 40px;
    background: 0 0;
    margin: 0
}

@media(max-width:991px) {
    .breadcrumb__newmarket {
        margin: 0;
        position: relative;
        height: auto;
        padding: 0 3vw;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        line-height: normal
    }
}

.breadcrumb__newmarket button {
    transition: none !important
}

.tradingview iframe {
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 50px) !important
}

.tradingview--newmarket iframe {
    height: 100% !important
}

@media(max-width:991px) {
    .tradingview--newmarket iframe {
        height: 350px !important
    }
}

.tradingview--intotheblock {
    position: relative;
    overflow: hidden;
    height: 100% !important;
    cursor: pointer
}

.tradingview--intotheblock a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 400;
    top: 0;
    left: 0
}

.tradingview--intotheblock iframe {
    border: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%
}

.zEWidget-launcher {
    left: auto !important;
    right: 0 !important
}

.text--blue {
    color: #1e90ff !important
}

.text--green {
    color: #02d667 !important
}

.text--red {
    color: #f74b6c !important
}

.text--down {
    color: #ef465f !important
}

.text--up {
    color: #02d667 !important
}

.text--orange {
    color: #f7931e !important
}

.text--w500 {
    font-weight: 500 !important
}

.text--grey {
    color: #b3b3b3 !important
}

.text--grey2 {
    color: #969696 !important
}

.text--normal {
    font-weight: 400
}

.text--normal1 {
    font-size: 13px
}

.text--title {
    font-weight: 400;
    font-size: 14px
}

.text--lastprice {
    font-size: 24px;
    line-height: 1px;
    display: inline-block;
    vertical-align: middle
}

@media(max-width:1440px) {
    .text--lastprice {
        font-size: 21px
    }
}

.text--small {
    font-size: 12px
}

@media(max-width:320px) {
    .text--small {
        font-size: 10px
    }
}

.text--capitalize {
    text-transform: capitalize
}

.slick-list {
    padding: 0
}

@media(max-width:767px) {
    .slick-list {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
}

@media(max-width:374px) {
    .slick-list {
        padding-top: 0 !important
    }
}

.slider-buys .slick-list {
    padding: 0
}

@media(max-width:767px) {
    .slider-buys .slick-list {
        padding-top: 0 !important
    }
}

.slick-slide img {
    display: inline-block !important
}

.mt--15 {
    margin-top: 15px
}

.mt--30 {
    margin-top: 30px
}

.notice {
    padding: 30px 30px 0
}

.notice--hidden {
    display: none
}

@media(max-width:767px) {
    .notice {
        display: none
    }
}

.notice__bubble {
    display: block;
    font-size: 15px;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 500
}

.notice__bubble a {
    text-decoration: none
}

.notice__bubble--success {
    color: #02d767;
    background-color: #e2f3e9;
    border: 1px solid #02d767
}

.notice__bubble--success a {
    color: #02d767
}

.notice__close {
    cursor: pointer;
    float: right
}

@-webkit-keyframes pulse-animation {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: 0;
        transform: scale(1.5)
    }

    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

@keyframes pulse-animation {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: 0;
        transform: scale(1.5)
    }

    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.contact {
    padding-top: 120px
}

@media(max-width:768px) {
    .contact {
        padding-top: 60px
    }
}

.contact__panel {
    font-family: Dosis;
    width: 90%;
    max-width: 900px;
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1)
}

@media(max-width:768px) {
    .contact__panel {
        top: 115px;
        left: 24px;
        transform: translateX(0)
    }
}

.contact__panel-heading {
    font-size: 18px;
    padding: 10px 20px;
    margin: -1px -16px 0;
    border: 1px solid #ccc;
    border-radius: 0
}

@media(max-width:768px) {
    .contact__panel-heading {
        font-size: 14px
    }
}

.contact__panel-col:not(:last-child) {
    border-right: 1px solid #ccc
}

.contact__panel-body {
    font-size: 16px;
    padding: 5px
}

@media(max-width:768px) {
    .contact__panel-body {
        font-size: 14px
    }
}

.contact__info {
    margin: 10px 0
}

.contact__map {
    height: 600px
}

@media(max-width:768px) {
    .contact__map {
        height: calc(100vh - 60px)
    }
}

.contact__contact {
    margin: 15px -10px 60px 15px
}

.contact__textfieldright {
    padding-right: 0
}

@media(max-width:414px) {
    .contact__textfieldright {
        padding-right: 15px
    }
}

.contact__red {
    color: #fa6565
}

.crypto__font-page {
    font-family: Dosis !important;
    font-weight: 300
}

.crypto__content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 1280px;
    max-width: 100%
}

.crypto__far-navbar {
    margin-top: 120px
}

.crypto__banner-buy-crypto {
    background-image: url(/static/images/icons/cryto/Bg_Buy-Ethereum-in-Thailand.png);
    background-position: 50%;
    background-size: cover;
    position: relative;
    width: 100%
}

.crypto__banner-buy-crypto.crypto__banner-buy-bitcoin {
    background-image: url(/static/images/icons/cryto/Bg_Buy-Bitcoin-in-Thailand.png);
    background-position: 50%;
    background-size: cover;
    position: relative;
    width: 100%
}

.crypto__btn-buy {
    margin-right: 15px !important;
    font-size: 16px !important;
    font-weight: 100 !important
}

.crypto__btn-buy,
.crypto__btn-get {
    background-color: #333 !important;
    color: #fff !important;
    text-transform: uppercase;
    height: 36px !important
}

.crypto__btn-get {
    top: 12px;
    width: 140px !important;
    font-size: 16px
}

.crypto__btn-buy svg,
.crypto__btn-get svg {
    background-color: #0dcd6a;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 18px !important;
    height: 18px !important;
    fill: #333
}

.crypto__pd-content {
    padding: 100px 0
}

.crypto__text-title-banner {
    text-transform: uppercase
}

.crypto__banner-buy-crypto .crypto__text-title-banner {
    font-size: 44px;
    font-weight: 300;
    color: #fff;
    margin-top: 0;
    margin-bottom: 15px
}

.crypto__banner-buy-crypto .crypto__text-desc {
    font-family: Roboto !important;
    font-size: 18px;
    color: #fff;
    line-height: 25px
}

.crypto__banner-how-to .crypto__pd-content {
    padding: 50px 0
}

.crypto__group-btn {
    margin-top: 30px;
    margin-bottom: 20px
}

.crypto__banner-how-to {
    position: relative;
    width: 100%
}

.crypto__banner-how-to .crypto__text-title-banner {
    font-size: 44px;
    color: #333;
    margin: 20px 0
}

.crypto__banner-how-to .crypto__list-step>ul>li {
    font-family: Roboto !important;
    font-size: 22px;
    color: #333;
    margin-bottom: 30px;
    line-height: 30px;
    list-style: none
}

.crypto__list-step .crypto__box-icon {
    width: 46px;
    height: 46px;
    background: #02d667;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1);
    position: relative;
    top: -7px;
    right: 10px;
    color: #fff;
    font-size: 18px;
    z-index: 1
}

.crypto__banner-how-to .crypto__text-desc {
    font-family: Roboto !important;
    font-size: 22px;
    color: #333;
    margin-bottom: 40px
}

.crypto__banner-bitkub {
    background: #f5f5f5;
    position: relative;
    width: 100%;
    background-image: url(/static/images/icons/cryto/picture_2.png);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 100px
}

.crypto__banner-bitkub.crypto__banner-bitkub-bitcoin {
    background: #fdf2ea;
    position: relative;
    width: 100%;
    background-image: url(/static/images/icons/cryto/picture_2.png);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 100px
}

.crypto__img-icon>img {
    max-width: 100%;
    max-height: 100%;
    width: 800px;
    height: 685px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.crypto__banner-bitkub .crypto__text-title-banner {
    font-size: 44px;
    color: #333
}

.crypto__banner-bitkub .crypto__text-desc {
    font-family: Roboto !important;
    font-size: 22px;
    color: #333;
    padding: 15px 0
}

.crypto__level-one {
    position: relative;
    height: 400px
}

.crypto__box-level-one {
    background: #cb7564;
    width: 100%;
    position: absolute;
    height: 50%;
    bottom: 0;
    padding: 20px 0
}

.crypto__box-level-one-footer {
    background: #a7625c;
    width: 100%;
    position: absolute;
    bottom: 0
}

.crypto__box-level-two {
    background: #6476b4;
    width: 100%;
    position: absolute;
    height: 70%;
    bottom: 0;
    padding: 20px 0
}

.crypto__box-level-two-footer {
    background: #506992;
    width: 100%;
    position: absolute;
    bottom: 0
}

.crypto__box-level-three {
    background: #76b699;
    width: 100%;
    position: absolute;
    height: 100%;
    bottom: 0;
    padding: 20px 0
}

.crypto__box-level-three-footer {
    background: #5d946e;
    width: 100%;
    position: absolute;
    bottom: 0
}

.crypto__no-padding {
    padding: 0
}

.crypto__text-title-level {
    font-weight: 400 !important;
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding-bottom: 10px
}

.crypto__text-desc-level,
.crypto__text-footer-level {
    font-family: Roboto !important;
    font-size: 18px;
    color: #fff;
    text-align: center
}

.crypto__text-footer-level {
    padding: 15px 0
}

.crypto__banner-bitkub .crypto__pd-content {
    padding: 100px 0
}

.crypto__banner-why {
    position: relative;
    width: 100%
}

.crypto__banner-why .crypto__text-title-banner {
    font-size: 44px;
    color: #333;
    margin-bottom: 60px
}

.crypto__banner-why .crypto__box-icon {
    width: 46px;
    height: 46px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1);
    position: relative;
    z-index: 1
}

.crypto__banner-why .crypto__text-title {
    font-size: 30px;
    color: #333;
    padding: 0 15px 10px
}

.crypto__banner-why .crypto__text-desc {
    font-family: Roboto !important;
    color: #333;
    padding: 0 15px;
    font-size: 16px;
    line-height: 26px
}

.crypto__mg-list {
    margin-bottom: 40px
}

.crypto__banner-directory {
    background: #48527d;
    position: relative;
    width: 100%
}

.crypto__banner-directory.crypto__banner-directory-bitcoin {
    background: #d2772d;
    position: relative;
    width: 100%
}

.crypto__banner-directory .crypto__text-title-banner {
    font-size: 44px;
    color: #fff;
    margin-bottom: 20px
}

.crypto__list-directory>ul>li {
    font-family: Roboto !important;
    color: #fff;
    font-size: 22px;
    line-height: 44px
}

.crypto__list-directory>ul>li>a {
    color: #fff;
    text-decoration: none
}

.crypto__list-directory>ul {
    margin: 0
}

.crypto__box-buy,
.crypto__box-sell {
    background: hsla(0, 0%, 100%, .44);
    width: 100%;
    text-align: center;
    padding: 25px 0
}

.crypto__box-buy .crypto__text-title {
    color: #02d667;
    font-size: 35px;
    font-weight: 400
}

.crypto__box-buy .crypto__text-number,
.crypto__box-sell .crypto__text-number {
    color: #333;
    font-family: Roboto !important;
    font-size: 18px;
    padding-top: 10px
}

.crypto__box-buy .crypto__text-percent {
    font-family: Roboto !important;
    font-size: 16px;
    color: #e66c76;
    padding-top: 10px
}

.crypto__box-buy .crypto__text-percent>svg {
    color: #e66c76 !important;
    vertical-align: middle
}

.crypto__box-sell .crypto__text-title {
    color: #e66c76;
    font-size: 35px;
    font-weight: 400
}

.crypto__box-sell .crypto__text-percent {
    font-family: Roboto !important;
    font-size: 16px;
    color: #02d667;
    padding-top: 10px
}

.crypto__box-sell .crypto__text-percent>svg {
    color: #02d667 !important;
    vertical-align: middle
}

.crypto__group-level {
    margin: 30px 0
}

.crypto__banner-buy-crypto.crypto__banner-crypto {
    background-color: #6fa5a1;
    background-image: none;
    position: relative;
    width: 100%
}

.crypto__banner-buy-crypto.crypto__banner-crypto .crypto__text-desc,
.crypto__banner-buy-crypto.crypto__banner-crypto-sell .crypto__text-desc {
    margin-bottom: 15px
}

.crypto__banner-buy-crypto.crypto__banner-crypto .crypto__text-desc>span,
.crypto__banner-buy-crypto.crypto__banner-crypto-sell .crypto__text-desc>span {
    color: #fff;
    font-weight: 400
}

.crypto__banner-how-to.crypto__banner-crypto-how-to {
    background: #f5f5f5;
    position: relative;
    width: 100%
}

.crypto__banner-why.crypto__banner-crypto-why {
    background: #fff
}

.crypto__img-icon-crypto>img {
    width: 100%;
    height: 100%
}

.crypto__banner-how-to.crypto__banner-market.slick-list {
    padding: 0
}

.crypto__text-title-counter {
    font-family: Roboto !important;
    font-size: 22px;
    color: #333;
    margin: 20px 0
}

.crypto__text-title-counter>span {
    font-size: 22px
}

.crypto__banner-why.crypto__banner-crypto-why .crypto__text-title-banner {
    margin-bottom: 10px
}

.crypto__banner-why.crypto__banner-crypto-why .crypto__text-desc-crypto {
    margin-bottom: 60px
}

.crypto__banner-buy-crypto.crypto__banner-crypto-sell {
    background-color: #f5bba5;
    background-image: none;
    position: relative;
    width: 100%
}

.crypto__banner-get {
    background-color: #f5bba5;
    position: relative;
    width: 100%
}

.crypto__banner-get .crypto__pd-content {
    padding: 50px 0
}

.crypto__banner-get .crypto__text-title-banner {
    font-size: 43px;
    color: #fff
}

.crypto__img-icon-com>img {
    width: 100%;
    height: auto
}

.crypto__hidden-md {
    display: none
}

.crypto__banner-why.crypto__banner-crypto-why .crypto__text-desc-crypto {
    font-family: Roboto !important;
    font-size: 22px;
    color: #333;
    margin-bottom: 40px
}

.crypto__banner-how-to .crypto__text-desc-step {
    margin-top: 15px
}

.crypto__banner-how-to .crypto__text-desc-step span {
    font-weight: 400
}

@media screen and (max-width:1440px) and (min-width:1024px) {

    .crypto__banner-bitkub .crypto__pd-content,
    .crypto__pd-content {
        padding: 50px 0
    }

    .crypto__img-icon>img {
        width: 100%;
        height: auto
    }
}

@media screen and (max-width:1024px) and (min-width:769px) {
    .crypto__list-step .crypto__box-icon {
        right: 22px
    }

    .crypto__banner-why .crypto__text-title {
        padding: 0 24px
    }

    .crypto__banner-get .crypto__text-title-banner {
        font-size: 33px
    }

    .crypto__banner-get .crypto__pd-content {
        padding: 30px 0
    }

    .crypto__btn-get {
        top: 5px
    }

    .crypto__visible-sm {
        display: block
    }

    .crypto__hidden-sm {
        display: none
    }

    .crypto__btn-get {
        top: 14px
    }
}

@media screen and (max-width:768px) and (min-width:290px) {
    .crypto__far-navbar {
        margin-top: 60px
    }

    .crypto__content {
        width: 100%
    }

    .crypto__img-icon>img {
        width: 100%;
        height: auto
    }

    .crypto__hidden-xs {
        display: none
    }

    .crypto__visible-sm {
        display: block
    }

    .crypto__banner-why .crypto__text-desc,
    .crypto__banner-why .crypto__text-title {
        padding: 0 30px
    }

    .crypto__banner-get .crypto__text-title-banner {
        font-size: 30px
    }

    .crypto__banner-get .crypto__pd-content {
        padding: 30px 0
    }

    .crypto__btn-get {
        top: 21px
    }
}

@media screen and (max-width:767px) and (min-width:290px) {
    .crypto__hidden-xs {
        display: none
    }

    .crypto__visible-xs {
        display: block
    }

    .crypto__banner-bitkub .crypto__pd-content,
    .crypto__pd-content {
        padding: 50px 0
    }

    .crypto__banner-buy-crypto .crypto__text-title-banner {
        margin-top: 15px
    }

    .crypto__banner-bitkub .crypto__text-title-banner,
    .crypto__banner-buy-crypto .crypto__text-title-banner,
    .crypto__banner-directory .crypto__text-title-banner,
    .crypto__banner-how-to .crypto__text-title-banner,
    .crypto__banner-why .crypto__text-title-banner {
        font-size: 32px
    }

    .crypto__list-step .crypto__box-icon {
        right: 30px
    }

    .crypto__banner-bitkub .crypto__text-desc,
    .crypto__banner-how-to .crypto__text-desc,
    .crypto__banner-why.crypto__banner-crypto-why .crypto__text-desc-crypto,
    .crypto__text-title-counter {
        font-size: 18px
    }

    .crypto__banner-how-to .crypto__list-step>ul>li {
        font-size: 18px;
        margin-bottom: 30px
    }

    .crypto__text-title-level {
        font-size: 26px
    }

    .crypto__text-desc-level {
        font-size: 16px
    }

    .crypto__banner-why .crypto__text-desc,
    .crypto__text-footer-level {
        font-size: 15px
    }

    .crypto__banner-bitkub {
        padding-bottom: 20px
    }

    .crypto__banner-why .crypto__text-title {
        font-size: 24px;
        margin-bottom: 5px
    }

    .crypto__banner-why .crypto__text-title-banner,
    .crypto__banner-why.crypto__banner-crypto-why .crypto__text-desc-crypto {
        margin-bottom: 30px
    }

    .crypto__mg-list {
        margin-bottom: 20px
    }

    .crypto__list-directory>ul>li {
        font-size: 18px
    }

    .crypto__text-title-counter>span {
        font-size: 30px
    }

    .crypto__banner-how-to.crypto__banner-market .slick-list {
        padding-top: 0 !important
    }

    .crypto__banner-why.crypto__banner-crypto-why .crypto__text-desc-crypto {
        line-height: 25px
    }

    .crypto__banner-get .crypto__text-title-banner {
        font-size: 24px;
        margin-bottom: 10px
    }

    .crypto__btn-get {
        top: 0
    }

    .crypto__banner-get .crypto__pd-content {
        padding: 15px 0
    }
}

.dashboard {
    background: #f5f5f5;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .06);
    margin-top: 60px
}

@media(max-width:768px) {
    .dashboard {
        margin-top: 60px
    }
}

.dashboard__inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px
}

@media screen and (max-width:1280px) {
    .dashboard__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {
    .dashboard__inner {
        max-width: 930px
    }
}

@media(max-width:768px) {
    .dashboard__inner {
        padding: 15px
    }
}

@media(max-width:1280px) {
    .dashboard__inner {
        max-width: 1280px
    }
}

.dashboard__title {
    display: inline-block;
    font-family: Dosis;
    font-size: 26px;
    color: #4b4b4b;
    line-height: 50px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 20px 30px
}

@media(max-width:768px) {
    .dashboard__title {
        font-size: 24px;
        margin: 15px 30px
    }
}

.dashboard__paper {
    padding-bottom: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 480px
}

.dashboard__paper__bitkub-fast {
    min-height: 430px;
    overflow: visible;
    padding-bottom: 0
}

@media(max-width:768px) {
    .dashboard__paper {
        min-height: 370px
    }
}

.dashboard__estimate-value {
    text-transform: uppercase;
    white-space: nowrap
}

.dashboard__estimate-value-currency {
    font-weight: 600
}

.dashboard__estimate-value-sum {
    font-weight: 600;
    color: #02d667;
    text-align: right
}

.dashboard__estimate-value-list {
    height: 200px;
    overflow: scroll
}

.dashboard__balance .row,
.dashboard__security .row,
.dashboard__wallets .row {
    font-family: Dosis;
    font-size: 14px;
    line-height: 59px;
    padding: 0 50px 3px;
    text-transform: uppercase
}

.dashboard__balance .row:not(:last-child),
.dashboard__security .row:not(:last-child),
.dashboard__wallets .row:not(:last-child) {
    border-bottom: 1px solid #e7e7e7
}

@media(max-width:768px) {

    .dashboard__balance .row,
    .dashboard__security .row,
    .dashboard__wallets .row {
        padding: 0 30px 5px;
        line-height: 40px
    }
}

@media(max-width:576px) {

    .dashboard__balance .row,
    .dashboard__security .row,
    .dashboard__wallets .row {
        padding: 0 30px 10px;
        line-height: 40px
    }
}

.dashboard__security-label {
    font-weight: 600;
    white-space: nowrap
}

.dashboard__header-items {
    position: absolute;
    top: 0;
    right: 0;
    margin: 39px 48px
}

@media(max-width:768px) {
    .dashboard__header-items {
        margin: 15px 30px
    }
}

.dashboard__copy {
    display: inline-block;
    height: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-decoration: none;
    border: 2px solid #02d667;
    border-radius: 2px;
    padding: 0 10px;
    vertical-align: top;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    text-align: center
}

.dashboard__wallets {
    white-space: nowrap
}

.dashboard__wallets--tworows {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    font-weight: 600;
    padding: 30px 0
}

@media(max-width:768px) {
    .dashboard__wallets {
        text-align: center
    }

    .dashboard__wallets--tworows {
        padding: 15px 0
    }
}

.dashboard__addr,
.dashboard__currency {
    font-weight: 300;
    color: #999;
    text-transform: none
}

.dashboard__label {
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    vertical-align: top;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.dashboard__label--pending {
    background-color: #fc3
}

.dashboard__label--complete {
    background-color: #02d667
}

.dashboard__label--medium {
    font-weight: 600;
    font-size: 18px
}

.dashboard__label--green {
    color: #02d667
}

.dashboard__label--bold {
    font-weight: 600
}

.dashboard__label--warning {
    color: #e8973e
}

.dashboard__txn-result {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    text-align: right
}

.dashboard__alltxns {
    float: right;
    padding: 20px 20px 0 0
}

.dashboard__upgrade {
    margin-top: 12px !important
}

.dashboard__levels {
    list-style: none;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 65px 0
}

.dashboard__level {
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 100%
}

.dashboard__level:not(:last-child) {
    margin-right: 48px
}

.dashboard__level:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
    z-index: -1
}

@media(max-width:768px) {
    .dashboard__level:not(:last-child) {
        margin-right: 15px
    }
}

.dashboard__level-current,
.dashboard__level-next {
    text-align: center;
    text-transform: uppercase;
    font-family: Dosis;
    font-size: 14px;
    font-weight: 600;
    width: 60px
}

.dashboard__level-current,
.dashboard__level-current .fa,
.dashboard__level-next,
.dashboard__level-next .fa {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.dashboard__level-current {
    top: -70px
}

.dashboard__level-current .fa {
    bottom: -20px
}

.dashboard__level-next {
    top: 80px
}

.dashboard__level-next .fa {
    top: -20px
}

.dashboard__lvlno {
    z-index: 1;
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background: #fff;
    vertical-align: middle;
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1);
    position: relative;
    font-family: Dosis;
    font-size: 24px;
    font-weight: 600;
    line-height: 46px;
    text-align: center
}

.dashboard__lvlno--small {
    width: 35px;
    height: 35px
}

.dashboard__lvlno--green {
    background-color: #02d667
}

.dashboard__lvlno--yellow {
    background-color: #ffe400
}

.dashboard__lvlno--danger {
    background-color: #fa6565;
    color: #fff;
    position: relative
}

.dashboard__table {
    padding: 0 30px
}

.dashboard__table--detail {
    width: 50%;
    padding: 7px 0;
    text-align: left;
    border-bottom: 1px solid #e7e7e7;
    line-height: 1.5
}

.dashboard__iconwarning {
    position: absolute;
    top: -5px;
    left: 15px
}

.dashboard__funds {
    min-width: 400px !important
}

.dashboard__funds-head {
    font-size: 14px !important
}

.dashboard__banners {
    padding: 1px 30px
}

.dashboard__textfieldsearch {
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 0 10px;
    margin-top: 10px;
    height: 30px !important
}

.dashboard__textfieldsearch div {
    bottom: 2px !important
}

@media(max-width:1024px) {
    .dashboard__textfieldsearch {
        width: 100% !important
    }
}

.dashboard__textfieldsearch--newmarketmobile {
    margin-top: 0
}

.dashboard__tabs {
    display: inline-block;
    padding: 0;
    list-style: none;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #e3e3e3;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}

.dashboard__tabs::-webkit-scrollbar {
    display: none
}

.dashboard__tabs--active {
    border-bottom: 2px solid #00d766
}

@media(max-width:767px) {
    .dashboard__tabs {
        border-bottom: 0
    }
}

.dashboard__box {
    padding: 0 30px
}

@media(max-width:767px) {
    .dashboard__box {
        padding: 0 27px
    }
}

.dashboard__boxSearch {
    float: right;
    margin: 20px 44px 0 0
}

@media(max-width:467px) {
    .dashboard__boxSearch {
        margin: 0 0 10px;
        float: left;
        width: 100%;
        padding: 0 30px
    }
}

.dashboard__underline {
    padding: 15px 0 0;
    border-bottom: 1px solid #e7e7e7;
    max-width: 100%;
    margin-right: 0
}

@media(max-width:425px) {
    .dashboard__underline {
        border-bottom: none
    }
}

.dashboard__underlineDark {
    border-bottom: 1px solid #343d3d;
    padding-bottom: 15px
}

@media(max-width:425px) {
    .dashboard__underlineDark {
        border-bottom: none
    }
}

.dashboard__feedTitle {
    color: #000;
    text-decoration: none;
    font-family: roboto;
    cursor: pointer;
    font-size: 14px
}

.dashboard__feedTitle:hover {
    color: #02d667
}

.dashboard__feedDate {
    color: #a6a8aa;
    font-family: roboto;
    font-size: 14px;
    margin-bottom: 0
}

@media(max-width:425px) {
    .dashboard__feedDate {
        margin-top: 0
    }
}

.dashboard__table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    margin-top: 15px
}

.dashboard__table--newmarket {
    margin-top: 0
}

.dashboard__table--newmarket tbody tr:hover {
    background-color: #f5f5f5
}

.dashboard__table--hover tbody tr:hover {
    background-color: #333e40
}

.dashboard__table-head {
    font-family: Dosis;
    font-size: 16px;
    color: #a6a8aa;
    min-width: 95px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 100;
    white-space: nowrap
}

@media(max-width:576px) {
    .dashboard__table-head {
        min-width: 115px
    }
}

.dashboard__table-head--roboto {
    font-family: Roboto;
    color: #b3b3b3;
    text-transform: capitalize;
    font-weight: 400;
    min-width: auto;
    font-size: 13px;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
    background-color: #fff
}

.dashboard__table-head--roboto:last-child {
    padding-right: 1vw
}

@media(max-width:1440px) {
    .dashboard__table-head--roboto {
        font-size: 11px;
        line-height: 11px
    }
}

@media(max-width:991px) {
    .dashboard__table-head--roboto {
        min-width: 100%
    }
}

.dashboard__table-head--left {
    text-align: left
}

.dashboard__table-head--right {
    text-align: right
}

.dashboard__table-data {
    font-size: 13px;
    padding: 0;
    cursor: pointer;
    min-width: 85px;
    white-space: nowrap
}

.dashboard__table-data--center {
    text-align: center
}

.dashboard__table-data--right {
    text-align: right
}

.dashboard__table-data--newmarket {
    color: inherit;
    font-size: 13px;
    white-space: normal;
    min-width: auto
}

.dashboard__table-data--newmarket:first-child {
    padding-left: 1vw
}

.dashboard__table-data--newmarket:last-child {
    padding-right: 1vw
}

.dashboard__table-data--newmarket>a {
    transition: none !important
}

@media(max-width:1280px) {
    .dashboard__table-data--newmarket {
        font-size: 11px
    }
}

.dashboard__table-data--star {
    width: 40px
}

@media(max-width:1024px) {
    .dashboard__table-data--star {
        width: 30px
    }
}

.dashboard__table-disabled {
    font-size: 14px;
    color: #999;
    padding: 0;
    cursor: not-allowed;
    opacity: .4;
    pointer-events: none
}

.dashboard__table--orange {
    background: #feefdd
}

.dashboard__currencyIcon {
    width: 15px;
    margin-left: 10px
}

.dashboard__currencyIcon--newmarket {
    margin-left: 0;
    vertical-align: middle;
    display: inline-block
}

.dashboard__left {
    text-align: left
}

.dashboard__right {
    text-align: right
}

.dashboard__center {
    text-align: center;
    overflow: hidden
}

.dashboard__marketPriceData {
    line-height: 4;
    border-bottom: 1px solid #e7e7e7
}

.dashboard__marketPriceData--newmarketmobile {
    border-bottom: 0;
    line-height: 3
}

.dashboard__active {
    border-bottom: 1px solid green
}

.dashboard__tabText {
    margin-top: 10px;
    padding-bottom: 7px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    font-family: dosis
}

.dashboard__imgFeed {
    height: 69.66px;
    width: 100%;
    text-align: center;
    -o-object-fit: contain;
    object-fit: contain
}

@media(max-width:1024px) {
    .dashboard__imgFeed {
        width: 100%;
        height: 100%
    }
}

.dashboard__labelHead {
    font-size: 16px;
    font-weight: 800
}

.dashboard__totalValue {
    font-size: 28px;
    font-weight: 500
}

.dashboard__labelNumber {
    font-family: Roboto;
    font-weight: 100
}

.dashboard__titlebox {
    height: 39px !important
}

.dashboard__newsTitleBox,
.dashboard__titlebox {
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    line-height: 20px
}

.dashboard__newsTitleBox {
    height: 39px
}

@media(max-width:425px) {
    .dashboard__newsTitleBox {
        margin-top: 15px;
        height: auto;
        margin-bottom: 4px
    }
}

.dashboard__textNotthing {
    margin: 60px auto 0;
    text-align: center
}

.dashboard a {
    text-decoration: none
}

.dashboard__boxcoin {
    width: 100%;
    overflow: scroll
}

.dashboard__displaynone {
    display: none
}

.dashboard__displayblock {
    display: block
}

.dashboard__hovertr:hover {
    background-color: rgba(229, 242, 235, .659)
}

.dashboard__hovertr--dark:hover {
    background-color: #254338
}

.dashboard__autoWidth {
    font-family: Dosis;
    font-size: 16px;
    color: #a6a8aa;
    text-transform: uppercase;
    text-align: center;
    font-weight: 100;
    width: auto
}

.dashboard__currencyinfo {
    position: relative;
    white-space: nowrap;
    max-width: 8vw;
    overflow: hidden;
    display: flex;
    align-items: center
}

.dashboard__currencyinfo:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%
}

@media(max-width:991px) {
    .dashboard__currencyinfo {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.dashboard__currencyname {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px
}

@media(max-width:1444px) {
    .dashboard__currencyname {
        font-size: 11px
    }
}

@media(max-width:1024px) {
    .dashboard__currencyname {
        font-size: 11px
    }
}

.dashboard__security-label>font,
.dashboard__security-label>svg {
    vertical-align: middle
}

.dashboard__security-label>svg {
    margin-right: 5px;
    width: 18px !important;
    height: 18px !important
}

.highcharts-credits {
    display: none
}

.text-head-popup-kyc {
    color: #02d667;
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 15px
}

.text-desc-popup-kyc {
    font-size: 16px;
    color: rgba(0, 0, 0, .6);
    padding-bottom: 15px
}

#animation_popup_kyc>canvas {
    width: 220px !important;
    height: 220px !important
}

.content-center-popup {
    align-self: center
}

.group-btn-popup {
    float: right
}

@media(max-width:375px) {

    .btn-popup-kyc font,
    .btn-popup-kyc span {
        font-size: 12px !important
    }

    .text-desc-popup-kyc {
        padding-bottom: 24px
    }
}

.consent__img {
    display: block;
    text-align: center;
    margin: 0 auto 1.2em
}

.consent__img img {
    max-width: 45%;
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center
}

@media(max-width:600px) {
    .consent__img img {
        max-width: 90%
    }
}

@media(max-width:330px) {
    .consent__img {
        margin: 0 auto 1em
    }

    .consent__img img {
        max-width: 80%
    }
}

.consent__content {
    padding: 5px 0;
    margin: 0 auto;
    text-align: left;
    width: 90%
}

.consent__content h3 {
    margin: 0;
    font-size: 1.2em
}

@media(max-width:991px) {
    .consent__content h3 {
        font-size: 1em
    }
}

.consent__content p {
    font-size: 14px;
    line-height: 1.3
}

@media(max-width:991px) {
    .consent__content p {
        font-size: 13px
    }
}

@media(max-width:375px) {
    .consent__content p {
        font-size: 12px
    }
}

@media(max-width:330px) {
    .consent__content p {
        font-size: 11px
    }
}

.consent__content .slick-list {
    padding-top: 0 !important
}

.consent__modal-content {
    min-height: 196px
}

@media(max-width:1200px) {
    .consent__modal-content {
        min-height: 27vh
    }
}

@media(max-width:600px) {
    .consent__modal-content {
        min-height: 40vh
    }
}

@media(min-height:812px) and (max-width:414px) {
    .consent__modal-content {
        min-height: 32vh
    }
}

.consent__dot {
    padding: 0;
    margin: -8.5% 0;
    text-align: left;
    width: 50%;
    position: relative
}

.consent__dot li {
    margin: 0 !important
}

.consent__dot li,
.consent__dot li button,
.consent__dot li button:before {
    width: 25px !important;
    height: 25px !important
}

.consent__dot li button:before {
    font-size: 14px !important;
    line-height: 25px !important;
    opacity: 1 !important;
    color: #e6e6e6 !important
}

.consent__dot li.slick-active button:before {
    opacity: 1 !important;
    color: #02d767 !important
}

.consent__dot--dark li button:before {
    color: #404c4e !important
}

@media(max-width:600px) {
    .consent__dot {
        display: none
    }
}

.bitkub-fast__inner {
    padding: 30px
}

.bitkub-fast__market-surveillance-wrapper {
    margin-bottom: 16px
}

.bitkub-fast__last-price-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.bitkub-fast__last-price {
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 4px;
    margin-bottom: 16px;
    background: linear-gradient(90deg, #f5f5f5, hsla(0, 0%, 96%, .5) 50%)
}

.bitkub-fast__last-price--dark {
    background: linear-gradient(90deg, #131616, rgba(0, 0, 0, .1) 50%)
}

@media(max-width:767px) {

    .bitkub-fast__last-price,
    .bitkub-fast__last-price--dark {
        background-image: none
    }
}

@media(max-width:576px) {
    .bitkub-fast__last-price {
        margin-bottom: 0
    }
}

.bitkub-fast__last-price--buy {
    -webkit-animation: new-blink-estimate .3s ease-in-out;
    animation: new-blink-estimate .3s ease-in-out
}

.bitkub-fast__last-price--sell {
    -webkit-animation: new-blink-estimate-red .3s ease-in-out;
    animation: new-blink-estimate-red .3s ease-in-out
}

.bitkub-fast__last-price__inner {
    width: 100%
}

.bitkub-fast__last-price__inner>div {
    flex: 1
}

@media(max-width:991px) {
    .bitkub-fast__last-price__inner>div {
        flex: none
    }
}

.bitkub-fast__last-price__inner>div:nth-child(2) {
    text-align: center
}

@media(max-width:991px) {
    .bitkub-fast__last-price__inner>div:nth-child(2) {
        text-align: left
    }
}

.bitkub-fast__price-item {
    text-align: center
}

@media(max-width:991px) {
    .bitkub-fast__price-item {
        text-align: left;
        margin-bottom: 20px
    }
}

@media(max-width:767px) {
    .bitkub-fast__price-item {
        text-align: center
    }
}

.bitkub-fast__title {
    font-size: 14px;
    margin-bottom: 8px
}

.bitkub-fast__subtile {
    font-size: 20px
}

.bitkub-fast__graph {
    margin-top: 40px
}

@media(max-width:991px) {
    .bitkub-fast__graph {
        margin-top: 16px
    }
}

@media(max-width:767px) {
    .bitkub-fast__graph {
        margin-bottom: 16px
    }
}

.bitkub-fast__button-container {
    display: flex;
    background-color: rgba(0, 0, 0, .08);
    border-radius: 6px
}

.bitkub-fast__button-container--dark {
    background-color: #131616
}

.bitkub-fast__button {
    min-width: 0 !important
}

.bitkub-fast__button--selected-buy .MuiTouchRipple-root,
.bitkub-fast__button--selected-buy button>div {
    border: 1px solid #00e676;
    border-radius: 6px !important;
    transition: none !important
}

.bitkub-fast__button--selected-buy,
.bitkub-fast__button--selected-buy:hover {
    background-color: #fff !important;
    color: #02d767 !important
}

.bitkub-fast__button--selected-buy--dark button>div {
    background-color: #252d2c !important
}

.bitkub-fast__button--selected-buy--dark,
.bitkub-fast__button--selected-buy--dark:hover {
    background-color: #252d2c !important;
    color: #02d767 !important
}

.bitkub-fast__button--selected-sell .MuiTouchRipple-root,
.bitkub-fast__button--selected-sell button>div {
    border: 1px solid #f42c5c;
    border-radius: 6px !important;
    transition: none !important
}

.bitkub-fast__button--selected-sell,
.bitkub-fast__button--selected-sell:hover {
    background-color: #fff !important;
    color: #f42c5c !important
}

.bitkub-fast__button--selected-sell--dark button>div {
    background-color: #252d2c !important
}

.bitkub-fast__button--selected-sell--dark,
.bitkub-fast__button--selected-sell--dark:hover {
    background-color: #252d2c !important;
    color: #f42c5c !important
}

.bitkub-fast__text-container {
    font-size: 24px
}

@media(max-width:576px) {
    .bitkub-fast__text-container {
        font-size: 20px
    }
}

.bitkub-fast__text-container--left-auto {
    margin-left: auto
}

.bitkub-fast__button-thb__container {
    display: inline-flex;
    border-radius: 4px;
    overflow: hidden
}

.bitkub-fast__button-thb--active {
    background-color: #7d8781 !important
}

.bitkub-fast__button-thb--active-dark {
    background-color: #6d7570 !important
}

.bitkub-fast__color--gray {
    color: #a1ada5
}

.bitkub-fast__color--light-green {
    color: #05e7a1
}

.bitkub-fast--mt-2 {
    margin-top: 16px
}

.bitkub-fast--mt {
    margin-top: 8px
}

.bitkub-fast__dialog__text-row {
    margin-bottom: 8px !important;
    word-break: break-all;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bitkub-fast__hide-tablet {
    display: block
}

@media(max-width:991px) {
    .bitkub-fast__hide-tablet {
        display: none
    }
}

.bitkub-fast__hide-mobile {
    display: block
}

@media(max-width:767px) {
    .bitkub-fast__hide-mobile {
        display: none
    }

    .bitkub-fast__balance {
        font-size: 14px
    }
}

.bitkub-fast--text-underline {
    text-decoration: underline;
    cursor: pointer
}

@-webkit-keyframes new-blink-estimate {
    0% {
        background-color: transparent
    }

    50% {
        background-color: rgba(16, 214, 117, .2)
    }

    to {
        background-color: transparent
    }
}

@keyframes new-blink-estimate {
    0% {
        background-color: transparent
    }

    50% {
        background-color: rgba(16, 214, 117, .2)
    }

    to {
        background-color: transparent
    }
}

@-webkit-keyframes new-blink-estimate-red {
    0% {
        background-color: transparent
    }

    50% {
        background-color: rgba(244, 44, 92, .2)
    }

    to {
        background-color: transparent
    }
}

@keyframes new-blink-estimate-red {
    0% {
        background-color: transparent
    }

    50% {
        background-color: rgba(244, 44, 92, .2)
    }

    to {
        background-color: transparent
    }
}

.buy,
.deposit {
    background: #f5f5f5;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .06);
    margin-top: 60px
}

@media(max-width:768px) {

    .buy,
    .deposit {
        margin-top: 60px
    }
}

@media(max-width:1024px) {

    .buy,
    .deposit {
        min-height: 960px
    }
}

@media(max-width:768px) {

    .buy,
    .deposit {
        min-height: 550px
    }
}

.buy__inner,
.deposit__inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 30px 10px
}

@media screen and (max-width:1280px) {

    .buy__inner,
    .deposit__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {

    .buy__inner,
    .deposit__inner {
        max-width: 930px
    }
}

.buy__inner--nopadding,
.deposit__inner--nopadding {
    padding: 0
}

@media(max-width:768px) {

    .buy__inner,
    .deposit__inner {
        padding: 80px 15px 40px
    }

    .buy__inner--nopb,
    .deposit__inner--nopb {
        padding-bottom: 0
    }
}

.buy__paper,
.deposit__paper {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
    min-height: 400px
}

.buy__paper--modal,
.deposit__paper--modal {
    min-height: 300px
}

.buy__paper--waiting,
.deposit__paper--waiting {
    min-height: 743px
}

.buy__tabs,
.deposit__tabs {
    position: absolute;
    list-style: none;
    height: 50px;
    top: -50px;
    left: 0;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    width: 100%
}

.buy__tab,
.deposit__tab {
    position: relative;
    display: inline-block;
    width: 180px;
    max-width: calc(50% - 3.5px);
    height: 50px;
    background: #e0e0e0;
    z-index: 1
}

.buy__tab,
.buy__tab-link,
.deposit__tab,
.deposit__tab-link {
    font-family: Dosis;
    font-size: 20px;
    line-height: 50px;
    font-weight: 600;
    color: #999;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px 5px 0 0;
    margin-right: 7px;
    text-decoration: none
}

.buy__tab--active,
.deposit__tab--active {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12)
}

.buy__tab--active .buy__tab-link,
.deposit__tab--active .deposit__tab-link {
    color: #333
}

.buy__tabs--tri .deposit__tab,
.deposit__tabs--tri .deposit__tab {
    max-width: calc(33% - 3.5px)
}

@media(max-width:768px) {

    .buy__tabs--tri .deposit__tab,
    .buy__tabs--tri .deposit__tab-link,
    .deposit__tabs--tri .deposit__tab,
    .deposit__tabs--tri .deposit__tab-link {
        font-size: 12px
    }
}

.buy__title,
.deposit__title {
    position: relative;
    font-family: Dosis;
    font-size: 16px;
    line-height: 33px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    padding: 20px 40px;
    margin: 0;
    background-color: #fff;
    z-index: 2
}

.buy__title--center,
.deposit__title--center {
    text-align: center
}

.buy__title--nomb,
.deposit__title--nomb {
    margin-bottom: 0
}

.buy__title--nopb,
.deposit__title--nopb {
    padding-bottom: 0
}

.buy__title--nopt,
.deposit__title--nopt {
    padding-top: 0
}

.buy__title--nom,
.deposit__title--nom {
    margin: 0
}

.buy__title--nop,
.deposit__title--nop {
    padding: 0
}

.buy__title--large,
.deposit__title--large {
    font-size: 30px
}

.buy__title--light,
.deposit__title--light {
    font-weight: 100
}

.buy__title--lightmedium,
.deposit__title--lightmedium {
    font-weight: 400
}

.buy__title--uppercase,
.deposit__title--uppercase {
    text-transform: uppercase
}

@media(max-width:768px) {

    .buy__title,
    .deposit__title {
        font-size: 15px
    }

    .buy__title--large,
    .deposit__title--large {
        font-size: 18px
    }
}

.buy__actions,
.deposit__actions {
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 10
}

.buy__steps,
.deposit__steps {
    padding: 30px 0;
    margin: 0;
    height: 180px
}

.buy__divider,
.deposit__divider {
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
    margin: 30px 0 0
}

.buy__divider--m20,
.deposit__divider--m20 {
    margin: 20px 0 0
}

.buy__step:not(:last-child),
.deposit__step:not(:last-child) {
    margin-right: 115px
}

.buy__step:not(:last-child):after,
.deposit__step:not(:last-child):after {
    width: 115px
}

@media(max-width:768px) {

    .buy__step:not(:last-child),
    .deposit__step:not(:last-child) {
        margin-right: 20%
    }
}

.buy__step-detail,
.deposit__step-detail {
    font-size: 16px;
    font-weight: 300;
    width: 130px;
    text-transform: none;
    top: 60px
}

@media(max-width:768px) {

    .buy__step-detail,
    .deposit__step-detail {
        font-size: 14px;
        width: 90px
    }
}

.buy__now,
.deposit__now {
    padding: 40px
}

.buy__now--nopt,
.deposit__now--nopt {
    padding-top: 0
}

.buy__now--nopb,
.deposit__now--nopb {
    padding-bottom: 0
}

.buy__textfield,
.deposit__textfield {
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    margin: 10px 0 10px 40px;
    padding: 0 18px;
    height: 60px !important
}

.buy__banks-wrapper,
.deposit__banks-wrapper {
    display: block;
    text-align: center
}

.buy__banks,
.deposit__banks {
    display: inline-block;
    text-align: left
}

.buy__banks>div,
.deposit__banks>div {
    width: auto !important
}

.buy__bank,
.deposit__bank {
    position: relative;
    border: 1px solid #ebebeb !important;
    width: 100%
}

@media(max-width:1024px) {

    .buy__bank,
    .deposit__bank {
        width: 100% !important
    }
}

.buy__bank--active,
.deposit__bank--active {
    border-color: #02d667 !important
}

.buy__bank--active:after,
.deposit__bank--active:after {
    position: absolute;
    top: 10px;
    right: 20px;
    content: "\f058";
    font-family: FontAwesome;
    font-size: 30px;
    color: #02d667
}

.buy__bankico,
.deposit__bankico {
    position: absolute;
    top: 10px
}

.buy__bankinfo,
.deposit__bankinfo {
    font-family: Dosis;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 24px;
    padding: 10px 70px;
    text-transform: uppercase
}

.buy__thb-condition--root,
.deposit__thb-condition--root {
    background-color: rgba(2, 215, 103, .06);
    border-radius: 10px;
    padding: 16px
}

.buy__thb-condition--checkbox,
.deposit__thb-condition--checkbox {
    padding: 16px
}

.buy__thb-condition--text,
.deposit__thb-condition--text {
    font-size: 14px
}

.buy__acc,
.deposit__acc {
    font-weight: 300
}

.buy__amount,
.deposit__amount {
    text-align: center
}

.buy__amount--large,
.deposit__amount--large {
    margin: 26px 0 40px
}

.buy__text,
.deposit__text {
    display: inline-block;
    font-family: Dosis;
    font-size: 20px;
    color: #333;
    vertical-align: middle
}

.buy__text--big,
.deposit__text--big {
    font-size: 30px
}

.buy__text--large,
.deposit__text--large {
    font-size: 60px;
    font-weight: 600
}

.buy__text--meduim,
.deposit__text--meduim {
    font-size: 16px;
    font-weight: 100
}

.buy__text--green,
.deposit__text--green {
    color: #02d667
}

.buy__text--red,
.deposit__text--red {
    color: #fa6565
}

.buy__text--grey,
.deposit__text--grey {
    color: #ccc
}

.buy__text--dark,
.deposit__text--dark {
    color: #999
}

.buy__text--black,
.deposit__text--black {
    color: #333
}

.buy__text--blue,
.deposit__text--blue {
    color: #493aff
}

.buy__text--padding,
.deposit__text--padding {
    padding: 0 40px;
    position: relative;
    display: block;
    word-break: break-word
}

.buy__text--bold,
.deposit__text--bold {
    font-weight: 600
}

.buy__text--fullwidth,
.deposit__text--fullwidth {
    width: 100%
}

.buy__text--center,
.deposit__text--center {
    text-align: center
}

.buy__text--small,
.deposit__text--small {
    font-size: 12px
}

.buy__text--dot,
.deposit__text--dot {
    text-align: left;
    color: #333;
    display: inline-block;
    font-size: 12px;
    text-overflow: ellipsis;
    text-decoration: none;
    word-break: break-word
}

@media(max-width:768px) {

    .buy__text,
    .deposit__text {
        font-size: 15px
    }

    .buy__text--large,
    .deposit__text--large {
        font-size: 48px
    }
}

.buy__group,
.deposit__group {
    position: relative
}

.buy__filename,
.deposit__filename {
    width: 100%;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0
}

.buy__link,
.deposit__link {
    color: #999
}

.buy__link-info,
.deposit__link-info {
    color: #1e90ff;
    text-decoration: none
}

.buy__link-info--underline,
.deposit__link-info--underline {
    text-decoration: underline
}

.buy__check,
.deposit__check {
    display: block !important;
    margin: 50px auto 20px !important;
    fill: #02d667 !important;
    width: 90px !important;
    height: 90px !important;
    border: 5px solid #02d667;
    border-radius: 100%;
    box-sizing: content-box;
    padding: 50px
}

.buy__table,
.deposit__table {
    width: 100%;
    border: 0;
    border-collapse: collapse
}

.buy__table-wrapper,
.deposit__table-wrapper {
    width: 100%
}

.buy__table-head,
.deposit__table-head {
    font-family: Dosis;
    font-size: 16px;
    color: #333;
    height: 50px;
    line-height: 50px;
    min-width: 100px;
    text-transform: uppercase;
    position: relative
}

@media(max-width:1440px) {

    .buy__table-head,
    .deposit__table-head {
        font-size: 13px
    }
}

.buy__table-data,
.deposit__table-data {
    position: relative;
    height: 100px;
    min-width: 100px;
    border-bottom: 1px solid #e7e7e7
}

.buy__table-data--center,
.buy__table-data--left,
.deposit__table-data--center,
.deposit__table-data--left {
    text-align: center
}

.buy__table-data__buy,
.deposit__table-data__buy {
    text-align: center;
    padding: 5px 10px;
    width: 80px;
    color: #fff;
    background-color: #02d667
}

.buy__table-data__remark,
.deposit__table-data__remark {
    display: block;
    text-align: center;
    color: #fa6565;
    font-size: 10px
}

.buy__table-data__sell,
.deposit__table-data__sell {
    text-align: center;
    padding: 5px 10px;
    width: 80px;
    color: #fff;
    background-color: #fa6565
}

.buy__table-data--detail,
.deposit__table-data--detail {
    text-align: left;
    width: 40%
}

.buy__text-color--waiting,
.deposit__text-color--waiting {
    color: #29b6f6
}

.buy__text-color--pending,
.buy__text-color--processing,
.deposit__text-color--pending,
.deposit__text-color--processing {
    color: #fc3
}

.buy__text-color--complete,
.deposit__text-color--complete {
    color: #00e676
}

.buy__text-color--rejected,
.deposit__text-color--rejected {
    color: #ef5350
}

.buy__text-color--canceled,
.deposit__text-color--canceled {
    color: #ff8100
}

.buy__text-color--reported,
.deposit__text-color--reported {
    color: #0773f7
}

.buy__text-color--none,
.deposit__text-color--none {
    color: #a7a9ac
}

.buy__label,
.deposit__label {
    display: inline-block;
    min-width: 80px;
    height: 23px;
    line-height: 23px;
    vertical-align: middle;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    padding: 0 8px
}

.buy__label--waiting,
.deposit__label--waiting {
    background-color: #29b6f6
}

.buy__label--pending,
.buy__label--processing,
.deposit__label--pending,
.deposit__label--processing {
    background-color: #fc3
}

.buy__label--complete,
.deposit__label--complete {
    background-color: #00e676
}

.buy__label--rejected,
.deposit__label--rejected {
    background-color: #ef5350
}

.buy__label--canceled,
.deposit__label--canceled {
    background-color: #ff8100
}

.buy__label--reported,
.deposit__label--reported {
    background-color: #0773f7
}

.buy__label--none,
.deposit__label--none {
    background-color: #a7a9ac
}

.buy__empty,
.deposit__empty {
    width: 100%;
    padding: 30px;
    text-align: center;
    text-transform: uppercase
}

.buy__icon,
.deposit__icon {
    margin-bottom: -6px;
    margin-right: 6px;
    position: relative
}

.buy__remark,
.deposit__remark {
    display: block;
    font-size: 14px;
    color: #fa6565
}

@media(max-width:768px) {

    .buy__remark,
    .deposit__remark {
        font-size: 12px
    }
}

.buy__remark--detail,
.deposit__remark--detail {
    padding: 10px 40px
}

.buy__remark--img,
.deposit__remark--img {
    display: inline;
    width: 40px;
    height: 40px;
    margin: 0 3px
}

.buy__remark--medium,
.deposit__remark--medium {
    font-size: 18px !important
}

.buy__intruction,
.deposit__intruction {
    padding: 30px 40px
}

.buy__detailbank,
.deposit__detailbank {
    list-style: none;
    padding: 0
}

.buy__remarkbank,
.deposit__remarkbank {
    color: #fa6565;
    font-size: 14px;
    padding: 15px 40px;
    text-transform: uppercase
}

.buy__titledetail,
.deposit__titledetail {
    font-family: Dosis;
    font-size: 16px;
    line-height: 33px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    padding: 20px 40px;
    margin: 0;
    z-index: 2
}

.buy__titledetail--green,
.deposit__titledetail--green {
    color: #02d667;
    font-weight: 400;
    width: 60%;
    float: left
}

.buy__textleft,
.deposit__textleft {
    text-align: left
}

.buy__rowmargin,
.deposit__rowmargin {
    margin: 35px 0
}

.buy__modalbox,
.deposit__modalbox {
    margin: 45px auto auto
}

@media(max-width:414px) {

    .buy__modalbox,
    .deposit__modalbox {
        padding: 0;
        margin-top: 20px
    }
}

.buy__modalbox--modeldetail,
.deposit__modalbox--modeldetail {
    margin-left: 20px;
    margin-top: 20px
}

@media(max-width:414px) {

    .buy__modalbox--modeldetail,
    .deposit__modalbox--modeldetail {
        margin-left: 0
    }
}

.buy__textwarning,
.deposit__textwarning {
    margin-left: 10px;
    display: inline-block
}

@media(max-width:768px) {

    .buy__textwarning,
    .deposit__textwarning {
        width: 100%;
        text-align: center
    }
}

.buy__iconwarning,
.deposit__iconwarning {
    margin: 0
}

@media(max-width:768px) {

    .buy__iconwarning,
    .deposit__iconwarning {
        margin-bottom: 20px;
        margin-left: 45%
    }
}

.buy__textBtnWithdrawNow,
.deposit__textBtnWithdrawNow {
    font-size: 16px
}

@media(max-width:414px) {

    .buy__textBtnWithdrawNow,
    .deposit__textBtnWithdrawNow {
        font-size: 14px
    }
}

@media(max-width:320px) {

    .buy__textBtnWithdrawNow,
    .deposit__textBtnWithdrawNow {
        font-size: 9px
    }
}

.buy__textBtnWithdrawNow--green,
.deposit__textBtnWithdrawNow--green {
    color: #02d667
}

.buy__textBtnWithdrawNow--white,
.deposit__textBtnWithdrawNow--white {
    color: #fff
}

.buy__bankwidth,
.deposit__bankwidth {
    width: 510px !important
}

@media(max-width:1280px) {

    .buy__bankwidth,
    .deposit__bankwidth {
        width: 400px !important
    }
}

@media(max-width:1024px) {

    .buy__bankwidth,
    .deposit__bankwidth {
        width: 320px !important
    }
}

@media(max-width:768px) {

    .buy__bankwidth,
    .deposit__bankwidth {
        width: 660px !important
    }
}

@media(max-width:414px) {

    .buy__bankwidth,
    .deposit__bankwidth {
        width: 320px !important
    }
}

@media(max-width:375px) {

    .buy__bankwidth,
    .deposit__bankwidth {
        width: 300px !important
    }
}

.buy__bggray,
.deposit__bggray {
    background-color: #f6f6f6
}

.buy__address,
.deposit__address {
    font-size: 11px;
    width: 400px;
    height: auto;
    border: 1px solid #cfcfcf;
    padding: 25px 18px;
    background-color: #f2f2f2;
    border-radius: 6px;
    margin: 10px 0 10px 65px;
    word-break: break-all
}

@media(max-width:1280px) {

    .buy__address,
    .deposit__address {
        width: 320px
    }
}

@media(max-width:1024px) {

    .buy__address,
    .deposit__address {
        width: 285px
    }
}

@media(max-width:768px) {

    .buy__address,
    .deposit__address {
        width: 100%;
        margin: 0 auto 15px
    }
}

.buy__container,
.deposit__container {
    padding: 20px 40px 40px;
    font-size: 16px;
    justify-content: center
}

@media(max-width:768px) {

    .buy__container,
    .deposit__container {
        padding: 20px
    }
}

.buy__balance,
.deposit__balance {
    margin-top: 40px
}

.buy__balance__item,
.deposit__balance__item {
    margin-bottom: 10px !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.buy__balance__item__title,
.deposit__balance__item__title {
    width: 150px;
    display: inline-block;
    color: #999
}

.buy__notes,
.deposit__notes {
    margin-top: 40px;
    font-size: 14px
}

.buy__btn--center button>div>div,
.deposit__btn--center button>div>div {
    display: flex;
    align-items: center
}

.buy__btn--center button>div>div span,
.deposit__btn--center button>div>div span {
    font-size: 13px !important;
    width: 100%
}

@media(max-width:768px) {

    .buy__btn--center button>div>div span,
    .deposit__btn--center button>div>div span {
        font-size: 10px !important
    }
}

.buy__btn--select button,
.deposit__btn--select button {
    background-color: #02d667 !important
}

.buy__btn--select button div>div>span,
.deposit__btn--select button div>div>span {
    color: #fff !important
}

.buy__address-new,
.deposit__address-new {
    color: #02d667;
    word-wrap: break-word;
    font-size: 14px
}

.buy__dialog--close,
.deposit__dialog--close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    margin: 10px;
    cursor: pointer
}

.buy__options,
.deposit__options {
    display: flex;
    align-items: center
}

.buy__options span,
.deposit__options span {
    margin-left: 10px
}

.buy__options__name,
.deposit__options__name {
    color: #999;
    font-size: 14px
}

.buy__network_options,
.deposit__network_options {
    display: flex;
    align-items: center
}

@media(max-width:425px) {

    .buy__network_options,
    .deposit__network_options {
        display: initial
    }
}

.buy__network_options span,
.deposit__network_options span {
    margin-left: 10px
}

.buy__network_options__name,
.deposit__network_options__name {
    color: #999;
    font-size: 14px
}

.deposit__announcement {
    margin: 8px 6px;
    padding: 10px 20px;
    align-items: flex-start
}

.deposit__announcement,
.deposit__announcement_warning {
    font-size: 14px;
    line-height: 1.5;
    flex-wrap: wrap;
    color: #f7931a;
    border: 1px solid #f7931a;
    border-radius: 5px
}

.deposit__announcement_warning {
    position: relative;
    margin: 8px 0;
    padding: 10px 0;
    background: rgba(247, 147, 26, .05)
}

.deposit__announcement_dangerous {
    position: relative;
    margin: 8px 0;
    padding: 10px 0;
    background: rgba(244, 44, 92, .05)
}

.buy__warning,
.deposit__announcement_dangerous,
.deposit__warning {
    font-size: 14px;
    line-height: 1.5;
    flex-wrap: wrap;
    align-items: flex-start;
    color: #f74b6d;
    border: 1px solid #f74b6d;
    border-radius: 5px
}

.buy__warning,
.deposit__warning {
    margin-bottom: 20px;
    display: flex;
    padding: 10px 20px;
    background-color: #fff2f5
}

.buy__warning i,
.deposit__warning i {
    margin-right: 10px;
    margin-top: 4px
}

.buy__warning div,
.deposit__warning div {
    flex: 1
}

.buy .table-deposit td,
.buy .table-withdraw td,
.deposit .table-deposit td,
.deposit .table-withdraw td {
    word-break: break-word
}

.buy__qrcode--root,
.deposit__qrcode--root {
    display: flex;
    justify-content: center
}

.buy__qrcode--outer,
.deposit__qrcode--outer {
    position: relative
}

.buy__qrcode--inner,
.deposit__qrcode--inner {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    left: 0;
    top: 3.6%;
    align-items: center;
    flex-direction: column;
    font-family: Kanit-Regular;
    color: #000
}

.buy__qrcode--amount-root,
.deposit__qrcode--amount-root {
    margin-top: 8.5%;
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.buy__qrcode--gray-label,
.deposit__qrcode--gray-label {
    color: #7d7d7d
}

.buy__qrcode--green-label,
.deposit__qrcode--green-label {
    color: #02d767
}

.deposit__qrcode--img>span {
    margin: -7.5% !important
}

.buy___warning-binance-chain,
.deposit___warning-binance-chain {
    margin: 20px 0;
    color: #fa6565
}

.buy__e-wallets,
.deposit__e-wallets {
    white-space: nowrap
}

.buy-warning-tagline,
.deposit-warning-tagline {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 0 40px 20px;
    background-color: #fcd535
}

@media(max-width:768px) {

    .buy-warning-tagline,
    .deposit-warning-tagline {
        margin: 0 0 10px
    }
}

.buy-network-list-ctn,
.deposit-network-list-ctn {
    margin: 15px 10px
}

.buy-network-warning-ctn,
.deposit-network-warning-ctn {
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    margin-top: 15px;
    padding: 0 30px
}

.buy-network-warning-img,
.deposit-network-warning-img {
    width: 66px;
    height: 66px;
    margin-bottom: 25px
}

.buy-network-warning-txt2,
.deposit-network-warning-txt2 {
    font-weight: 700;
    font-size: 16px;
    text-align: center
}

.buy-network-item,
.deposit-network-item {
    padding: 10px 20px
}

@media(max-width:425px) {

    .buy-network-item,
    .deposit-network-item {
        padding: 0
    }
}

.buy-network-item-selected,
.deposit-network-item-selected {
    display: flex;
    flex-direction: row;
    align-items: center
}

.buy-network-item-img,
.deposit-network-item-img {
    width: 20px;
    height: 20px;
    margin-right: 15px
}

.buy-network-item-title,
.deposit-network-item-title {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px
}

.buy-network-item-desc,
.deposit-network-item-desc {
    font-weight: 400;
    font-size: 12px
}

.buy-newaddress-dialog,
.deposit-newaddress-dialog {
    display: flex;
    flex-direction: column;
    align-items: center
}

.buy-newaddress-dialog-content,
.deposit-newaddress-dialog-content {
    padding: 40px 60px !important
}

@media(max-width:425px) {

    .buy-newaddress-dialog-content,
    .deposit-newaddress-dialog-content {
        padding: 35px 15px !important;
        max-width: calc(100vw - 30px) !important
    }
}

.buy-newaddress-dialog-img,
.deposit-newaddress-dialog-img {
    width: 214px;
    height: 162px
}

@media(max-width:768px) {

    .buy-newaddress-dialog-img,
    .deposit-newaddress-dialog-img {
        width: 210px;
        height: 145px
    }
}

@media(max-width:425px) {

    .buy-newaddress-dialog-img,
    .deposit-newaddress-dialog-img {
        width: 198px;
        height: 135px
    }
}

.buy-newaddress-dialog-img2,
.deposit-newaddress-dialog-img2 {
    width: 19px;
    height: 16px
}

.buy-newaddress-dialog-warning-text,
.deposit-newaddress-dialog-warning-text {
    font-weight: 700;
    font-size: 18px;
    color: #f7931a;
    margin-left: 8px;
    text-align: center
}

.buy-newaddress-dialog-desc,
.deposit-newaddress-dialog-desc {
    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: center
}

.buy-memo-warning-ctn,
.deposit-memo-warning-ctn {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 30px;
    border: 1px solid #f7931a;
    background-color: rgba(247, 147, 26, .2);
    margin-top: 15px;
    border-radius: 4px
}

.buy-memo-warning-img,
.deposit-memo-warning-img {
    width: 24px;
    height: 21px;
    margin-right: 10px
}

.buy-memo-warning-text,
.deposit-memo-warning-text {
    font-size: 14px
}

.buy-memo-warning-underline-text,
.deposit-memo-warning-underline-text {
    font-size: 14px;
    text-decoration: underline;
    display: contents
}

.buy-retry-generate-modal,
.deposit-retry-generate-modal {
    max-width: 600px !important;
    padding: 32px 40px !important
}

@media(max-width:425px) {

    .buy-retry-generate-modal,
    .deposit-retry-generate-modal {
        padding: 20px !important
    }
}

.buy-retry-generate-modal-btn,
.deposit-retry-generate-modal-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

@media(max-width:640px) {

    .buy-retry-generate-modal-btn,
    .deposit-retry-generate-modal-btn {
        flex-direction: column
    }
}

.buy-retry-generate-modal-confirm-btn,
.deposit-retry-generate-modal-confirm-btn {
    width: 188px !important;
    align-self: flex-end !important
}

@media(max-width:425px) {

    .buy-retry-generate-modal-confirm-btn,
    .deposit-retry-generate-modal-confirm-btn {
        width: 100% !important
    }
}

.buy-retry-generate-modal-cancel-btn,
.deposit-retry-generate-modal-cancel-btn {
    width: 160px !important;
    margin-right: 10px !important;
    height: 48px !important;
    background-color: transparent !important
}

@media(max-width:425px) {

    .buy-retry-generate-modal-cancel-btn,
    .deposit-retry-generate-modal-cancel-btn {
        width: 100% !important;
        margin-right: 0 !important;
        margin-top: 10px !important
    }
}

.dialog__content {
    text-align: center;
    margin-bottom: 36px
}

.dialog__title {
    margin: 12px 0 24px;
    font-size: 20px
}

.dialog__description {
    margin-bottom: 24px
}

.dialog__button-container {
    display: flex;
    justify-content: center
}

.cookies__container {
    position: fixed;
    bottom: 16px;
    z-index: 9999999999;
    color: #fff;
    width: 100%;
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-property: opacity, top, bottom;
    -webkit-animation: fadeInUp .6s;
    animation: fadeInUp .6s
}

@media(max-width:768px) {
    .cookies__container {
        bottom: 20px
    }
}

@media(max-width:576px) {
    .cookies__container {
        bottom: 0
    }
}

.cookies__inner {
    background: #02d667;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    width: 70vw;
    max-width: 668px;
    padding: 4px 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}

@media(max-width:768px) {
    .cookies__inner {
        padding: 10px 40px;
        max-width: 419px
    }
}

@media(max-width:576px) {
    .cookies__inner {
        padding: 8px 12px;
        width: 100%;
        max-width: 576px
    }
}

.cookies__left {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 12px
}

@media(max-width:768px) {
    .cookies__left {
        align-items: normal
    }
}

.cookies__link {
    color: #fff
}

.cookies__content {
    font-size: 14px
}

@media(max-width:991px) {
    .cookies__content {
        font-size: 12px
    }
}

.cookies__button {
    font-size: 14px
}

@media(max-width:991px) {
    .cookies__button {
        font-size: 12px
    }
}

.cookies__icon {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin-right: 15px;
    margin-top: 4px
}

.cookies__icon img {
    width: 16px;
    height: 16px;
    display: block
}

.ongoing__close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

.download {
    margin-top: 60px;
    overflow: hidden
}

@media(max-width:768px) {
    .download {
        margin-top: 0
    }
}

.download__text--grey {
    color: #b3b3b3
}

.download__section-one {
    position: relative;
    display: flex;
    margin-bottom: 100px
}

@media(max-width:768px) {
    .download__section-one {
        flex-direction: column;
        margin-bottom: 50px
    }
}

.download__section-one__header {
    font-weight: 400
}

@media(max-width:768px) {
    .download__section-one__header {
        font-size: 28px
    }
}

.download__section-one__header--trade {
    font-weight: 600
}

.download__section-one__left {
    display: flex;
    flex-direction: column;
    width: 60%
}

.download__section-one__left>img {
    width: 150px
}

@media(max-width:1024px) {
    .download__section-one__left {
        width: 65%
    }
}

@media(max-width:768px) {
    .download__section-one__left {
        width: auto;
        margin-bottom: 40px;
        margin-right: 0
    }

    .download__section-one__left>img {
        width: 250px
    }
}

.download__section-one__right {
    width: 55%;
    position: absolute;
    right: 0;
    margin: auto;
    right: -12%;
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(max-width:1280px) {
    .download__section-one__right {
        width: 56%;
        right: -13%
    }
}

@media(max-width:1024px) {
    .download__section-one__right {
        width: 55%;
        right: -12%
    }
}

@media(max-width:768px) {
    .download__section-one__right {
        position: static;
        width: auto
    }
}

.download__section-one__desc {
    line-height: 24px
}

.download__section-one__header-container {
    margin-bottom: 40px
}

.download__section-one__qr {
    border-radius: 10px;
    padding: 24px;
    display: flex;
    justify-content: center
}

@media(max-width:768px) {
    .download__section-one__qr {
        flex-direction: column;
        padding: 30px 24px 24px
    }
}

.download__section-one__qr__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 40px
}

@media(max-width:1280px) {
    .download__section-one__qr__left img {
        width: 150px
    }
}

@media(max-width:1023px) and (min-width:767px) {
    .download__section-one__qr__left {
        margin-right: 20px
    }

    .download__section-one__qr__left img {
        width: 120px
    }
}

@media(max-width:768px) {
    .download__section-one__qr__left {
        margin-right: 0
    }

    .download__section-one__qr__left img {
        width: 200px
    }
}

.download__section-one__qr__left span {
    font-size: 14px;
    margin-top: 10px
}

@media(max-width:768px) {
    .download__section-one__qr__left span {
        font-size: 16px
    }
}

.download__section-one__qr__right {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.download__section-one__qr__right__container {
    display: flex
}

@media(max-width:768px) {
    .download__section-one__qr__right__container {
        flex-direction: column;
        margin-top: 16px
    }
}

.download__section-one__qr__right__raiting {
    display: flex;
    margin-left: 4px
}

.download__section-one__qr__right__download {
    display: flex;
    margin-top: 20px
}

.download__section-one__qr__right__store {
    display: flex;
    margin-top: 20px;
    justify-content: center
}

@media(max-width:768px) {
    .download__section-one__qr__right__store {
        flex-direction: column;
        align-items: center
    }
}

.download__section-one__qr__right__store__google-play {
    margin-right: 20px
}

.download__section-one__qr__right__store__google-play>img {
    width: 160px
}

@media(max-width:1023px) and (min-width:767px) {
    .download__section-one__qr__right__store__google-play>img {
        width: 120px
    }
}

@media(max-width:768px) {
    .download__section-one__qr__right__store__google-play {
        margin-right: 0;
        margin-bottom: 10px
    }

    .download__section-one__qr__right__store__google-play>img {
        width: 240px
    }
}

.download__section-one__qr__right__store__appstore>img {
    width: 160px
}

@media(max-width:1023px) and (min-width:767px) {
    .download__section-one__qr__right__store__appstore>img {
        width: 120px
    }
}

@media(max-width:768px) {
    .download__section-one__qr__right__store__appstore>img {
        width: 240px
    }
}

.download__section-one__item {
    display: flex;
    flex-direction: column
}

@media(max-width:768px) {
    .download__section-one__item {
        align-items: center;
        text-align: center
    }
}

.download__section-one__item__ratings {
    margin-right: 20px
}

@media(max-width:768px) {
    .download__section-one__item__ratings {
        margin-right: 0
    }

    .download__section-one__item__download {
        margin-top: 24px
    }
}

.download__section-one__item__download-value {
    font-size: 34px;
    font-weight: 600
}

@media(max-width:1023px) and (min-width:767px) {
    .download__section-one__item__download-value {
        font-size: 28px
    }
}

.download__section-one__item__star {
    display: flex;
    margin-top: 7px;
    width: 160px
}

.download__section-one__item__star>img {
    width: 28px;
    margin-right: 4px
}

@media(max-width:1023px) and (min-width:767px) {
    .download__section-one__item__star {
        width: auto
    }

    .download__section-one__item__star>img {
        width: 20px
    }
}

@media(max-width:768px) {
    .download__section-one__item__star {
        width: auto
    }

    .download__section-one__item__star>img {
        margin: 0 2px
    }
}

.download__section-two {
    margin-bottom: 70px
}

@media(max-width:768px) {
    .download__section-two {
        margin-bottom: 20px
    }
}

.download__section-two__title {
    display: flex;
    align-items: center;
    font-size: 20px
}

@media(max-width:768px) {
    .download__section-two__title {
        padding-left: 16px
    }
}

.download__section-two__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    margin-right: 20px;
    width: 50px;
    height: 50px
}

@media(max-width:768px) {
    .download__section-two__icon {
        position: static;
        top: -60px;
        left: 0;
        transform: translateX(0);
        margin: 0
    }
}

.download__section-two__list {
    margin-left: 46px;
    margin-top: 0;
    line-height: 24px
}

@media(max-width:768px) {
    .download__section-two__list {
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 40px
    }
}

.download__section-three {
    margin-bottom: 70px;
    border-radius: 10px;
    padding: 32px;
    display: flex;
    justify-content: space-around
}

@media(max-width:768px) {
    .download__section-three {
        flex-direction: column;
        padding: 8px 32px
    }
}

.download__section-three__item {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: center
}

@media(max-width:768px) {
    .download__section-three__item {
        padding: 32px 12px
    }
}

.download__section-three__header {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px
}

@media(max-width:768px) {
    .download__section-three__header {
        font-size: 30px
    }
}

.download__section-three__line {
    border-left: 1px solid #999
}

@media(max-width:768px) {
    .download__section-three__line {
        border-left: 0;
        border-bottom: 1px solid #999
    }
}

.footer {
    width: 100%;
    background: #131616;
    overflow: hidden
}

.footer__inner {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px
}

@media screen and (max-width:1280px) {
    .footer__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {
    .footer__inner {
        max-width: 930px
    }
}

.footer__sitemap {
    padding: 50px 0 30px
}

.footer__copyrights,
.footer__servertime,
.footer__social,
.footer__title {
    font-family: Dosis;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding-left: 16px
}

.footer__column {
    padding: 0 0 24px 24px;
    min-width: 100%
}

@media(min-width:640px) {
    .footer__column {
        padding: 0 0 8px 8px;
        min-width: 170px
    }
}

@media(min-width:768px) {
    .footer__column {
        padding: 0 0 12px 12px
    }
}

@media(min-width:1280px) {
    .footer__column {
        padding: 0
    }
}

.footer__items {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer__bottom {
    width: 100%;
    min-height: 60px;
    border-top: 1px solid #525252
}

@media(max-width:768px) {
    .footer__bottom {
        margin: 0
    }
}

.footer__copyrights,
.footer__servertime {
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer__copyrights {
    padding-left: 55px
}

@media(max-width:1024px) {
    .footer__copyrights {
        padding: 16px;
        text-align: center;
        font-size: 12px
    }
}

@media(max-width:576px) {
    .footer__copyrights {
        order: 2
    }
}

.footer__servertime {
    padding: 0;
    text-align: center
}

.footer__social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 55px;
    margin: 10px 0;
    flex-wrap: wrap
}

@media(max-width:768px) {
    .footer__social {
        padding-right: 0;
        padding-left: 0;
        justify-content: center
    }
}

.footer__social-icon {
    color: #fff !important;
    font-size: 30px !important;
    line-height: 30px !important
}

.icon__facebook {
    background: url(/static/images/icons/social_media/facebook-1.png);
    background-size: 100% 100%;
    display: block
}

.icon__facebook--white {
    background: url(/static/images/icons/social_media/facebook-2.png);
    background-size: 100% 100%;
    display: block
}

.icon__instagram {
    background: url(/static/images/icons/social_media/instagram-1.png);
    background-size: 100% 100%;
    display: block
}

.icon__instagram--white {
    background: url(/static/images/icons/social_media/instagram-2.png);
    background-size: 100% 100%;
    display: block
}

.icon__twitter {
    background: url(/static/images/icons/social_media/twitter-1.png);
    background-size: 100% 100%;
    display: block
}

.icon__twitter--white {
    background: url(/static/images/icons/social_media/twitter-2.png);
    background-size: 100% 100%;
    display: block
}

.icon__blog {
    background: url(/static/images/icons/social_media/blog-1.png);
    background-size: 100% 100%;
    display: block
}

.icon__blog--white {
    background: url(/static/images/icons/social_media/blog-2.png);
    background-size: 100% 100%;
    display: block
}

.icon__google {
    background: url(/static/images/icons/social_media/google-1.png);
    background-size: 100% 100%;
    display: block
}

.icon__google--white {
    background: url(/static/images/icons/social_media/google-2.png);
    background-size: 100% 100%;
    display: block
}

.icon__line {
    background: url(/static/images/icons/social_media/line-1.png);
    background-size: 100% 100%;
    display: block
}

.icon__line--white {
    background: url(/static/images/icons/social_media/line-2.png);
    background-size: 100% 100%;
    display: block
}

.icon__lineat {
    background: url(/static/images/icons/social_media/lineat-1.png);
    background-size: 100% 100%;
    display: block
}

.icon__lineat--white {
    background: url(/static/images/icons/social_media/lineat-2.png);
    background-size: 100% 100%;
    display: block
}

.icon__linkedin {
    background: url(/static/images/icons/social_media/linkedin-1.png);
    background-size: 100% 100%;
    display: block
}

.icon__linkedin--white {
    background: url(/static/images/icons/social_media/linkedin-2.png);
    background-size: 100% 100%;
    display: block
}

.icon__youtube {
    background: url(/static/images/icons/social_media/youtube-1.png);
    background-size: 100% 100%;
    display: block
}

.icon__youtube--white {
    background: url(/static/images/icons/social_media/youtube-2.png);
    background-size: 100% 100%;
    display: block
}

.icon__telegram {
    background: url(/static/images/icons/social_media/telegram-1.png);
    background-size: 100% 100%;
    display: block
}

.icon__telegram--white {
    background: url(/static/images/icons/social_media/telegram-2.png);
    background-size: 100% 100%;
    display: block
}

.dbd-logo {
    width: 100px;
    padding-left: 16px !important
}

.dbd-link {
    display: block;
    margin: 10px 0;
    width: 100%
}

.dbd-mobile {
    width: 50%;
    margin-left: 10px;
    display: none
}

@media(max-width:414px) {
    .dbd-mobile {
        display: block !important
    }
}

@media(min-width:1024px) {
    .funds {
        min-height: 1070px
    }
}

.funds__inner {
    padding: 40px 30px
}

@media(max-width:768px) {
    .funds__inner {
        padding: 40px 16px
    }
}

.funds__icon {
    vertical-align: middle;
    max-width: 28px;
    margin-top: -3px
}

.funds__table-data {
    font-size: 14px;
    height: 50px
}

@media(max-width:1280px) {
    .funds__table {
        min-width: 1100px
    }

    .funds__table-wrapper {
        overflow-x: scroll
    }
}

.funds__action {
    display: inline-block;
    margin: 0 4px
}

@media(max-width:768px) {
    .funds__action {
        flex: 1
    }
}

.funds__button--border {
    border: 1px solid hsla(0, 0%, 100%, .5) !important
}

.funds__fullname {
    font-size: 11px
}

.funds__limitbox {
    padding: 0 40px;
    margin-bottom: 20px
}

@media(max-width:414px) {
    .funds__limitbox {
        padding: 0 55px
    }
}

.funds__dailylimit {
    padding: 20px 40px
}

@media(max-width:1280px) {
    .funds__dailylimit {
        padding: 10px 16px
    }
}

@media(max-width:768px) {
    .funds__dailylimit {
        padding: 10px 15px
    }
}

@media(max-width:414px) {
    .funds__dailylimit {
        padding: 10px 0
    }
}

.funds__dailylimitlast {
    margin-top: 0
}

.funds__iconhelp {
    height: 24px;
    cursor: pointer
}

@media(max-width:768px) {
    .funds__iconhelp {
        height: 16px !important
    }
}

.funds__nomgt {
    margin-top: 0
}

@media(max-width:767px) {
    .funds__hiddenmobile {
        display: none
    }
}

@media(min-width:768px) {
    .funds__hiddendesktop {
        display: none
    }
}

.funds__showtxt {
    display: none
}

@media(max-width:1280px) {
    .funds__showtxt {
        display: block
    }
}

.funds__hidetxt {
    display: block
}

@media(max-width:1280px) {
    .funds__hidetxt {
        display: none
    }
}

.funds__title {
    position: relative;
    font-family: Dosis;
    line-height: 33px;
    color: #333;
    text-transform: uppercase;
    padding: 20px 40px;
    margin: 0
}

@media(max-width:1024px) {
    .funds__title {
        padding: 0 40px 10px
    }
}

@media(max-width:768px) {
    .funds__title--responsive {
        padding: 20px 20px 0
    }
}

.funds__text {
    font-weight: 600;
    font-family: Roboto;
    font-size: 16px
}

@media(max-width:768px) {
    .funds__text {
        font-size: 14px
    }
}

.funds__text--light {
    font-weight: 100
}

@media(max-width:768px) {
    .funds__text--light {
        font-size: 14px
    }
}

.funds__pdhideasset {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px
}

@media(max-width:768px) {
    .funds__pdhideasset {
        margin-bottom: 40px
    }
}

.funds__firstcolumn {
    text-align: left;
    padding-left: 40px
}

.funds__firstcolumn div {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.funds__progressbar {
    height: 10px !important;
    border-radius: 10px !important;
    background-color: #e2e2e2 !important;
    margin: 13px 0 !important
}

.funds__progressbar--dark {
    background-color: #343d3d !important
}

.funds__boxsearch {
    margin-top: -5px
}

@media(max-width:768px) {
    .funds__boxsearch {
        margin-bottom: 12px
    }
}

.funds__boxsearch--th {
    padding-left: 65px
}

@media(max-width:1024px) {
    .funds__boxsearch--th {
        padding-left: 23px
    }
}

.funds__boxsearch--en {
    padding-left: 23px
}

.funds__mgsearchbox {
    margin: -10px 0 15px
}

.funds__link {
    color: #666;
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

@media(max-width:768px) {
    .funds__filter-container {
        flex-direction: column-reverse
    }
}

.funds--grey {
    color: #999
}

@media(max-width:768px) {
    .funds__table__card-hide__item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px
    }

    .funds__table__card-hide__item div:nth-child(2) {
        font-weight: 200
    }

    .funds__table__button-container {
        margin: 20px 0;
        display: flex;
        justify-content: center
    }
}

.funds-deposit--height {
    height: 100%
}

.funds-deposit__deposit-type__label {
    margin: 10px 0;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.funds-deposit__deposit-type__sublabel {
    font-size: 14px
}

.funds-deposit__deposit-qr__solution-header {
    margin: 40px 0 30px
}

.funds-deposit__timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto 40px
}

.funds-deposit__timeline__container {
    position: relative;
    width: 100%;
    padding-left: 70px;
    padding-right: 25px
}

.funds-deposit__timeline__container:not(:last-child) {
    padding-bottom: 20px
}

.funds-deposit__timeline__container:not(:last-child):before {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #cfd0d1;
    top: 0;
    bottom: 0;
    left: 31px;
    margin-left: -3px
}

.funds-deposit__timeline__container:after {
    content: attr(data-number);
    position: absolute;
    width: 46px;
    height: 46px;
    right: -17px;
    color: #293233;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 0;
    border-radius: 50%;
    z-index: 1;
    left: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 600
}

.funds-deposit__timeline__container__content {
    margin: 0
}

.funds-deposit__timeline__container__content__text {
    padding-top: 10px
}

.funds-deposit__timeline__container__content__text--grey {
    color: #999
}

.funds-deposit__amount__detail {
    margin: 20px 0
}

.funds-deposit__amount__detail--item {
    display: flex;
    height: 40px;
    align-items: center;
    white-space: nowrap;
    overflow: hidden
}

.funds-deposit__amount__detail--item img {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    margin-right: 10px
}

.funds-deposit__amount__detail--label {
    min-width: 160px;
    color: #999
}

@media(max-width:768px) {
    .funds-deposit__amount__detail--label {
        min-width: 120px
    }
}

.funds-deposit__amount__detail--label-long {
    min-width: 160px;
    color: #999
}

@media(max-width:768px) {
    .funds-deposit__amount__detail--label-long {
        min-width: 140px
    }
}

.funds-deposit__data-table__responsive {
    align-items: center;
    height: 46px
}

.funds-deposit__amount-transfer,
.funds-deposit__data-table__card-hide,
.funds-deposit__data-table__responsive {
    display: flex;
    justify-content: space-between
}

.funds-deposit__amount-transfer {
    align-items: center;
    margin: 20px 0
}

.funds-deposit__amount-transfer__warning {
    margin: 20px 0 0
}

.funds-deposit__modal-confirm {
    margin: 24px auto;
    width: 400px
}

@media(max-width:768px) {
    .funds-deposit__modal-confirm {
        margin: 24px 12px;
        width: auto
    }
}

.funds-deposit__modal-confirm__container {
    max-width: 500px !important
}

.funds-deposit__modal-confirm__title {
    margin-top: 30px;
    text-align: center
}

.funds-deposit__modal-confirm__item {
    display: flex;
    align-items: center;
    margin: 10px 0;
    font-weight: 600
}

.funds-deposit__modal-confirm__item img {
    width: 26px;
    height: 26px;
    margin-right: 10px
}

.funds-deposit--ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.history--dark input {
    color: #e8e8e8 !important
}

.history__empty {
    width: 100%;
    padding: 30px;
    text-align: center;
    text-transform: uppercase
}

.history__table {
    width: 100%;
    min-width: 800px;
    border: 0;
    border-collapse: collapse
}

.history__table-wrapper {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

@media(max-width:1280px) {
    .history__table-wrapper {
        max-width: 100%;
        overflow: auto;
        position: relative
    }
}

.history__table-data {
    font-size: 14px;
    height: 80px
}

.history__table-data small {
    font-size: 11px
}

.history__table-data--w300 {
    width: 300px
}

.history__table-data--w500 {
    width: 500px
}

.history__table-label {
    display: inline-block;
    width: 90px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    padding: 5px 10px;
    color: #fff
}

.history__table-label--orange {
    background-color: #ffc107
}

.history__table-label--green {
    background-color: #02d667
}

.history__table-label--red {
    background-color: #fa6565
}

.history__icon {
    display: inline-block;
    position: relative;
    top: 0;
    left: -2px;
    width: 16px;
    height: 16px;
    margin-left: -16px;
    font-size: 12px
}

.history__icon--thb {
    content: "THB";
    color: #fff;
    border-radius: 100%;
    background-color: #02d667
}

.history__link {
    color: #1e90ff;
    text-decoration: underline
}

@media(max-width:768px) {
    .width-100 {
        width: 100%
    }
}

.new-history--text-underline-color {
    -webkit-text-decoration-color: #02d667;
    text-decoration-color: #02d667
}

.new-history--text-txn-internal {
    word-break: break-all;
    align-self: center
}

.new-history__inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 30px 10px
}

@media screen and (max-width:1280px) {
    .new-history__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {
    .new-history__inner {
        max-width: 930px
    }
}

.new-history__inner--nopadding {
    padding: 0
}

@media(max-width:768px) {
    .new-history__inner {
        padding: 40px 15px
    }

    .new-history__inner--nopb {
        padding-bottom: 0
    }
}

.new-history__header-container {
    margin: 0 40px
}

@media(max-width:768px) {
    .new-history__header-container {
        margin: 0 20px
    }
}

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

.new-history__title {
    font-size: 24px;
    padding: 20px 0
}

.new-history__title--light {
    font-weight: 400
}

@media(max-width:768px) {
    .new-history__download {
        min-width: 40px !important
    }

    .new-history__download div>span {
        display: none
    }

    .new-history__download div>i {
        margin-left: 0 !important
    }
}

.new-history__filter {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

.new-history__filter>div:not(:last-child) {
    margin-right: 20px
}

@media(max-width:768px) {
    .new-history__filter>div:not(:last-child) {
        margin-right: 0
    }
}

.new-history__filter__search {
    display: flex;
    align-items: center;
    width: 260px
}

@media(max-width:768px) {
    .new-history__filter__search {
        width: 100%
    }
}

.new-history__filter__search__text {
    margin-left: 10px !important;
    width: 100% !important
}

.new-history__filter__select {
    display: flex
}

@media(max-width:768px) {
    .new-history__filter__select {
        width: 100%
    }

    .new-history__filter__select div {
        flex: 1
    }
}

.new-history__filter__date--end-date>div {
    width: 100% !important
}

.new-history__filter__date--month-dash {
    position: relative;
    top: 40px;
    padding: 0 28px
}

.new-history__filter__date--icon {
    position: absolute;
    bottom: 14px;
    right: 0;
    pointer-events: none;
    color: rgba(0, 0, 0, .3)
}

.new-history__filter__show {
    display: flex;
    align-items: center;
    margin-left: auto
}

.new-history__filter__show span {
    margin-right: 10px;
    color: rgba(0, 0, 0, .3)
}

.new-history__table__container {
    margin-top: 20px
}

.new-history__table__container-responsive {
    margin-bottom: 24px
}

.new-history__table__row-center {
    line-height: 1 !important;
    display: flex;
    align-items: center
}

.new-history__table__side {
    text-transform: uppercase;
    width: 80px;
    height: 24px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    font-size: 12px
}

.new-history__table--green {
    background-color: #02d667
}

.new-history__table--red {
    background-color: #fa6565
}

.new-history__table--yellow {
    background-color: #ffe400
}

.new-history__table--text-orange {
    color: #f6921e
}

.new-history__table--elipsis {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.new-history__table__amount--top {
    font-size: 14px;
    margin-bottom: 4px;
    display: inline-block
}

.new-history__table__amount--bottom {
    font-size: 12px
}

.new-history__table__item-responsive {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 46px
}

.new-history__table__item-responsive__account {
    display: flex;
    align-items: center;
    height: 60px
}

.new-history__table__item-responsive__account:last-child {
    margin-bottom: 24px
}

.new-history__modal-bank {
    margin: 24px 0
}

.new-history__modal-bank__item {
    display: flex;
    align-items: center;
    flex-wrap: no-wrap;
    padding: 0 48px
}

.new-history__modal-bank__item>div:first-child {
    width: 200px
}

.new-history__modal-bank__line {
    border: 0;
    border-top: 1px solid #eee;
    margin: 30px 0
}

@media(max-width:768px) {
    .new-history__modal-bank__line {
        margin: 16px 0
    }
}

.new-history__modal-bank__account-container {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-history__modal-bank__account-container img {
    width: 40px;
    height: 40px;
    margin-right: 10px
}

@media(max-width:768px) {
    .new-history__modal-bank__account-container img {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px
    }
}

.new-history__modal-bank__account-name {
    margin-bottom: 10px
}

.new-history__modal-bank__account-name--no-md {
    margin-bottom: 0
}

.new-history__modal-bank__account-number {
    color: #999;
    font-weight: 200
}

.new-history__modal-transaction {
    padding: 24px 0
}

.new-history__modal-transaction__item {
    padding: 0 48px
}

.new-history__modal-transaction__value {
    display: flex;
    justify-content: space-between
}

@media(max-width:768px) {
    .new-history__modal-transaction__value {
        margin-left: 30px;
        width: 100%
    }
}

.new-history--grey {
    color: #999
}

.new-history--break-word {
    word-break: break-all
}

.ag-cell>.ag-react-container {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px
}

.ag-header-cell-resize:after {
    content: "";
    border-left: 1px solid #ccc;
    height: 30%;
    right: 4px;
    top: 20px;
    position: absolute
}

@media(max-width:1280px) {
    .home {
        overflow: hidden
    }
}

.home__inner {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px
}

@media screen and (max-width:1280px) {
    .home__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {
    .home__inner {
        max-width: 930px
    }
}

@media(max-width:768px) {
    .home__inner {
        text-align: center
    }
}

.home__position__facebookbutton {
    position: absolute;
    left: 28px;
    right: 0;
    margin: 0 auto;
    text-align: left;
    bottom: 300px
}

@media screen and (max-width:1024px) {
    .home__position__facebookbutton {
        padding-top: 0;
        bottom: 285px
    }
}

@media(max-width:768px) {
    .home__position__facebookbutton {
        margin: 0;
        text-align: center;
        height: 400px;
        padding: 0 30px;
        bottom: 0;
        top: 78px;
        width: 100%
    }
}

@media(max-width:767px) {
    .home__position__facebookbutton {
        margin: 0;
        text-align: center;
        height: 400px;
        padding: 0 30px;
        bottom: 0;
        top: 95px;
        width: 100%
    }
}

.home__box-title {
    margin-top: 0
}

@media screen and (max-width:1024px) {
    .home__box-title {
        margin-top: 0
    }
}

@media screen and (max-width:768px) {
    .home__box-title {
        margin-top: 4px
    }
}

@media screen and (max-width:767px) {
    .home__box-title {
        margin-top: 9px
    }

    .home__box-title button span {
        font-size: 12px !important
    }
}

.home__title {
    display: inline-block;
    font-family: Dosis;
    font-size: 44px;
    line-height: 50px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    padding: 60px 0 10px
}

@media(max-width:768px) {
    .home__title {
        font-size: 28px;
        line-height: 30px;
        padding: 0 30px 15px
    }
}

.home__title--center {
    display: block;
    text-align: center
}

.home__title--white {
    color: #fff
}

.home__title--smaller {
    font-size: 30px
}

@media(max-width:768px) {
    .home__title--smaller {
        font-size: 24px
    }
}

.home__subtitle {
    font-family: Dosis;
    font-weight: 300;
    font-size: 30px;
    color: #333;
    text-transform: uppercase
}

@media(max-width:1280px) {
    .home__subtitle {
        font-size: 21px
    }
}

@media(max-width:1024px) {
    .home__subtitle {
        font-size: 18px
    }
}

.home__more {
    float: right;
    line-height: 50px;
    padding: 60px 0 10px
}

@media(max-width:768px) {
    .home__more {
        display: block;
        float: none;
        padding: 0
    }
}

.home__promote {
    position: relative;
    background-size: cover;
    min-height: 540px;
    background: linear-gradient(rgba(0, 0, 0, .5), transparent)
}

@media(max-width:768px) {
    .home__promote {
        background-image: url(/assets-bitkub/images/bg.webp), url(/assets-bitkub/images/bg.jpg) !important;
        background-repeat: no-repeat;
        background-color: #f9f9f9 !important;
        background-position: 50% !important;
        min-height: 400px
    }
}

.home__promote h1,
.home__promote h2,
.home__promote h3 {
    color: #fff;
    font-family: Dosis;
    font-weight: 300;
    line-height: 26px
}

@media(max-width:768px) {

    .home__promote h1,
    .home__promote h2,
    .home__promote h3 {
        color: #333
    }
}

.home__promote h1 {
    font-size: 35px;
    margin: 0
}

@media(max-width:1024px) {
    .home__promote h1 {
        font-size: 32px;
        line-height: 44px
    }
}

@media(max-width:767px) {
    .home__promote h1 {
        font-size: 26px;
        line-height: 40px
    }
}

.home__promote h2,
.home__promote h3 {
    font-size: 20px
}

@media(max-width:1024px) {

    .home__promote h2,
    .home__promote h3 {
        font-size: 16px
    }
}

@media(max-width:768px) {

    .home__promote h2,
    .home__promote h3 {
        margin: 5px 0
    }
}

.home__cstime {
    text-align: center;
    color: #fff;
    background: #02d667;
    width: 100%;
    padding: 8px 15px
}

@media(max-width:767px) {

    .home__cstime,
    .home__cstimethailang {
        background: rgba(0, 0, 0, .8)
    }
}

.home__buysell {
    background: #f5f5f5;
    padding: 20px
}

@media(max-width:768px) {
    .home__buysell {
        background: 0 0
    }
}

@media(max-width:767px) {
    .home__buysell {
        padding: 4px 20px
    }
}

.home__ads {
    background: #fff
}

.home__ads-banner {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
    background: 0 0
}

@media screen and (max-width:1024px) {
    .home__ads {
        bottom: 50px
    }
}

@media screen and (max-width:768px) {
    .home__ads {
        bottom: 60px
    }
}

@media screen and (max-width:767px) {
    .home__ads {
        position: static;
        background: #f5f5f5;
        bottom: 0
    }
}

.home__currencyrate {
    font-family: Dosis;
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 25px 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    overflow: hidden;
    min-width: 200px;
    min-height: 124px;
    margin: 15px 0
}

@media(max-width:1280px) {
    .home__currencyrate {
        min-width: 200px;
        min-height: 110px
    }
}

.home__currencyrate-icon {
    position: relative;
    top: 2px;
    left: -2px;
    width: 16px !important;
    height: 16px !important;
    display: initial !important
}

.home__currencyrate-thb {
    position: absolute;
    right: -25px;
    top: 0
}

.home__currencyrate:hover {
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    transform: translate3d(0, -2px, 0);
    transition: all .2s linear
}

.home__currencyrate-line {
    display: none
}

.home__currencyrate-line+svg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 30%;
    left: 0
}

@media(max-width:768px) {
    .home__currencyrate {
        text-align: center;
        margin-bottom: 20px;
        left: auto;
        transform: none
    }
}

.home__currencyrate h1,
.home__currencyrate h2,
.home__currencyrate h3 {
    position: relative;
    color: #333;
    font-family: Roboto;
    font-weight: 300;
    letter-spacing: 1px;
    z-index: 1
}

.home__currencyrate h1,
.home__currencyrate h2 {
    display: inline-block;
    position: relative;
    font-size: 24px;
    margin: 0;
    text-align: center
}

@media(max-width:1280px) {

    .home__currencyrate h1,
    .home__currencyrate h2 {
        font-size: 20px
    }
}

.home__currencyrate h3 {
    font-size: 14px;
    text-transform: uppercase;
    text-align: left
}

@media(max-width:1280px) {
    .home__currencyrate h3 {
        font-size: 12px
    }
}

.home__growth {
    position: relative;
    font-weight: 600;
    line-height: 24px;
    z-index: 1;
    text-align: center;
    font-family: roboto
}

.home__growth svg {
    vertical-align: bottom
}

.home__growth--positive {
    color: #18cf73
}

.home__growth--negative {
    color: #fa6565
}

.home__growth--right {
    text-align: right;
    font-weight: 400
}

.home__growth--left {
    text-align: left
}

.home__getstarted {
    background-image: url(/assets-bitkub/images/getting-started-bg.webp), url(/assets-bitkub/images/getting-started-bg.jpg);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: top;
    height: auto
}

@media(max-width:1280px) {
    .home__getstarted {
        padding: 0 30px
    }
}

@media(max-width:768px) {
    .home__getstarted {
        padding: 30px 0
    }
}

.home__steps {
    margin-top: 20px
}

@media(max-width:1280px) {
    .home__steps {
        padding: 0 30px
    }
}

@media(max-width:768px) {
    .home__steps {
        padding: 0
    }
}

.home__reason,
.home__step {
    display: inline-block;
    position: relative;
    height: 405px;
    padding: 160px 20px 0
}

@media(max-width:1280px) {

    .home__reason,
    .home__step {
        padding: 160px 40px 0
    }
}

@media(max-width:768px) {

    .home__reason,
    .home__step {
        height: 200px;
        padding: 60px 10px 30px;
        margin-bottom: 15px
    }
}

.home__reason:before,
.home__step:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background: url(/assets-bitkub/images/separator2.png) no-repeat 50%
}

@media(max-width:768px) {

    .home__reason:before,
    .home__step:before {
        display: none
    }
}

.home__reason-desc,
.home__reason-title,
.home__step-desc,
.home__step-title {
    color: #333;
    padding: 0 16px
}

.home__reason-title,
.home__step-title {
    margin: 6px 0
}

@media(max-width:768px) {

    .home__reason-title,
    .home__step-title {
        position: relative
    }
}

.home__reason-desc,
.home__step-desc {
    margin: 3px 0
}

@media(max-width:1280px) {

    .home__reason-desc,
    .home__step-desc {
        font-size: 14px
    }
}

@media(max-width:1024px) {

    .home__reason-desc,
    .home__step-desc {
        font-size: 13px
    }
}

.home__stepno {
    position: absolute;
    bottom: 170px;
    left: -23px;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    background-color: #02d667;
    font-family: Dosis;
    font-weight: 700;
    font-size: 24px;
    color: #333;
    border-radius: 100%;
    z-index: 1
}

@media(max-width:768px) {
    .home__stepno {
        bottom: auto;
        left: 50%;
        transform: translateX(-50%);
        top: 15px
    }
}

.home__stepno--steptwo {
    bottom: 252px
}

.home__stepno--stepthree {
    bottom: 305px
}

.home__why {
    width: 100%;
    height: 614px;
    background-image: url(/assets-bitkub/images/g2.webp), url(/assets-bitkub/images/bg2.jpg);
    background-repeat: no-repeat;
    background-color: #dededf;
    background-position: top;
    background-size: cover
}

@media(max-width:1280px) {
    .home__why {
        padding: 0 30px
    }
}

@media(max-width:768px) {
    .home__why {
        height: auto;
        padding: 30px 15px
    }
}

.home__reason {
    padding: 180px 0 0
}

@media(max-width:768px) {
    .home__reason {
        height: auto;
        padding: 10px 0 0;
        margin-top: 10px
    }
}

.home__reason:before {
    display: none
}

.home__reason-icon {
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background: #fff;
    vertical-align: middle;
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1);
    position: relative;
    top: 0;
    margin-right: 12px
}

@media(max-width:1280px) {
    .home__reason-icon svg {
        top: 22px !important;
        left: 23px !important
    }
}

@media(max-width:768px) {
    .home__reason-icon {
        position: absolute;
        top: -60px;
        left: 50%;
        transform: translateX(-50%);
        margin: 0
    }

    .home__reason-icon svg {
        top: 22px !important;
        left: 12px !important
    }
}

.home__invest {
    padding-top: 140px
}

@media(max-width:768px) {
    .home__invest {
        padding: 30px 0
    }
}

.home__bitkub {
    padding-bottom: 60px
}

@media(max-width:1280px) {
    .home__bitkub {
        padding: 0 30px 60px
    }
}

@media(max-width:768px) {
    .home__bitkub {
        padding: 30px 15px
    }
}

.home__bitkub .home__reason {
    padding: 60px 0 0;
    height: auto
}

.home__bitkub .home__reason-desc {
    padding-left: 80px
}

@media(max-width:768px) {
    .home__bitkub .home__reason-desc {
        padding: 0
    }
}

.home__tryfree {
    width: 100%;
    height: 233px;
    background-image: url(/assets-bitkub/images/bg3.webp), url(/assets-bitkub/images/bg3.jpg);
    background-repeat: no-repeat;
    background-color: #8dafbe;
    background-position: 50%;
    background-size: cover
}

@media(max-width:1280px) {
    .home__tryfree {
        height: 250px
    }
}

@media(max-width:768px) {
    .home__tryfree {
        height: auto;
        padding: 30px 15px
    }
}

.home__quickstart {
    text-align: center
}

.home__textfield {
    background: #fff !important;
    border-radius: 5px;
    padding: 0 20px;
    margin: 0 10px
}

@media(max-width:768px) {
    .home__textfield {
        margin: 0 10px 15px
    }
}

.home__videobg {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

@media(max-width:768px) {
    .home__videobg {
        display: none
    }
}

.home__banners,
.home__widgets {
    text-align: center;
    width: 262px !important
}

.home__banner img {
    max-width: 100%;
    max-height: 145px;
    box-shadow: 0 0 10px rgba(248, 248, 48, .3);
    opacity: .9
}

.home__banner img:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .3);
    opacity: 1
}

.home__img-radius {
    border-radius: 4px
}

.home__facebookbutton {
    position: absolute;
    right: 30px;
    top: -40px
}

@media screen and (max-width:1024px) {
    .home__facebookbutton {
        bottom: -60px;
        right: 30px
    }
}

@media(max-width:768px) {
    .home__facebookbutton {
        text-align: right;
        padding-left: 15px;
        position: static;
        margin-top: 10px
    }
}

@media(max-width:767px) {
    .home__facebookbutton {
        position: inherit;
        text-align: center;
        right: 0;
        left: 0;
        margin-top: 6px;
        width: 100%
    }
}

.home__slide {
    padding: 35px 30px 30px
}

@media(max-width:1280px) {
    .home__slide {
        padding: 35px 30px 25px
    }
}

@media(max-width:768px) {
    .home__slide {
        padding: 1px 30px 25px
    }
}

@media(max-width:414px) {
    .home__slide {
        padding: 0 30px 25px
    }
}

.homecampaign {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001
}

.homecampaign__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .5);
    z-index: 10001;
    display: flex;
    align-items: center
}

.homecampaign__inner {
    position: relative;
    margin: 0 auto
}

.homecampaign__banner {
    max-width: 100%
}

.homecampaign--visible {
    -webkit-animation: fade-in .6s ease-in-out;
    animation: fade-in .6s ease-in-out
}

.homecampaign--visible .homecampaign__inner {
    opacity: 1;
    transform: translateY(0);
    -webkit-animation: campaign-appear .6s ease-in-out;
    animation: campaign-appear .6s ease-in-out
}

.homecampaign--hidden {
    opacity: 0;
    -webkit-animation: fade-out .6s ease-in-out;
    animation: fade-out .6s ease-in-out;
    pointer-events: none
}

.homecampaign--hidden .homecampaign__inner {
    opacity: 0;
    transform: translateY(-50px);
    -webkit-animation: campaign-disappear .6s ease-in-out;
    animation: campaign-disappear .6s ease-in-out
}

.homecampaign__close {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    border-radius: 0 !important
}

.homecampaign__close--left {
    right: auto !important;
    left: 0 !important
}

.homecampaign__close--bottom {
    top: auto !important;
    bottom: 0 !important
}

.greenbar {
    display: none
}

.facebook {
    position: absolute;
    top: 20%;
    right: 10%
}

@media(max-width:768px) {
    .facebook {
        position: relative;
        top: 50%;
        left: 32%;
        transform: translate(-50%, 30%)
    }
}

@media(max-width:414px) {
    .facebook {
        position: relative;
        top: 50%;
        left: 63%;
        transform: translate(-50%, 30%)
    }
}

@media(max-width:375px) {
    .facebook {
        position: relative;
        top: 50%;
        left: 70%;
        transform: translate(-50%, 30%)
    }
}

@media(max-width:360px) {
    .facebook {
        position: relative;
        top: 50%;
        left: 72%;
        transform: translate(-50%, 30%)
    }
}

@media(max-width:320px) {
    .facebook {
        position: relative;
        top: 50%;
        left: 81%;
        transform: translate(-50%, 30%)
    }
}

.content-cms {
    max-width: 60%;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 100px
}

.slick-prev {
    z-index: 999 !important;
    left: -25px
}

.slick-slide img {
    display: block;
    margin: 0 auto
}

.facebook,
html#facebook body {
    color: #fff !important
}

.box-banner {
    position: relative
}

.box-slid-coins {
    background: #f5f5f5
}

.banner-news {
    background: #02d667;
    position: relative
}

.icon-news {
    padding: 0 15px;
    cursor: pointer
}

.banner-news-inner {
    padding: 15px;
    width: 1280px;
    max-width: 100%;
    margin: 0 auto
}

.banner-news .slick-list {
    padding-top: 0 !important
}

#facebook_iframe span#u_0_5 {
    color: #fff !important
}

.fb-like {
    color: #fff
}

.banner-home-market {
    background: #f5f5f5;
    width: 100%
}

.content-home {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto
}

.box-market {
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    padding: 25px;
    min-height: 600px
}

.box-market .dashboard__title {
    margin: 0
}

.search-market {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    top: 7px;
    right: 15px
}

.search-market>div:first-child {
    margin-top: 0 !important;
    bottom: 0 !important;
    padding: 5px;
    width: 100% !important;
    top: -2px
}

.search-market input {
    padding: 5px !important
}

.scroll-news-feed>div:first-child,
.scroll-news>div:first-child {
    overflow: auto !important;
    overflow-x: hidden !important
}

@media screen and (max-width:1280px) {
    .scroll-portfolio>div:first-child {
        overflow: auto !important
    }
}

.banner-home-market .dashboard__imgFeed {
    width: 100%;
    height: auto;
    text-align: center
}

.banner-home-market .dashboard__underline {
    padding: 15px 0
}

.banner-home-market .dashboard__table-data {
    text-align: center
}

.banner-home-market .deposit__table-wrapper.dashboard__table td,
.banner-home-market .deposit__table-wrapper.dashboard__table td .home__growth--right>div,
.banner-home-market .deposit__table-wrapper.dashboard__table th {
    text-align: center !important
}

.banner-home-market .deposit__table-wrapper.dashboard__table td:first-child {
    text-align: left !important;
    padding-left: 20px
}

.banner-home-market .dashboard__marketPriceData:last-child {
    border: none
}

.title-market-home {
    font-family: Dosis;
    font-size: 44px;
    font-weight: 300;
    color: #18cf73;
    text-transform: uppercase
}

.banner-home-market .dashboard__tabs {
    margin: 15px 0
}

.visible-xs {
    display: none
}

@media screen and (max-width:1024px) {
    .content-home {
        width: 930px;
        max-width: 100%
    }

    .title-market-home {
        font-size: 38px
    }
}

@media screen and (max-width:768px) {
    .content-home {
        padding: 0 20px 20px
    }

    .title-market-home {
        font-size: 35px
    }

    .box-market {
        height: auto
    }
}

@media screen and (max-width:576px) {
    .search-market {
        right: 0;
        margin: 15px 0;
        top: 0
    }

    .banner-home-market .dashboard__table-head {
        min-width: 120px
    }

    .banner-home-market .deposit__table-wrapper.dashboard__table {
        width: 100%;
        overflow: scroll
    }

    .list-tabs-mobile {
        margin: 0;
        padding: 0
    }

    .title-market-home {
        font-size: 34px
    }

    .banner-home-market .dashboard__titlebox {
        margin-top: 15px
    }

    .visible-xs {
        display: block
    }
}

.home__buysell {
    max-height: 223px
}

.box-title-banner {
    padding-top: 115px;
    margin-left: 15px
}

.box-btn {
    margin-top: 25px
}

.home__currencyrate {
    min-height: 115px;
    height: 115px;
    padding: 10px;
    width: 200px !important
}

.home__widgets {
    text-align: center;
    width: 100% !important
}

.home__currencyrate-line+svg>polygon {
    fill: rgba(229, 242, 235, .659)
}

.home__currencyrate-line+svg>polyline {
    stroke: #d3eddb
}

@media screen and (max-width:1024px) {
    .box-title-banner {
        padding-top: 150px
    }

    .box-btn {
        margin-top: 13px
    }

    .home__promote h2,
    .home__promote h3 {
        margin-bottom: 0
    }
}

@media screen and (max-width:1280px) {
    .box-title-banner {
        padding-top: 120px
    }
}

@media screen and (max-width:768px) {
    .box-title-banner {
        padding-top: 75px
    }

    .home__ads {
        position: static;
        background: #fff;
        bottom: 0
    }

    .home__facebookbutton {
        margin-top: 20px
    }

    .home__promote h2,
    .home__promote h3 {
        margin: 20px 0
    }

    .box-btn {
        margin-top: 20px
    }

    .home__facebookbutton {
        text-align: center;
        padding-left: 0;
        position: static;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .scroll-news-feed>div:first-child {
        overflow: auto !important;
        overflow-x: hidden !important
    }

    .scroll-news>div:first-child {
        overflow: auto !important;
        overflow-x: auto !important
    }

    .signup .slick-slide,
    .signup .slick-slide.slick-active.slick-current,
    .signup .slick-slide.slick-cloned {
        width: auto !important
    }

    .signup .slick-slider {
        overflow: hidden !important
    }
}

@media screen and (max-width:375px) {

    .home__promote h2,
    .home__promote h3 {
        margin: 10px 0
    }

    .box-btn {
        margin-top: 0
    }

    .box-title-banner {
        padding-top: 65px;
        margin-right: 15px
    }
}

.str_wrap {
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    background: #f6f6f6;
    white-space: nowrap
}

.str_wrap.str_active {
    background: #f1f1f1
}

.str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move
}

.str_move_clone {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0
}

.str_vertical .str_move_clone {
    left: 0;
    top: 100%
}

.str_down .str_move_clone {
    left: 0;
    bottom: 100%
}

.str_down .str_move,
.str_vertical .str_move {
    white-space: normal;
    width: 100%
}

.noStop .str_move,
.no_drag .str_move,
.str_static .str_move {
    cursor: inherit
}

.str_wrap img {
    max-width: none !important
}

.slide-hover {
    background: 0 0 !important
}

#slide-tread .box-tread {
    width: 200px;
    height: 149px
}

#slide-news .box-tread,
#slide-tread .box-tread {
    margin: 0 5px;
    display: inline-block;
    vertical-align: top
}

#slide-news.slide-hover {
    background: 0 0 !important;
    height: 40px !important
}

.data-repuso-grid iframe {
    height: 100vh
}

.icon-referral {
    position: relative;
    padding-left: 25px;
    top: 1px
}

.img-icon-nav {
    background-image: url(/assets-bitkub/images/icon_coin_nav.png);
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 15px;
    top: 1px;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite
}

.img-icon-nav--new {
    position: relative;
    left: auto;
    top: 4px;
    display: inline-block
}

@media(max-width:1024px) {
    .img-icon-nav {
        top: 4px
    }

    .text-referral {
        padding-left: 10px
    }
}

@media(max-width:768px) and (min-width:290px) {
    .img-icon-nav {
        left: 0;
        top: 4px;
        -webkit-animation: bounce 2s infinite;
        animation: bounce 2s infinite
    }
}

.tos__content h4 {
    font-size: 1.25rem
}

.tos__content--content {
    padding: 0 20px
}

@media(max-width:768px) {
    .tos__content--content {
        padding: 0 5px
    }
}

.tos__content a {
    color: #007aff
}

@media(max-width:768px) {
    .tos__content {
        padding: 0 !important;
        font-size: 14px;
        max-height: 33vh
    }

    .tos__content h4 {
        font-size: 1rem
    }
}

.spinner {
    display: none;
    -webkit-animation: fade-in .45s cubic-bezier(.23, 1, .32, 1) 0ms;
    animation: fade-in .45s cubic-bezier(.23, 1, .32, 1) 0ms
}

.spinner,
.spinner__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4002
}

.spinner--visible {
    display: block
}

.spinner__overlay {
    background-color: hsla(0, 0%, 100%, .7);
    z-index: 1
}

.spinner__progress {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2
}

.market-ticker__container {
    display: flex;
    flex-wrap: wrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: #f5f5f5
}

.market-ticker__inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 0
}

@media screen and (max-width:1200px) {
    .market-ticker__inner {
        padding: 10px 20px
    }
}

.market-ticker__inner a {
    color: #333;
    outline: none;
    text-decoration: none;
    margin: 10px;
    display: flex;
    flex: 1
}

.market-ticker__inner a:first-child {
    margin-left: 0
}

.market-ticker__inner a:last-child {
    margin-right: 0
}

@media screen and (max-width:1200px) {
    .market-ticker__inner a:nth-child(odd) {
        margin: 10px 10px 10px 0
    }

    .market-ticker__inner a:nth-child(2n) {
        margin: 10px 0 10px 10px
    }
}

@media screen and (max-width:676px) {
    .market-ticker__inner a {
        margin: 5px 0 !important
    }
}

@media screen and (max-width:1200px) {
    .market-ticker__inner {
        flex-wrap: wrap;
        width: 930px;
        max-width: 100%
    }
}

.market-ticker__item {
    display: flex;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .04);
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    position: relative;
    line-height: 100%;
    width: 100%;
    min-width: 260px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    overflow: hidden;
    padding: 15px;
    height: 96px
}

.market-ticker__item:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}

@media(max-width:1200px) {
    .market-ticker__item {
        min-width: 300px
    }
}

@media(max-width:676px) {
    .market-ticker__item {
        min-width: 320px
    }
}

@media(max-width:360px) {
    .market-ticker__item {
        min-width: 200px
    }
}

.market-ticker__detail {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 100
}

.market-ticker__name {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0
}

.market-ticker__price {
    display: flex;
    flex-wrap: wrap;
    padding: 14px 0 12px;
    font-size: 12px;
    color: #333
}

.market-ticker__price span {
    margin-right: 3px;
    font-size: 22px;
    font-weight: 700
}

.market-ticker__price div {
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    color: #848e9c;
    line-height: 15px
}

.market-ticker__price div span {
    color: #848e9c;
    font-size: 14px
}

.market-ticker__percent {
    display: flex;
    flex-wrap: wrap
}

.market-ticker__percent span {
    font-weight: 700;
    font-size: 105%
}

.market-ticker__percent div {
    font-size: 12px;
    line-height: 13px;
    margin-left: 10px;
    color: #848e9c
}

.market-ticker__chart {
    height: 28px;
    width: 86px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -14px;
    border-bottom: 1px dashed #02d667
}

.fee-empty-search {
    padding: 140px 0 !important
}

@media(max-width:425px) {
    .fee-empty-search {
        padding: 160px 0 !important
    }
}

.fee-icon div {
    display: block !important
}

.fee__textfieldsearch {
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 0 10px;
    margin-top: 10px;
    height: 30px !important
}

.fee__textfieldsearch div {
    bottom: 2px !important
}

@media(max-width:1024px) {
    .fee__textfieldsearch {
        width: 100% !important
    }
}

.fee__boxsearch {
    margin-top: 40px;
    margin-bottom: 30px
}

@media(max-width:768px) {
    .fee__boxsearch {
        margin-bottom: 12px
    }
}

.fee__boxsearch--th {
    padding-left: 65px
}

@media(max-width:1024px) {
    .fee__boxsearch--th {
        padding-left: 23px
    }
}

.fee__boxsearch--en {
    padding-left: 23px
}

.fee-text {
    color: #666;
    font-size: 14px;
    font-weight: 400
}

.fee-mobile-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px
}

.fee-empty-text1 {
    color: #a1ada5;
    font-size: 18px;
    font-weight: 700;
    text-align: center
}

@media(max-width:425px) {
    .fee-empty-text1 {
        font-size: 14px
    }
}

.fee-empty-text2 {
    color: #a1ada5;
    font-size: 18px;
    font-weight: 400;
    text-align: center
}

@media(max-width:425px) {
    .fee-empty-text2 {
        font-size: 14px
    }
}

.fee-name-currency {
    color: #929292;
    font-size: 14px;
    margin-left: 4px;
    font-weight: 400
}

@-webkit-keyframes campaign-appear {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes campaign-appear {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes campaign-disappear {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-50px)
    }
}

@keyframes campaign-disappear {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-50px)
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-15px)
    }

    60% {
        transform: translateY(-5px)
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-15px)
    }

    60% {
        transform: translateY(-5px)
    }
}

.icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.icon--medium {
    width: 24px;
    height: 24px
}

.icon--large {
    width: 32px;
    height: 32px
}

.icon-eth {
    width: 11px;
    background-image: url(/static/images/eth.png)
}

.kubconvert__promotion {
    color: #fd5858;
    margin: 8px 0 8px 16px;
    order: 3
}

.kubconvert__input-amount {
    display: flex;
    justify-content: flex-end
}

.kubconvert__left-side {
    display: flex;
    flex-direction: column
}

@media(max-width:768px) {
    .kubconvert__fee-box-container {
        order: 2;
        margin-top: 20px
    }
}

.kubconvert__fee-box-table {
    width: 100%;
    border-spacing: 0 3px
}

.kubconvert__fee-box-table>thead>tr {
    background-color: #ededed
}

.kubconvert__fee-box-table>thead>tr>th {
    padding: 8px 16px;
    text-align: right;
    font-weight: 400
}

.kubconvert__fee-box-table>thead>tr>th:first-child {
    text-align: left
}

@media(max-width:1080px) {
    .kubconvert__fee-box-table>thead>tr>th:last-child {
        display: none
    }
}

.kubconvert__fee-box-table>tbody>tr {
    background-color: #f9f9f9;
    margin-top: 4px
}

.kubconvert__fee-box-table>tbody>tr>td {
    padding: 8px 16px;
    width: 25%;
    text-align: right
}

.kubconvert__fee-box-table>tbody>tr>td:last-child {
    width: 40%
}

.kubconvert__fee-box-table>tbody>tr>td:first-child {
    width: 40%;
    text-align: left
}

@media(max-width:1080px) {

    .kubconvert__fee-box-table>tbody>tr>td,
    .kubconvert__fee-box-table>tbody>tr>td:first-child {
        width: 100%
    }

    .kubconvert__fee-box-table>tbody>tr>td:last-child {
        display: none
    }
}

.kubconvert__fee-box-table--dark>thead>tr {
    background-color: #1e2423
}

.kubconvert__fee-box-table--dark>tbody>tr {
    background-color: #212928
}

.kubconvert__graph {
    margin-top: 20px
}

@media(max-width:768px) {
    .kubconvert__graph {
        margin-top: 0
    }

    .kubconvert__covert-container {
        margin-top: 24px
    }
}

@media(max-width:576px) {
    .kubconvert__covert-container {
        margin-top: 40px
    }

    .kubconvert__amount-item {
        flex-direction: column;
        align-items: center !important
    }
}

.kubconvert__inner {
    padding: 30px
}

@media(max-width:576px) {
    .kubconvert__inner {
        padding: 16px
    }
}

.kubconvert__paper {
    min-height: 0;
    padding-bottom: 0
}

.kubconvert__convert-to-fee {
    font-size: 24px;
    text-align: center
}

@media(max-width:576px) {
    .kubconvert__convert-to-fee {
        font-size: 22px
    }
}

.kubconvert__title {
    font-size: 14px;
    line-height: 16px;
    color: #a1ada5;
    margin-bottom: 4px
}

.kubconvert__input-box {
    border-radius: 8px;
    padding: 8px 16px;
    margin-top: 16px;
    margin-bottom: 16px
}

.kubconvert__total-receive {
    font-size: 20px
}

.kubconvert__text-green {
    color: #10d675
}

.kubconvert__fee-box {
    min-width: 100px;
    width: 10px;
    height: 90px;
    margin: 8px;
    padding: 8px;
    color: rgba(0, 0, 0, .87);
    border: 1px solid #a1ada5;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex: 1
}

.kubconvert__fee-box--dark {
    color: #a1ada5
}

.kubconvert__fee-box--active {
    background: rgba(2, 215, 103, .06);
    border: 1px solid #10d675;
    box-sizing: border-box;
    border-radius: 4px;
    color: #02d767
}

.kubconvert__fee-box--acitve-dark {
    background: rgba(19, 22, 22, .5);
    color: #02d767
}

.kubconvert__fee-box__percent {
    font-size: 20px
}

.kubconvert__fee-box__range {
    margin-top: 8px;
    font-size: 10px
}

.kubconvert__arrow-down {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.kubconvert__arrow-down>img {
    width: 35px;
    height: 35px;
    padding: 8px;
    background-color: #fff
}

.kubconvert__arrow-down--dark>img {
    background-color: #293233
}

.kubconvert__input-error {
    color: #f44336;
    font-size: 14px;
    margin-top: 8px
}

.kubconvert__coin-available {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    align-items: center
}

@media(max-width:576px) {
    .kubconvert__coin-available {
        justify-content: center
    }
}

.kubconvert__unit-label {
    opacity: .3;
    margin-left: 8px
}

.kubconvert__condition-label {
    opacity: .5;
    font-size: 14px
}

.kubconvert__condition-label--error {
    font-size: 12px;
    opacity: 1;
    color: #ff4242;
    margin-bottom: 4px
}

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

@media(max-width:768px) {
    .kubconvert__transaction {
        align-items: flex-start;
        flex-direction: column
    }
}

.kubconvert__transaction__header {
    display: flex;
    align-items: center
}

.kubconvert__transaction__title {
    position: relative;
    font-family: Dosis;
    font-size: 16px;
    line-height: 33px;
    font-weight: 600;
    color: #333;
    padding: 20px 10px 20px 30px;
    margin: 0;
    background-color: #fff;
    z-index: 2;
    text-transform: uppercase
}

.kubconvert__transaction__title--center {
    text-align: center
}

.kubconvert__transaction__title--nomb {
    margin-bottom: 0
}

.kubconvert__transaction__title--nopb {
    padding-bottom: 0
}

.kubconvert__transaction__title--nopt {
    padding-top: 0
}

.kubconvert__transaction__title--nom {
    margin: 0
}

.kubconvert__transaction__title--nop {
    padding: 0
}

.kubconvert__transaction__title--large {
    font-size: 20px
}

.kubconvert__transaction__title--light {
    font-weight: 100
}

.kubconvert__transaction__title--lightmedium {
    font-weight: 400
}

.kubconvert__transaction__title--uppercase {
    text-transform: uppercase
}

@media(max-width:768px) {
    .kubconvert__transaction__title {
        font-size: 15px
    }

    .kubconvert__transaction__title--large {
        font-size: 18px
    }
}

.kubconvert__pagination {
    text-align: center;
    margin-top: 30px
}

.kubconvert__cell {
    justify-content: flex-end;
    text-align: right
}

.kubconvert__cell--first-child {
    justify-content: flex-start;
    text-align: left
}

.kubconvert__cell__value {
    font-size: 14px;
    line-height: 14px
}

.kubconvert__cell__value--sub {
    font-size: 12px;
    line-height: 14px
}

.kubconvert__cell__value--warning {
    color: #ff4242
}

.kubconvert__cell__value--expired-date {
    opacity: .5
}

.kubconvert__datatable {
    height: 100%;
    width: 100%
}

.kubconvert__datatable--dark .ag-row {
    background: rgba(0, 0, 0, .1) !important
}

.kubconvert__datatable__header-cell {
    justify-content: flex-end;
    font-size: 14px !important;
    padding-left: 20px !important;
    padding-right: 20px !important
}

.kubconvert__datatable__header-cell--first-child {
    justify-content: flex-start
}

.kubconvert__datatable .ag-root-wrapper-body {
    min-height: 150px !important
}

.kubconvert__dialog-confirm__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 20px
}

.kubconvert__dialog-confirm__close-button {
    position: absolute;
    right: 4px;
    top: 4px
}

@media(max-width:576px) {
    .kubconvert__dialog-confirm__close-button {
        display: none
    }
}

.kubconvert__dialog-confirm__coin-detail {
    display: flex;
    justify-content: space-between;
    margin: 12px 24px;
    width: 100%;
    max-width: 450px
}

@media(max-width:576px) {
    .kubconvert__dialog-confirm__coin-detail {
        flex-direction: column
    }
}

.kubconvert__dialog-confirm__condition-box {
    margin: 16px 24px;
    width: 100%;
    max-width: 450px
}

.kubconvert__dialog-confirm__expired {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px 20px;
    color: #ff4242;
    margin-bottom: 8px;
    font-size: 14px
}

.kyc__reason {
    color: #fff;
    background: #dc3545;
    width: 100%;
    padding: 15px 30px;
    border-radius: .25rem;
    font-size: .9rem;
    margin-bottom: 1rem
}

.kyc-alert {
    padding: 20px 10px;
    border-radius: 4px
}

.kyc-alert__border {
    padding: 5px;
    border: 1px solid #ced4da;
    border-radius: 5px
}

.kyc-alert__border__selfie {
    padding: 16px
}

.kyc-alert__job {
    margin-bottom: 20px
}

.kyc-alert__job__container {
    display: flex;
    margin: 10px 0
}

@media(max-width:768px) {
    .kyc-alert__job__container {
        display: block
    }
}

.kyc-alert__job__item {
    width: 100%
}

.kyc-alert__selfie-desc,
.kyc-alert__selfie-desc div {
    margin-bottom: 10px
}

.kyc-alert__is-invalid {
    border: 2px solid #fa6565
}

.filter-option-inner-inner {
    color: #495057 !important
}

.newlogin {
    height: calc(100vh - 60px)
}

@media(max-width:991px) {
    .newlogin {
        min-height: calc(100vh - 60px);
        height: auto
    }
}

.newlogin--auth {
    height: auto;
    min-height: calc(100vh - 430px)
}

.newlogin--content {
    height: auto;
    min-height: calc(100vh - 430px)
}

.newlogin--content,
.newlogin__wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.newlogin__wrapper {
    max-width: 1280px;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

@media(max-width:991px) {
    .newlogin__wrapper {
        flex-direction: column
    }
}

.newlogin__inner {
    width: 50%;
    position: relative
}

.newlogin__inner:first-child:after {
    content: "";
    right: 0;
    top: 0;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #f4f4f4
}

@media(max-width:991px) {
    .newlogin__inner {
        width: 80%;
        margin: 0 auto 3em
    }

    .newlogin__inner:first-child:after {
        display: none
    }
}

.newlogin__blog-mobile {
    position: relative;
    width: 100%;
    margin: 4em auto 0
}

@media(max-width:991px) {
    .newlogin__blog-mobile {
        margin: 2em auto 0
    }
}

.newlogin__image {
    width: 80%;
    position: relative;
    margin: 0 auto
}

@media(max-width:1100px) {
    .newlogin__image {
        width: 88%
    }
}

@media(max-width:991px) {
    .newlogin__image {
        display: flex;
        flex-direction: column-reverse;
        width: 100%
    }

    .newlogin__image img {
        margin: 0 auto;
        display: block
    }
}

.newlogin__image-ab {
    position: absolute;
    top: 0
}

.newlogin__blog {
    border-radius: 5px;
    border: 1px solid #f4f4f4;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    margin: 0 0 1em;
    background: #fff
}

.newlogin__circle {
    border-radius: 50%;
    background: #f4f4f4;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

.newlogin__circle img {
    max-width: 100%;
    display: block
}

.newlogin__icon {
    width: 45px;
    margin-right: 25px
}

.newlogin__icon img {
    max-width: 100%
}

.newlogin__content {
    text-align: center;
    width: 70%;
    margin: 0 auto
}

@media(max-width:1100px) {
    .newlogin__content {
        width: 85%
    }
}

@media(max-width:991px) {
    .newlogin__content {
        width: 100%
    }
}

.newlogin__text--green {
    color: #02d667
}

.newlogin__text--red {
    color: #ff4f5a
}

.newlogin__text--darkgray {
    color: #999
}

.newlogin__text--title {
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 400
}

.newlogin__text p {
    margin: 0
}

.newlogin__form {
    margin: 4em auto
}

.newlogin__form input {
    padding: .375rem 2.6rem;
    height: calc(2.55rem + 16px);
    border: 1px solid #ccc
}

@media(max-width:991px) {
    .newlogin__form {
        margin: 3em auto
    }
}

.newlogin__iconinner {
    position: absolute;
    margin-left: 15px;
    display: flex;
    align-items: center;
    z-index: 99;
    height: calc(2.55rem + 16px);
    color: #9d9e9d
}

.newlogin__middle {
    display: inline-block;
    vertical-align: middle
}

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

@media(max-width:991px) {
    .newlogin__flex {
        flex-direction: column
    }
}

.newlogin__button {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color: #333
}

.newlogin__button:hover {
    text-decoration: none;
    color: #333
}

.newlogin__wrong {
    position: absolute;
    bottom: 5px;
    right: 15px;
    background: #ff4f5a;
    border-radius: 20px;
    padding: .3em 1em;
    color: #fff;
    font-size: 12px
}

.newlogin__dot {
    padding: 0;
    margin: 0;
    text-align: left
}

.newlogin__dot li {
    margin: 0 !important
}

.newlogin__dot li button {
    cursor: pointer
}

.newlogin__dot li button:before {
    font-size: 12px !important;
    opacity: 1 !important;
    color: #f4f4f4 !important
}

.newlogin__dot li.slick-active button:before {
    opacity: 1 !important;
    color: #02d767 !important
}

.market {
    background: #f5f5f5;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .06);
    margin-top: 60px
}

@media(max-width:768px) {
    .market {
        margin-top: 60px
    }
}

@media(max-width:991px) {
    .market__depth {
        height: 350px !important
    }
}

@media(min-width:992px) {
    .market__depth {
        height: 451px !important
    }
}

.market--newmarket {
    margin-top: 60px;
    padding-top: 1px
}

.market--mobile {
    display: none
}

@media(max-width:991px) {
    .market--mobile {
        margin-top: 0;
        box-shadow: none;
        display: block;
        background: 0 0
    }
}

.market__only-coin {
    position: absolute;
    right: 5px;
    top: 10px
}

.market__inner {
    margin: 0 auto;
    padding: 80px 30px 40px;
    position: relative
}

@media(max-width:768px) {
    .market__inner {
        padding: 80px 15px 40px
    }
}

.market__inner--newmarket {
    padding: 5px 20px 40px
}

@media(max-width:991px) {
    .market__inner--newmarket {
        padding: 5px 10px 20px
    }
}

.market__market-surveillance-inner {
    margin: 0 auto
}

@media(max-width:768px) {
    .market__market-surveillance-inner {
        padding: 10px 0
    }
}

.market__dropdown {
    position: absolute;
    top: 30px;
    right: 30px
}

.market__label {
    position: relative;
    font-family: Dosis;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
    padding: 20px 40px;
    margin: 0;
    z-index: 2;
    background-color: inherit
}

.market__label--roboto {
    font-family: Roboto;
    font-size: 13px;
    padding: 0;
    text-transform: capitalize;
    color: inherit
}

@media(max-width:1024px) {
    .market__label--roboto {
        font-size: 12px
    }
}

@media(max-width:360px) {
    .market__label--roboto {
        font-size: 12px
    }
}

.market__title {
    position: relative;
    font-family: Dosis;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    padding: 20px 35px;
    margin: 0;
    z-index: 2;
    background-color: inherit
}

.market__title--red {
    color: #fa6565
}

.market__title--green {
    color: #02b156
}

.market__title--chart {
    text-align: center;
    background-color: #e0e0e0;
    padding: 7px 15px
}

.market__title--newchart {
    padding: 5px;
    margin-bottom: 0;
    white-space: nowrap
}

.market__title--roboto {
    padding: 0;
    color: inherit;
    font-family: Roboto;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
    margin: 10px 0
}

@media(max-width:1024px) {
    .market__title--roboto {
        font-size: 12px
    }
}

@media(max-width:360px) {
    .market__title--roboto {
        font-size: 12px
    }
}

.market__title--padding {
    padding: 1vw 0 1vw 2vw
}

.market__title--mobile {
    font-size: 2.5vw
}

@media(max-width:480px) {
    .market__title--mobile {
        font-size: 4.2vw
    }
}

.market__fullbook {
    position: absolute;
    right: 7%
}

.market__fullbook>a {
    color: #b5b5b5
}

.market__fullbooktrade {
    position: absolute;
    left: 2%;
    color: #1e90ff
}

.market__fullbooktrade>a {
    color: #1e90ff
}

.market__tabs {
    position: absolute;
    list-style: none;
    height: 50px;
    top: -50px;
    left: 0;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    width: 100%
}

.market__tabs--newtabs {
    top: auto;
    height: 40px;
    position: relative
}

@media(min-height:930px) {
    .market__prices {
        height: 408px !important
    }
}

@media(min-height:937px) {
    .market__prices {
        height: 475px !important
    }
}

@media(min-width:1180px) {
    .market__prices {
        height: 475px !important
    }
}

.market__tab {
    position: relative;
    display: inline-block;
    width: 180px;
    max-width: calc(50% - 3.5px);
    height: 50px;
    background: #e0e0e0;
    z-index: 1;
    font-family: Dosis;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 10px;
    border-radius: 5px 5px 0 0
}

.market__tab--active {
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12)
}

.market__tab--active,
.market__tab--show {
    color: #333;
    background: #fff
}

.market__tab--showactive {
    background-color: #fff
}

.market__tab--newmarket {
    height: 40px;
    line-height: 40px !important;
    width: 150px
}

.market__tab,
.market__tab-link {
    font-family: Dosis;
    font-size: 20px
}

.market__tab,
.market__tab-link,
.market__tab-title {
    line-height: 50px;
    font-weight: 600;
    color: #999;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px 5px 0 0;
    margin-right: 7px;
    text-decoration: none
}

.market__tab,
.market__tab-title {
    font-family: Roboto;
    font-size: 18px
}

.market__tab--active .market__tab-link {
    color: #333
}

.market__tab--mobile {
    width: 32.1%;
    height: 40px;
    line-height: 40px
}

.market__candlesticks {
    padding-bottom: 0
}

.market__chart {
    width: 100%;
    height: 380px;
    margin: 0 auto;
    padding: 0 30px
}

.market__chart>div {
    margin: 0 auto !important
}

.market__input-wrapper {
    padding: 0 35px
}

.market__input-wrapper--withmt {
    margin-top: 20px
}

.market__input-wrapper--smaller {
    padding-left: 20px
}

.market__input-wrapper--reset font {
    font-size: 12px
}

.market__input-wrapper--button {
    padding: 0;
    margin: 10px 0
}

.market__input-wrapper--newmarket {
    position: relative;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .5vw;
    border: 1px solid #ccc;
    border-radius: 3px
}

@media(max-width:991px) {
    .market__input-wrapper--newmarket {
        padding: 0 1.5vw
    }
}

.market__input-wrapper--form {
    border: 0;
    width: 100%;
    margin: 0;
    padding: .5vw .4vw;
    color: #333;
    position: relative;
    font-size: 13px;
    background: 0 0;
    text-align: right;
    flex: 2
}

.market__input-wrapper--form:focus {
    outline: 0
}

.market__input-wrapper--form::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.market__input-wrapper--form::placeholder {
    color: #ccc;
    opacity: 1
}

.market__input-wrapper--form:-ms-input-placeholder {
    color: #ccc
}

.market__input-wrapper--form::-ms-input-placeholder {
    color: #ccc
}

@media(max-width:1024px) {
    .market__input-wrapper--form {
        font-size: 11px;
        padding-right: 40px
    }
}

@media(max-width:991px) {
    .market__input-wrapper--form {
        padding: 10px 2vw
    }
}

.market__input-wrapper--dark {
    color: #e8e8e8
}

.market__input-wrapper--dark::-moz-placeholder {
    color: #8096a0;
    opacity: 1
}

.market__input-wrapper--dark::placeholder {
    color: #8096a0;
    opacity: 1
}

.market__tooltip {
    display: inline;
    position: relative
}

.market__tooltip:hover:after {
    background: #333;
    background: rgba(0, 0, 0, .5);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: -20%;
    padding: 3px 8px;
    position: absolute;
    text-align: left;
    z-index: 98;
    min-width: 120px
}

.market__tooltip:hover:before {
    border: solid;
    border-color: rgba(0, 0, 0, .5) transparent;
    border-width: 6px 6px 0;
    bottom: 20px;
    content: "";
    left: 10%;
    position: absolute;
    z-index: 99
}

.market__gototop {
    position: fixed;
    z-index: 1;
    right: 53px;
    text-align: right;
    bottom: 75px;
    width: 3%;
    cursor: pointer
}

.market__float {
    top: 0;
    position: absolute
}

.market__float a {
    color: #1e90ff;
    text-decoration: underline
}

.market__float--left {
    left: 0
}

.market__float--right {
    right: 0
}

.market__float--withpadding {
    top: 20px
}

.market__float--withpadding.market__float--right {
    right: 40px
}

.market__float--withpadding.market__float--left {
    left: 40px
}

.market__float--price {
    white-space: nowrap
}

.market__float--price a {
    color: #b3b3b3;
    border-radius: 3px;
    border: 1px solid #b3b3b3;
    width: 30%;
    display: inline-block;
    text-align: center;
    margin: 0 .1vw;
    text-decoration: none
}

@media(max-width:991px) {
    .market__float--price a {
        padding: .1vw 2vw
    }
}

.market__float--dark a {
    color: #8096a0;
    border: 1px solid #8096a0
}

.market__float--newmarket {
    position: relative;
    float: right;
    top: auto
}

.market__float--newmarket a:hover {
    color: #02d767;
    border: 1px solid #02d767
}

.market__float--nounderline,
.market__float--nounderline a {
    text-decoration: none
}

.market__divider {
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
    margin: 0
}

.market__divider--withmt {
    margin-top: 20px
}

.market__limit {
    box-sizing: border-box;
    padding: 20px 40px 0
}

.market__orders {
    margin: 0
}

.market__table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    font-size: 13px
}

.market__table-head {
    font-family: Dosis;
    font-size: 16px;
    color: #333;
    height: 30px;
    line-height: 30px;
    background-color: #f3f3f3;
    text-transform: uppercase
}

@media(max-width:768px) {
    .market__table-head {
        position: relative
    }
}

.market__table-data {
    position: relative;
    height: 30px;
    min-width: 90px;
    border-bottom: 1px solid #e7e7e7;
    padding: 3px 10px;
    white-space: nowrap
}

.market__table-data--center {
    text-align: center
}

@media(max-width:991px) {
    .market__table-data--center-responsive {
        text-align: center !important
    }
}

.market__table-data--right {
    text-align: right
}

@media(max-width:991px) {
    .market__table-data--right-responsive {
        text-align: right !important
    }
}

.market__table-data--left {
    text-align: left
}

.market__table tbody tr:first-child td,
.market__table thead tr:first-child th {
    border-top: 1px solid #c3c3c3
}

.market__table tbody tr:nth-child(odd) .market__table-data {
    background-color: #eee
}

.market__table tbody tr:nth-child(odd) .market__table-data--grey {
    color: #b3b3b3
}

.market__table tbody tr:nth-child(odd) .market__table-data--title {
    font-weight: 300
}

.market__table-row {
    cursor: pointer;
    height: 30px
}

.market__table-row--neworder>span,
.market__table-row--neworder>td {
    transition: none !important;
    -webkit-animation: new-blink .4s ease-in-out;
    animation: new-blink .4s ease-in-out
}

.market__table-row--newask>span,
.market__table-row--newask>td {
    transition: none !important;
    -webkit-animation: new-blink-red .4s ease-in-out;
    animation: new-blink-red .4s ease-in-out
}

.market__table-row--buy-bids {
    border-left: 5px solid #02d667
}

.market__table-row--sell-asks {
    border-left: 5px solid #f74b6c
}

.market__table-row--buy span:first-child {
    border-left: 5px solid #02d667
}

.market__table-row--buy span:first-child>a {
    margin-left: -5px
}

.market__table-row--sell span:first-child {
    border-left: 5px solid #f74b6c
}

.market__table-row--sell span:first-child>a {
    margin-left: -5px
}

.market__table-row--newmarket {
    position: relative;
    height: 30px
}

.market__table td:not(:last-child),
.market__table th:not(:last-child) {
    border-right: 1px solid #c3c3c3
}

.market__table--new {
    font-size: 13px
}

.market__table--new thead tr:first-child th {
    border-top: 0;
    color: #b3b3b3;
    font-weight: 400;
    position: sticky;
    text-transform: capitalize;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
    background-color: #fff
}

.market__table--new tbody tr:first-child td {
    border-top: 0
}

.market__table--new td:not(:last-child),
.market__table--new th:not(:last-child) {
    border-right: 0
}

.market__table--new tbody tr:nth-child(odd) .market__table-data {
    background-color: transparent
}

.market__table--new tbody tr:hover {
    background-color: #f5f5f5
}

.market__table--new .market__table-data {
    border-bottom: 0;
    height: auto;
    padding: .5vw 1vw;
    position: relative;
    z-index: 2;
    width: 33.33%
}

.market__table--new .market__table-data--nowidth {
    width: auto
}

.market__table--new .market__table-data--grey {
    color: #b3b3b3
}

.market__table--new .market__table-data--open {
    padding: .35vw 1vw;
    font-size: 12px !important
}

@media(max-width:991px) {
    .market__table--new .market__table-data--open {
        font-size: 11px !important
    }
}

@media(max-width:1440px) {
    .market__table--new {
        font-size: 12px
    }
}

@media(max-width:1024px) {
    .market__table--new .market__table-data {
        min-width: auto;
        padding: .5vw .01vw;
        font-size: 11px
    }
}

@media(max-width:991px) {
    .market__table--new thead tr:first-child th {
        top: -1px
    }

    .market__table--new .market__table-data {
        padding: 1.5vw 1vw;
        font-size: 14px
    }

    .market__table--new .market__table-data__orderbook {
        font-size: 13px !important
    }
}

@media(max-width:320px) {
    .market__table--new .market__table-data {
        font-size: 14px;
        min-width: auto
    }

    .market__table--new .market__table-data__orderbook {
        font-size: 11px !important
    }
}

.market__table--bids tbody tr:hover {
    background-color: initial
}

.market__table--hover tbody tr:hover {
    background-color: #333e40
}

.market__pricestats {
    display: inline-block;
    padding: 0;
    white-space: nowrap
}

@media(max-width:991px) {
    .market__pricestats--newmarket {
        white-space: normal;
        width: 100%
    }
}

.market__stat {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    margin-right: 20px
}

.market__stat-title {
    font-weight: 600;
    margin-right: 5px
}

.market__stat-percentage,
.market__stat-value {
    font-weight: 600;
    line-height: 20px;
    font-size: 14px
}

@media(max-width:320px) {

    .market__stat-percentage,
    .market__stat-value {
        font-size: 12px
    }
}

.market__stat-percentage--up,
.market__stat-value--up {
    color: #02d767
}

.market__stat-percentage--down,
.market__stat-value--down {
    color: #f74b6c
}

.market__stat-percentage {
    font-weight: 600;
    font-size: 16px;
    margin-right: 5px
}

@media(max-width:1024px) {
    .market__stat {
        font-size: 12px
    }
}

.market__data--up {
    color: #02d767
}

.market__data--down {
    color: #f74b6c
}

.market__paper {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
    min-height: 300px
}

.market__paper input {
    transition: color .4s ease-in-out
}

.market__paper--h560 {
    height: 560px
}

.market__paper--chart {
    height: 610px;
    margin-top: -50px
}

@media(max-width:768px) {
    .market__paper--chart {
        margin-top: 0;
        height: 560px
    }
}

.market__paper--updated input {
    color: #02d667 !important
}

.market__paper--newchart {
    height: 360px;
    min-height: auto;
    margin-bottom: 0
}

@media(min-width:1180px) {
    .market__paper--newchart {
        height: 427px
    }
}

.market__paper--m {
    margin: 0 .2vw 0 0;
    min-height: 332px
}

.market__paper--mb {
    margin-bottom: .4vw
}

.market__paper--noshadow {
    box-shadow: none !important;
    transition: none !important
}

@media(max-width:991px) {
    .market__paper--mobile {
        padding: 2vw
    }
}

@media(max-width:480px) {
    .market__paper--mobile {
        padding: 0 2.5vw
    }
}

.market__paper--radius {
    border-radius: 5px !important
}

.market__paper--noradius {
    border-radius: 0 !important
}

.market__paper--noradiusright {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.market__paper--noradiusleft {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.market__paper--newmarket {
    margin-bottom: .2vw !important;
    padding-bottom: .5vw;
    border-radius: 5px !important;
    transition: none !important
}

.market__paper--normalheight {
    height: 250px;
    min-height: 335px;
    overflow-y: auto;
    transition: none !important
}

.market__paper--normalheight::-webkit-scrollbar {
    width: 4px !important;
    height: 0
}

.market__paper--normalheight::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: hsla(0, 0%, 70%, .5)
}

@media(max-width:991px) {
    .market__paper--normalheight {
        height: auto
    }
}

.market__paper--scrollmobile {
    height: 250px;
    overflow-y: auto
}

.market__paper--scrollmobile::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important
}

.market__paper--scrollmobile::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: hsla(0, 0%, 70%, .5)
}

.market__paper--fullheight {
    height: auto;
    min-height: 660px
}

@media(min-height:930px) {
    .market__paper--fullheight {
        height: 764px
    }
}

@media(min-height:937px) {
    .market__paper--fullheight {
        height: 855px
    }
}

.market__paper--bidsask {
    position: relative;
    overflow-y: hidden;
    flex: 1
}

.market__paper--nomargin {
    margin-bottom: 0
}

.market__paper--noheight {
    min-height: auto;
    margin: 0
}

.market__fee {
    padding: 0 4px;
    background-color: #b5b5b5;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    border-radius: 3px
}

.market__fee--newmarket {
    border-radius: 15px;
    padding: 1vw 3vw
}

.market__fee--order {
    padding: 1px 10px
}

.market__fee--popup {
    border-radius: 50%;
    font-size: initail;
    padding: 0 4px;
    margin: 0 .3vw
}

.market__fixed_headers {
    height: 385px;
    overflow: auto
}

.market__popovercoin {
    width: auto;
    padding: 0 35px 10px
}

@media(max-width:414px) {
    .market__popovercoin {
        width: 415px
    }
}

@media(max-width:375px) {
    .market__popovercoin {
        width: 375px
    }

    .market__textfieldsearch {
        width: 120px !important
    }
}

.market__coinsPrices {
    padding: 0 45px 10px;
    width: auto
}

.market__newwrapper {
    margin-bottom: 5px
}

.market__search {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    line-height: 22px !important;
    margin: 0 1vw;
    height: auto !important;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    font-size: 13px !important
}

@media(max-width:1024px) {
    .market__search {
        font-size: 11px !important
    }
}

.market__pricehead {
    padding: 0;
    margin: 0
}

.market__pricehead li {
    display: inline-block;
    vertical-align: middle
}

.market__price--paddingleft {
    padding: 0 0 0 10px
}

.market__padding--2 {
    padding: 0 .2vw
}

.market__padding--paddingleft {
    padding: 0 0 0 .2vw
}

.market__padding--paddingright {
    padding: 0 .2vw 0 0
}

.market__padding--nopadding {
    padding: 0
}

.market__padding--1 {
    padding: 0 1vw
}

.market__padding--form {
    padding: .3vw 0
}

.market__bids--nopadding {
    padding: 0
}

.market__newstat {
    padding: 0;
    margin: 0
}

.market__newstat li {
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    margin: 0 .5vw;
    font-size: 13px
}

.market__newstat li div {
    font-family: Roboto;
    line-height: 16px;
    font-weight: 400
}

@media(max-width:1440px) {
    .market__newstat li {
        font-size: 12px;
        margin: 0 .5vw
    }
}

@media(max-width:991px) {
    .market__newstat {
        margin: 2vw 0
    }

    .market__newstat li {
        width: 50%;
        margin: 0;
        padding: 0 1vw
    }
}

@media(max-width:360px) {
    .market__newstat li {
        font-size: 11px
    }
}

.market__unit {
    position: relative;
    font-size: 13px;
    color: #b3b3b3
}

@media(max-width:1024px) {
    .market__unit {
        font-size: 11px
    }
}

.market__input-text {
    z-index: 1;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    font-size: 13px
}

@media(max-width:1024px) {
    .market__input-text {
        font-size: 11px
    }
}

@media(max-width:991px) {
    .market__input-text {
        font-size: 2.5vw
    }
}

@media(max-width:480px) {
    .market__input-text {
        font-size: 3.5vw
    }
}

.market__button--icon {
    border-radius: 5px !important;
    color: #b3b3b3 !important;
    min-width: auto !important;
    padding: 0 .5vw !important;
    height: 28px !important;
    line-height: 25px !important;
    display: inline-block !important;
    vertical-align: middle !important
}

.market__button--icon svg {
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.market__button--icon:hover {
    color: #02d767 !important;
    border: 1px solid #02d767 !important
}

.market__button--icon:hover svg {
    fill: #02d767 !important
}

@media(max-width:991px) {
    .market__button--icon {
        padding: 0 2vw
    }
}

.market__button--default {
    height: 30px !important;
    line-height: 29px !important;
    border-radius: 5px !important;
    border: 1px solid #b3b3b3 !important;
    color: #b3b3b3 !important
}

.market__button--chart {
    height: 28px !important;
    line-height: 25px !important;
    border-radius: 5px !important;
    vertical-align: middle
}

.market__button--chart:hover {
    color: #02d767 !important;
    border: 1px solid #02d767 !important
}

.market__button--chart>div>span {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media(max-width:991px) {
    .market__button--chart:first-child {
        margin-right: 3px !important
    }
}

@media(max-width:370px) {
    .market__button--chart:first-child {
        margin-right: 0 !important
    }
}

.market__button--active {
    color: #02d767 !important;
    border: 1px solid #02d767 !important
}

.market__button--newversion {
    border: 1px solid #b3b3b3 !important;
    background: #fff !important;
    color: #b3b3b3 !important;
    fontweight: 400 !important;
    border-radius: 5px !important
}

.market__button--newversion:hover {
    color: #02d767 !important;
    border: 1px solid #02d767 !important
}

.market__button--menu {
    height: 35px !important;
    line-height: 30px !important;
    border-radius: 3px !important
}

.market__button--menu:hover {
    color: #02d767 !important;
    border: 1px solid #02d767 !important
}

.market__button--openaccount {
    height: 35px !important;
    line-height: 30px !important;
    border-radius: 3px !important;
    color: #fff !important;
    border: 0 !important;
    background: #03d768 !important
}

.market__button--fav {
    position: absolute !important;
    right: 4vw !important
}

.market__button--down {
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    height: auto !important;
    line-height: 15px !important
}

.market__button--valentines {
    color: #fff !important;
    background-color: #fd437b !important;
    border-color: #fd437b !important;
    width: 150px !important
}

.market__button--getsix {
    color: #fed45a !important;
    background-color: #3283c5 !important;
    border-color: #3283c5 !important;
    width: 94px !important
}

.market__button--getsix:hover {
    color: #fff !important;
    border: 1px solid #fff !important
}

.market__button--daipromo {
    color: #fff !important;
    background-color: #ffa700 !important;
    width: 110px !important
}

.market__button--daipromo:hover {
    color: #fff !important;
    border: 1px solid #fff !important
}

.market__titletab {
    width: 100%;
    color: inherit;
    border-radius: 5px 5px 0 0 !important;
    height: 40px !important;
    background-color: inherit;
    min-width: 140px !important;
    transition: none !important
}

.market__titletab--group>div {
    text-align: right
}

.market__titletab--2 {
    min-width: auto !important;
    background-color: transparent
}

.market__titletab--text {
    width: auto
}

@media(max-width:991px) {
    .market__titletab--text {
        width: 100% !important;
        text-align: left !important
    }
}

.market__titletab--radiusleft {
    border-radius: 5px 0 0 0 !important
}

.market__titletab--radiusright {
    border-radius: 0 5px 0 0 !important
}

.market__bg {
    background: #fff
}

.market__match-price {
    height: auto;
    text-align: center;
    transition: position .8s ease-in-out;
    padding: 5px 0
}

.market__match-price--inner {
    background: #f5f5f5;
    min-height: 40px;
    padding: 0 14px;
    display: flex;
    align-items: center
}

.market__match-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%
}

.market__mobile {
    display: none
}

@media(max-width:991px) {
    .market__mobile {
        display: block
    }
}

.market__pc {
    display: block;
    max-width: 1920px;
    margin: 0 auto
}

@media(max-width:991px) {
    .market__pc {
        display: none
    }
}

.market__newmarketblog {
    margin: 2vw auto
}

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

.market__flex--center {
    height: 80%;
    justify-content: center
}

.market__flex--column {
    flex-direction: column
}

.market__flex--top {
    margin: .7vw 0;
    align-items: flex-start;
    justify-content: center
}

.market__color {
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0;
    background-color: #e5fbf0;
    z-index: 1;
    transition: width .4s ease-in-out
}

.market__color--red {
    background-color: #fef1f3
}

.market__color--darkred {
    background-color: #48363b
}

.market__color--darkgreen {
    background-color: #254338
}

.market__newmarket-btn {
    padding: 0;
    margin: .5em 0;
    width: 100%;
    white-space: nowrap
}

.market__newmarket-btn li {
    display: inline-block;
    border-radius: 5px;
    vertical-align: middle;
    border: 1px solid #ccc;
    width: 33.33%
}

.market__newmarket-btn li button {
    padding: 2px 0 !important;
    font-weight: 400;
    min-width: 100% !important;
    color: #ccc !important
}

.market__newmarket-btn li button span {
    padding: 0 !important
}

.market__newmarket-btn li.active {
    background: #02d767;
    border: 1px solid #02d767
}

.market__newmarket-btn li.active button {
    color: #fff !important
}

.market__newmarket-btn li:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.market__newmarket-btn li:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.market__newmarket-btn li:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.market__newmarket-btn--noheight {
    height: auto !important;
    line-height: normal !important
}

.market__newmarket-btn--sell li.active {
    background: #f74b6c;
    border: 1px solid #f74b6c
}

.market__border {
    border-right: 3px solid #f2f2f2
}

.market__border--dark {
    border-right: 3px solid #343d3d
}

.market__bar {
    background: #f5f5f5;
    padding: 5px
}

@media(max-width:991px) {
    .market__latest {
        margin: 2vw 0
    }
}

.market__text--currency {
    font-size: 11px;
    line-height: 1
}

.market__text--icon {
    font-size: 2vw
}

@media(max-width:991px) {
    .market__text--icon {
        font-size: 5vw
    }
}

@media(max-width:480px) {
    .market__text--icon {
        font-size: 8vw
    }
}

.market__scroll {
    height: 12.7vw !important;
    overflow-y: auto
}

@media(max-width:1440px) {
    .market__scroll {
        height: 14vw !important
    }
}

@media(max-width:991px) {
    .market__scroll {
        margin-bottom: 10px;
        height: 27vw !important
    }
}

@media(max-width:480px) {
    .market__scroll {
        height: 38vw !important
    }
}

.market__scroll::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important
}

.market__scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: hsla(0, 0%, 70%, .5)
}

.market__scrollmiddle {
    height: 630px;
    transform: translateX(0)
}

@media(min-width:320px) {
    .market__scrollmiddle {
        height: 300px
    }
}

@media(min-width:375px) {
    .market__scrollmiddle {
        height: 480px
    }
}

@media(min-width:992px) {
    .market__scrollmiddle {
        height: 637px
    }
}

@media(min-height:930px) {
    .market__scrollmiddle {
        height: 730px
    }
}

@media(min-height:937px) {
    .market__scrollmiddle {
        height: 821px
    }
}

@media(min-width:1180px) {
    .market__scrollmiddle {
        height: 821px
    }
}

.market__scrollmiddle--absolute {
    position: absolute;
    width: 100%;
    left: 0
}

.market__scrollmiddle--top {
    position: fixed;
    width: 100%;
    visibility: visible;
    top: 0;
    bottom: unset;
    z-index: 999
}

.market__scrollmiddle--bottom {
    position: fixed;
    width: 100%;
    visibility: visible;
    bottom: 0;
    top: unset;
    z-index: 999
}

.market__scrollmiddle--notvisible {
    display: none
}

.market__scrollmiddle--inner {
    width: 100%;
    height: 100%;
    transform: translateX(0);
    position: relative;
    overflow-y: scroll
}

.market__scrollmiddle--inner::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important
}

.market__scrollmiddle--inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: hsla(0, 0%, 70%, .5)
}

.market__scrollmiddle--margintop {
    margin-top: 35px !important
}

.market__scrollmiddle--marginbottom {
    margin-bottom: 35px !important
}

.market__lastprice--scrolled {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 999
}

.market__bidsaskstable {
    padding: 0;
    margin: 0
}

.market__bidsaskstable li {
    display: block;
    font-size: 13px;
    margin: 1px 0
}

.market__bidsaskstable li span {
    width: 33.33%;
    display: inline-block
}

.market__bidsaskstable li span.market__table-data {
    min-width: auto;
    z-index: 2;
    padding: 0 10px;
    line-height: 35px;
    border-bottom: 0
}

@media(max-width:1440px) {
    .market__bidsaskstable li {
        font-size: 12px
    }
}

@media(max-width:1024px) {
    .market__bidsaskstable li {
        font-size: 11px
    }

    .market__bidsaskstable li.market__table-data {
        padding: .5vw .01vw
    }
}

@media(max-width:992px) {
    .market__bidsaskstable li {
        font-size: 14px
    }
}

@media(max-width:320px) {
    .market__bidsaskstable li {
        font-size: 12px
    }
}

.market__bidsaskstitle {
    padding: 0;
    margin: 0;
    top: -3px;
    position: -webkit-sticky;
    position: sticky;
    background: #fff;
    color: #b3b3b3;
    z-index: 999
}

.market__bidsaskstitle li {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
    width: 33.33%;
    padding: .5vw 1vw
}

@media(max-width:1440px) {
    .market__bidsaskstitle li {
        font-size: 11px
    }
}

@media(max-width:1024px) {
    .market__bidsaskstitle li .market__table-data {
        padding: .5vw .01vw;
        font-size: 11px
    }
}

.market__marketpricemobile {
    transform: translateX(0);
    position: relative;
    overflow-y: scroll;
    height: 300px;
    margin: 15px 0
}

.market__marketpricemobile::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important
}

.market__marketpricemobile::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: hsla(0, 0%, 70%, .5)
}

@media(max-width:991px) {
    .market__currencymenu {
        padding: 15px 0 10px
    }
}

.market__currencyfullname {
    display: block
}

@media(max-width:991px) {
    .market__currencyfullname {
        display: none
    }
}

@media(min-width:1180px) {

    .market__left,
    .market__right {
        flex: 0 0 23% !important;
        max-width: 23% !important
    }
}

@media(min-height:937px) {

    .market__left,
    .market__right {
        flex: 0 0 20% !important;
        max-width: 20% !important
    }
}

@media(min-width:1180px) {
    .market__center {
        flex: 0 0 54% !important;
        max-width: 54% !important
    }
}

@media(min-height:937px) {
    .market__center {
        flex: 0 0 60% !important;
        max-width: 60% !important
    }
}

.market__moreorders {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #343d3d;
    padding: 3px 10px;
    width: 100%;
    text-align: right;
    height: 38px
}

.market__morelink {
    font-size: 12px;
    text-decoration: none;
    color: #02d767;
    line-height: 35px;
    font-weight: 500
}

.market__bids-asks-title {
    text-transform: uppercase;
    text-align: center;
    padding: 16px 0 10px;
    font-size: 12px
}

.market__confirm-order {
    margin-bottom: 16px !important;
    word-break: break-all;
    display: flex;
    justify-content: space-between
}

@media(max-width:659px) {
    .market__confirm-order {
        flex-direction: column
    }
}

.market__namecoin {
    cursor: auto !important
}

.orderbook__inner {
    padding: 65px 20px 0 !important
}

.orderbook__market-asks-title,
.orderbook__market-bids-title {
    padding: 20px;
    margin: 0 0 10px;
    font-weight: 100;
    font-size: 20px
}

.orderbook__wrapper-relative {
    position: relative;
    width: 100%
}

.orderbook__th-dark {
    border-bottom: 1px solid hsla(0, 0%, 96%, .1)
}

.orderbook__th-light {
    border-bottom: 1px solid #f5f5f5
}

.orderbook__txt-green {
    color: #02d767
}

.market-btn__spend {
    color: #cfcfcf;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    padding: .3vw 1.5vw;
    text-decoration: none;
    margin-left: .8vw;
    text-align: center;
    font-weight: 400;
    display: inline-block;
    min-width: 68px
}

.market-btn__spend--num {
    min-width: 50px
}

@media(max-width:360px) {
    .market-btn__spend {
        min-width: 60px
    }

    .market-btn__spend--num {
        min-width: 38px
    }
}

.market-btn__spend:focus,
.market-btn__spend:hover {
    color: #02d767;
    border: 1px solid #02d767
}

.padding {
    padding: 20px;
    background-color: grey
}

.comingsoon {
    height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center
}

.comingsoon__inner {
    text-align: center
}

.comingsoon__inner img {
    margin-bottom: -35px
}

.comingsoon__title {
    font-size: 30px;
    text-transform: uppercase
}

.comingsoon__text {
    font-size: 18px
}

@media(max-width:768px) {
    .comingsoon {
        height: calc(100vh - 60px)
    }

    .comingsoon__text {
        font-size: 16px;
        padding: 0 15px
    }
}

.market-order__modal {
    padding: 0 20px
}

.market-order__modal h3 {
    margin: 0 0 .5em
}

@media(max-width:480px) {
    .market-order__modal {
        padding: 0
    }

    .market-order__modal h3 {
        font-size: 1.4rem
    }

    .market-order__modal p {
        font-size: 14px
    }
}

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

.market-order__flex p {
    margin: .5em 0
}

.market-order__button {
    margin: 10px;
    width: 46%
}

@media(max-width:991px) {
    .market-order__button {
        width: 48%;
        margin: 0;
        min-width: auto !important
    }
}

.market-order__button--checkprice {
    margin: 10px
}

@media(max-width:991px) {
    .market-order__button--checkprice {
        margin: 0 5px
    }
}

.market-order__actions {
    padding: 24px !important
}

@media(max-width:991px) {
    .market-order__actions {
        display: flex;
        justify-content: space-between
    }
}

.market-order__actions--checkprice {
    padding: 24px !important
}

@-webkit-keyframes new-blink {
    0% {
        color: #000;
        background-color: transparent
    }

    50% {
        color: #fff;
        background-color: rgba(2, 214, 103, .7)
    }

    to {
        color: #000;
        background-color: transparent
    }
}

@keyframes new-blink {
    0% {
        color: #000;
        background-color: transparent
    }

    50% {
        color: #fff;
        background-color: rgba(2, 214, 103, .7)
    }

    to {
        color: #000;
        background-color: transparent
    }
}

@-webkit-keyframes new-blink-red {
    0% {
        color: #000;
        background-color: transparent
    }

    50% {
        color: #fff;
        background-color: rgba(247, 75, 108, .7)
    }

    to {
        color: #000;
        background-color: transparent
    }
}

@keyframes new-blink-red {
    0% {
        color: #000;
        background-color: transparent
    }

    50% {
        color: #fff;
        background-color: rgba(247, 75, 108, .7)
    }

    to {
        color: #000;
        background-color: transparent
    }
}

@-webkit-keyframes finger {

    0%,
    to {
        transform: rotate(30deg) rotateY(20deg) translate(5%, -10%)
    }

    25% {
        transform: rotate(-20deg) rotateY(-20deg) translate(-5%)
    }

    50% {
        transform: rotate(20deg) rotateY(20deg) translate(5%, -10%)
    }

    75% {
        transform: rotate(-30deg) rotateY(-20deg) translate(-5%)
    }
}

@keyframes finger {

    0%,
    to {
        transform: rotate(30deg) rotateY(20deg) translate(5%, -10%)
    }

    25% {
        transform: rotate(-20deg) rotateY(-20deg) translate(-5%)
    }

    50% {
        transform: rotate(20deg) rotateY(20deg) translate(5%, -10%)
    }

    75% {
        transform: rotate(-30deg) rotateY(-20deg) translate(-5%)
    }
}

.market-surveillance__warning-message {
    border-radius: 4px;
    padding: 16px;
    border: 1px solid #f42c5c;
    color: #f42c5c;
    width: 100%
}

.market-surveillance__warning-message--title {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px
}

.market-surveillance__warning-message--icon {
    height: 20px;
    position: relative;
    top: 4px;
    margin-right: 10px
}

.market-surveillance__warning-message--message {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 13px;
    line-height: 20px
}

.market-surveillance__warning-message--button {
    background-color: #e5596f !important;
    color: #fff !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media(max-width:425px) {
    .market-surveillance__warning-message--button {
        margin-top: 8px !important;
        width: 100%
    }

    .market-surveillance__warning-message--button span {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
}

.market-surveillance__warning-message--action-container {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    align-items: center
}

@media(max-width:425px) {
    .market-surveillance__warning-message--action-container {
        flex-wrap: wrap
    }
}

.market-surveillance__warning-message--button-container {
    display: flex;
    align-items: center
}

.navbar {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background: linear-gradient(rgba(0, 0, 0, .5), transparent)
}

.navbar__button--icon {
    border-radius: 5px !important;
    border: 0 !important;
    color: #b3b3b3 !important;
    min-width: auto !important;
    padding: 0 .5vw !important;
    height: 28px !important;
    line-height: 25px !important;
    display: inline-block !important;
    vertical-align: middle !important
}

@media(max-width:991px) {
    .navbar__button--icon {
        padding: 0 2vw
    }
}

@media(min-width:768px) {
    .navbar__voting--hide--desktop {
        display: none !important
    }
}

@media(max-width:768px) {
    .navbar__voting--hide--mobile {
        display: none
    }

    .navbar {
        height: 60px;
        background: linear-gradient(hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0))
    }
}

.navbar--new {
    height: 60px
}

.navbar__logo {
    display: block;
    float: left;
    background: url(/assets/images/logo.png) no-repeat 50%;
    width: 180px;
    height: 80px
}

.navbar__logo--new {
    height: 60px
}

.navbar__logo--white {
    background-image: url(/assets-bitkub/images/logo-white.png);
    width: 180px
}

@media(max-width:768px) {
    .navbar__logo--white {
        background-size: 100% auto !important;
        background-position: 0 !important;
        background-repeat: no-repeat !important
    }
}

@media(min-width:768px) {
    .navbar__logo {
        background: url(/assets-bitkub/images/logo-white.png) no-repeat 50%
    }
}

@media(max-width:768px) {
    .navbar__logo {
        height: 60px;
        margin: 0
    }

    .navbar__logo.broker {
        background-position: 15% !important
    }
}

@media(max-width:414px) {
    .navbar__logo {
        margin: 0
    }
}

.navbar__logo--inline {
    display: inline-block;
    float: none;
    vertical-align: middle
}

.navbar__inner {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:1280px) {
    .navbar__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {
    .navbar__inner {
        max-width: 930px
    }
}

@media(max-width:768px) {
    .navbar__inner {
        overflow: hidden
    }
}

.navbar__inner--fullwidth {
    max-width: 100%;
    padding: 0 30px;
    overflow: hidden
}

@media(max-width:768px) {
    .navbar__inner--fullwidth {
        padding: 0
    }
}

.navbar__inner--flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    overflow: initial;
    padding: 0 3px
}

.navbar__menu {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    text-align: right
}

@media(max-width:1280px) {
    .navbar__menu {
        display: none
    }
}

.navbar__item {
    display: inline-block;
    line-height: 80px;
    margin: 0 4px
}

.navbar__flatbtn,
.navbar__roundbtn {
    transition: color .2s ease-in-out
}

.navbar--scrolled {
    background: #fff;
    box-shadow: 0 -10px 15px 10px rgba(0, 0, 0, .1)
}

.navbar--scrolled .navbar__external-link div,
.navbar--scrolled .navbar__flatbtn font,
.navbar--scrolled .navbar__flatbtn span,
.navbar--scrolled .navbar__lang div,
.navbar--scrolled .navbar__roundbtn font,
.navbar--scrolled .navbar__roundbtn span,
.navbar--scrolled .navbar__selectfield .MuiInputBase-input,
.navbar--scrolled .navbar__selectfield .MuiSelect-iconStandard {
    color: #333 !important
}

.navbar--scrolled .navbar__roundbtn {
    border: 1px solid #333 !important
}

.navbar--scrolled .navbar__logo {
    background: url(/assets/images/logo.png) no-repeat 50%;
    background-size: contain
}

.navbar--thin {
    height: 80px;
    position: fixed !important;
    padding: 0 !important
}

@media(max-width:768px) {
    .navbar--thin {
        height: 60px
    }
}

.navbar--thin .navbar__inner {
    width: 100%
}

@media(min-width:1042px) {
    .navbar--thin .navbar__inner {
        width: 1042px
    }
}

@media(min-width:1180px) {
    .navbar--thin .navbar__inner {
        width: 1140px
    }
}

.navbar--thin .navbar__logo {
    height: 80px
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
    .navbar--thin .navbar__logo {
        margin: 0 15px
    }
}

@media(max-width:768px) {
    .navbar--thin .navbar__logo {
        height: 60px
    }
}

.navbar--thin .navbar__item {
    line-height: 80px
}

.navbar--thin .navbar__external-link div,
.navbar--thin .navbar__lang div {
    line-height: 0
}

.navbar__toggle {
    display: none;
    float: right;
    color: #333;
    font-size: 24px;
    margin-right: 16px;
    margin-left: 8px
}

@media(max-width:1280px) {
    .navbar__toggle {
        display: block
    }
}

@media(max-width:320px) {
    .navbar__toggle {
        font-size: 20px
    }
}

.navbar__external-link,
.navbar__lang {
    display: inline-block
}

.navbar__external-link div>div {
    padding-right: 24px !important;
    text-transform: uppercase !important
}

.navbar__external-link button {
    right: -14px !important
}

.navbar__drawer {
    display: none
}

@media(max-width:1280px) {
    .navbar__drawer {
        display: block
    }
}

.navbar__drawer-icon {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    font-size: 21px;
    color: #333;
    transition: all .45s cubic-bezier(.23, 1, .32, 1) 0ms
}

.navbar__drawer-item {
    position: relative !important;
    font-family: Dosis !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #333 !important;
    padding: 10px 5px !important;
    text-transform: uppercase
}

.navbar__drawer-item--active .userbar__drawer-icon,
.navbar__drawer-item:hover .userbar__drawer-icon {
    border: 2px solid #02d667;
    color: #02d667
}

.navbar__hiring {
    margin: 51px 0 0 180px;
    position: absolute
}

@media(max-width:1280px) {
    .navbar__hiring {
        margin: 51px 0 0 166px
    }
}

@media(max-width:1042px) {
    .navbar__hiring {
        margin: 51px 0 0 180px
    }
}

@media(max-width:768px) {
    .navbar__hiring {
        margin: 19px 0 0 155px
    }
}

.navbar__labelhiring {
    background-color: #02d667;
    border-radius: 12px;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.navbar__labelhiring:hover {
    background: #02b156
}

@media(max-width:768px) {
    .navbar__labelhiring {
        font-size: 12px
    }
}

.userbar {
    position: absolute !important;
    background: #fff;
    border-bottom: 1px solid #eee
}

.userbar .navbar__logo {
    background: url(/assets/images/logo.png) no-repeat 50%;
    background-size: contain
}

@media(max-width:768px) {
    .userbar .navbar__logo {
        background-size: contain
    }
}

.userbar .navbar__logo--auth {
    background: url(/assets/images/logo.png) no-repeat 50%;
    background-size: contain
}

@media(max-width:768px) {
    .userbar .logomobilesize {
        background-size: contain !important;
        background-image: url(/assets/images/logo-128.png);
        width: 60px
    }
}

.userbar__toggle {
    line-height: 120px;
    color: #333;
    font-size: 24px
}

@media(max-width:768px) {
    .userbar__toggle {
        line-height: 60px
    }
}

.userbar__userinfo {
    display: flex;
    align-items: center;
    float: right;
    height: 50px;
    margin: 35px 0
}

.userbar__userinfo--notfloat {
    float: none;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center
}

@media(max-width:768px) {
    .userbar__userinfo {
        margin: 5px 0;
        position: relative
    }
}

.userbar__avatar {
    position: absolute;
    top: 0;
    left: -55px;
    width: 46px;
    height: 46px;
    border: 2px solid #02d667;
    border-radius: 100%
}

.userbar__bal {
    position: relative
}

@media(max-width:768px) {
    .userbar__bal {
        display: inline-block
    }
}

.userbar__baldd {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    padding: 24px;
    color: rgba(0, 0, 0, .87);
    background-color: #fff;
    transition: transform .45s cubic-bezier(.23, 1, .32, 1) 0ms, opacity .45s cubic-bezier(.23, 1, .32, 1) 0ms;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12);
    border-radius: 2px;
    transform-origin: left top 0;
    overflow-y: auto;
    opacity: 0;
    transform: scaleY(0)
}

.userbar__baldd--open {
    opacity: 1;
    transform: scaleY(1)
}

.userbar__baldd .userbar__currency {
    float: right
}

.userbar__baldd-item {
    min-width: 110px;
    line-height: 24px
}

.userbar__balbtn {
    font-family: Dosis;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    background: 0 0;
    border: 0;
    cursor: pointer
}

@media(max-width:414px) {
    .userbar__balbtn {
        font-size: 12px
    }
}

.userbar__balbtn--active,
.userbar__balbtn:hover {
    color: #02d667
}

.userbar__balance {
    display: inline-block;
    font-family: Dosis;
    font-size: 20px;
    color: #333;
    text-transform: uppercase;
    list-style: none;
    padding: 0;
    margin: 0
}

.userbar__balance-item {
    display: inline-block;
    vertical-align: middle
}

.userbar__balance-item:not(:last-child):after {
    content: "|";
    margin: 10px
}

@media(max-width:768px) {
    .userbar__balance {
        display: none
    }
}

.userbar__currency {
    color: #ccc
}

.userbar__currency--mgicons {
    margin: 0 10px -5px 0
}

.userbar__menuitem .userbar__currency {
    float: right
}

.userbar__dropdown {
    display: inline-block;
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    color: #02d667;
    vertical-align: middle;
    margin: 0 15px
}

.userbar__dropdown--active,
.userbar__dropdown:hover {
    border: 2px solid #02d667
}

.userbar__drawer {
    display: none
}

@media(max-width:768px) {
    .userbar__drawer {
        display: block
    }
}

.userbar__drawer-icon {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    font-size: 21px;
    color: #333;
    transition: all .45s cubic-bezier(.23, 1, .32, 1) 0ms
}

.userbar__drawer-item {
    position: relative !important;
    font-family: Dosis !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #333 !important;
    padding: 25px 0 30px !important;
    text-transform: uppercase;
    text-align: center
}

.userbar__drawer-item--active .userbar__drawer-icon,
.userbar__drawer-item:hover .userbar__drawer-icon {
    border: 2px solid #02d667;
    color: #02d667
}

.userbar__menu {
    position: absolute;
    top: 60px;
    right: 16px;
    transition: transform .45s cubic-bezier(.23, 1, .32, 1) 0ms, opacity .45s cubic-bezier(.23, 1, .32, 1) 0ms;
    transform-origin: right top 0;
    opacity: 0;
    transform: scaleY(0)
}

.userbar__menu--open {
    opacity: 1;
    transform: scaleY(1)
}

.userbar__leftmenu {
    margin: 0;
    padding: 0;
    width: 160px;
    background-color: #fff
}

.userbar__leftmenu--compact {
    width: 80px
}

.userbar__leftmenu--compact .userbar__drawer-item>div>div {
    padding: 0 !important
}

@media(max-width:768px) {
    .userbar__leftmenu {
        display: none
    }
}

.userbar__menuname {
    position: absolute;
    line-height: 30px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    transition: opacity .4s ease;
    white-space: nowrap;
    cursor: pointer
}

.userbar__leftmenu--compact .userbar__menuname {
    opacity: 0
}

.userbar__insight,
.userbar__lang {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.userbar__insight--icons,
.userbar__lang--icons {
    margin-right: 15px
}

.userbar__iconswallet {
    color: #e0e0e0;
    font-size: 15px;
    margin: 10px 0
}

@media(max-width:414px) {
    .userbar__iconswallet {
        margin: 5px 0 -5px
    }
}

.userbar__iconwallet {
    width: 20px;
    height: 20px
}

.userbar__iconwallet--newmarket {
    width: 24px;
    height: 24px
}

@media(max-width:414px) {
    .userbar__iconwallet {
        width: 22px;
        height: 22px
    }
}

.newuserbar__current-level {
    display: flex;
    align-items: center
}

.newuserbar__vip img {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.newuserbar--yellow {
    color: #f5bc03
}

.newuserbar__list {
    padding: 0;
    margin: 0;
    line-height: 60px;
    height: 60px
}

.newuserbar__list,
.newuserbar__list li {
    display: inline-block;
    vertical-align: middle
}

.newuserbar__list li {
    position: relative;
    height: 100%;
    cursor: pointer
}

.newuserbar__list li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background-color: #02d767;
    visibility: hidden;
    transform: scaleX(0)
}

.newuserbar__list li button {
    color: inherit;
    display: block;
    height: 100%;
    border: 0 !important;
    font-family: Dosis !important;
    text-decoration: none;
    line-height: 35px !important;
    cursor: pointer !important;
    transition: none !important
}

.newuserbar__list li:hover:after {
    visibility: visible;
    transform: scaleX(1)
}

.newuserbar__list li.active {
    color: #fa6565
}

.newuserbar__list li.active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    visibility: visible;
    transform: scaleX(1);
    background-color: #02d767
}

.newuserbar__list li:focus {
    outline: 0
}

@media(max-width:1280px) {
    .newuserbar__list {
        display: none
    }
}

.newuserbar__toggle {
    display: none;
    color: inherit;
    font-size: 24px;
    margin-right: 15px;
    line-height: 60px
}

@media(max-width:1080px) {
    .newuserbar__toggle {
        display: block
    }
}

.newuserbar__pc {
    display: inline-block
}

@media(max-width:1080px) {
    .newuserbar__pc {
        display: none
    }
}

.newuserbar__innerwrapper {
    display: none;
    position: absolute;
    right: 5px;
    width: 100%;
    min-width: 240px;
    z-index: 9;
    border-radius: 3px;
    margin: -5px 0 0;
    padding: 0;
    box-shadow: 0 1px 4px -2px
}

.newuserbar__innerwrapper--lang {
    width: 80px;
    min-width: auto
}

.newuserbar__innerwrapper--download-app {
    width: 330px;
    right: -53%;
    top: 60px
}

.newuserbar__innerwrapper__notification {
    position: absolute;
    right: 5px;
    width: 100%;
    min-width: 240px;
    z-index: 9;
    border-radius: 3px;
    margin: 12px 0 0;
    padding: 0;
    box-shadow: 0 1px 4px -2px;
    width: 400px;
    font-size: 12px
}

@media(max-width:768px) {
    .newuserbar__innerwrapper__notification {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        right: 0
    }
}

.newuserbar__notification {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.newuserbar__notification__message {
    display: flex;
    align-items: flex-start;
    padding: 16px 20px;
    border-top: 1px solid #e7e7e7;
    width: 100%
}

.newuserbar__notification__message--first {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

.newuserbar__notification__dot {
    height: 8px;
    width: 8px;
    min-width: 8px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin: 6px 16px 6px 0
}

.newuserbar__notification__dot--green {
    background-color: #02d767
}

.newuserbar__download-app {
    display: flex;
    align-items: flex-start;
    margin: 20px;
    justify-content: space-between
}

.newuserbar__download-app__qr {
    display: flex;
    flex-direction: column;
    align-items: center
}

.newuserbar__download-app__qr span {
    font-size: 12px;
    line-height: 1;
    margin-top: 16px
}

.newuserbar__download-app__store {
    display: flex;
    flex-direction: column;
    text-align: left;
    line-height: 1
}

.newuserbar__download-app__download-link {
    font-family: Roboto;
    color: #02d767;
    text-decoration: none;
    font-size: 16px
}

.newuserbar__line {
    border-bottom: 1px solid #b3b3b3
}

.newuserbar__linepadding {
    padding: 7px 40px 15px !important
}

.newuserbar__toppadding {
    padding: 20px 40px 15px !important
}

.newuserbar__email {
    overflow: hidden;
    text-overflow: ellipsis
}

.newuserbar__dropdown {
    margin: 0 8px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-family: Dosis;
    line-height: 60px
}

.newuserbar__dropdown--lang {
    font-size: 14px
}

.newuserbar__dropdown--download-app {
    font-size: 14px;
    vertical-align: middle
}

@media(max-width:414px) {
    .newuserbar__dropdown {
        margin: 0 7px
    }
}

.newuserbar__button {
    border-radius: 20px !important;
    background: #02d667 !important;
    height: 25px !important;
    line-height: 23px !important;
    padding: 0 10px !important;
    font-family: Dosis !important;
    margin-top: 5px !important;
    display: block !important
}

.newuserbar__menu {
    cursor: pointer;
    position: relative
}

@media(max-width:768px) {
    .newuserbar__menu {
        position: static
    }
}

.newuserbar__menu .userbar__iconswallet {
    transition: all .5s ease
}

.newuserbar__menu--relative {
    position: relative
}

@media(max-width:1042px) {
    .newuserbar__menu--pc {
        display: none
    }
}

.newuserbar__menu:hover .userbar__iconswallet {
    transform: rotate(180deg)
}

.newuserbar__menu:hover .newuserbar__innerwrapper {
    display: block
}

.newuserbar__link {
    text-decoration: none
}

.newuserbar__drawer {
    display: none
}

@media(max-width:1080px) {
    .newuserbar__drawer {
        display: block
    }
}

.newuserbar__drawer-icon {
    display: inline-block;
    margin: 0 auto;
    width: 35px;
    height: 35px;
    line-height: 32px;
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    font-size: 16px;
    text-align: center;
    color: #333;
    transition: all .45s cubic-bezier(.23, 1, .32, 1) 0ms
}

.newuserbar__drawer-item {
    position: relative !important;
    font-family: Dosis !important;
    font-size: 12px !important;
    padding: 10px 5px !important;
    text-transform: uppercase
}

.newuserbar__drawer-item--active .userbar__drawer-icon,
.newuserbar__drawer-item:hover .userbar__drawer-icon {
    border: 2px solid #02d667;
    color: #02d667
}

.newuserbar__innerdrop {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.newuserbar__innerdrop li {
    text-transform: uppercase;
    padding: 10px 40px;
    font-family: Dosis;
    display: block;
    font-size: 13px;
    cursor: pointer
}

.newuserbar__innerdrop li a {
    color: #000;
    font-size: 14px;
    display: block;
    cursor: pointer;
    text-decoration: none
}

.newuserbar__innerdrop li a label {
    cursor: pointer;
    margin-left: 15px
}

.newuserbar__innerdrop li a .newuserbar__drawer-icon {
    color: #000
}

.newuserbar__innerdrop li:hover {
    background-color: #f5f5f5
}

.newuserbar__innerdrop li:hover a {
    color: #02d667
}

.newuserbar__innerdrop li:hover a .newuserbar__drawer-icon {
    border: 2px solid #02d667;
    color: #02d667
}

.newuserbar__innerdrop--lang li {
    padding: 10px 20px
}

.newuserbar__innerdrop--wallet {
    padding: 0 40px;
    border-bottom: 1px solid #b3b3b3
}

.newuserbar__innerdrop--wallet li {
    padding: 10px 0;
    line-height: 25px
}

.newuserbar__innerdrop--wallet li:hover {
    background: 0 0
}

.newuserbar__innerdrop--hover li a,
.newuserbar__innerdrop--hover li a .newuserbar__drawer-icon {
    color: #e8e8e8
}

.newuserbar__innerdrop--hover li:hover {
    background: #333e40
}

.newuserbar__innerdrop--hover li:hover a {
    color: #02d667
}

.newuserbar--pointer {
    cursor: pointer;
    margin-bottom: 0
}

.newuserbar__text--green {
    color: #02d667
}

.newuserbar__text--underline {
    text-decoration: underline
}

.pagination {
    text-align: center;
    margin: 60px 0
}

.pagination__button {
    width: 40px !important;
    min-width: 40px !important
}

.pagination__button span {
    font-size: 12px !important;
    color: #aaa !important;
    padding: 0 !important;
    text-align: center !important
}

.pagination__button--active span {
    color: #555 !important;
    font-weight: 600 !important
}

.pagination__button--active-dark span {
    color: #e8e8e8 !important;
    font-weight: 600 !important
}

.pagination__next span,
.pagination__prev span {
    font-size: 12px !important;
    color: #aaa !important;
    padding: 0 !important;
    text-align: center !important
}

.pagination__next--active span,
.pagination__prev--active span {
    color: #555 !important;
    font-weight: 600 !important
}

.pagination__next--active-dark span,
.pagination__prev--active-dark span {
    color: #e8e8e8 !important;
    font-weight: 600 !important
}

.ranking__inner {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    padding-top: 120px
}

@media screen and (max-width:1280px) {
    .ranking__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {
    .ranking__inner {
        max-width: 930px
    }
}

@media(max-width:768px) {
    .ranking__inner {
        padding-top: 60px
    }
}

.ranking__tabs {
    display: block;
    padding: 0;
    list-style: none;
    max-width: 100%;
    margin: 15px auto 0;
    border-bottom: 2px solid #e3e3e3
}

@media(max-width:768px) {
    .ranking__tabs {
        margin: 0 auto
    }
}

.ranking__tab {
    display: inline-block;
    margin: 0 0 -1px
}

@media(max-width:768px) {
    .ranking__tab {
        width: 50%
    }
}

.ranking__tab a {
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 0;
    border-bottom: 2px solid transparent
}

.ranking__tab--active a {
    border-bottom: 2px solid #00d766
}

.ranking__title {
    font-family: Dosis;
    font-size: 44px;
    line-height: 50px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    padding: 30px 0
}

@media(max-width:768px) {
    .ranking__title {
        font-size: 28px;
        padding: 15px 30px
    }
}

.ranking__login {
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media(max-width:768px) {
    .ranking__login {
        height: auto;
        padding: 30px
    }
}

.ranking__login-hint {
    font-size: 18px;
    text-align: center;
    padding: 15px 30px;
    margin: 0 0 15px
}

@media(max-width:768px) {
    .ranking__login-hint {
        font-size: 16px
    }
}

.ranking__login-btns {
    display: block
}

.ranking__login-btn {
    margin: 10px
}

.ranking__login-btn--green>button {
    background-color: #02d667 !important
}

.ranking__login-btn--green>button span {
    color: #fff !important
}

.ranking__login-btn--grey>button {
    background-color: #ddd !important
}

.ranking__login-btn--grey>button span {
    color: #6c6c6c !important
}

.ranking__btnTrn {
    min-width: 203.19px !important
}

.ranking__table {
    font-family: Dosis;
    width: 100%;
    min-width: 600px;
    border: 0;
    border-collapse: collapse
}

.ranking__table-wrapper {
    width: 100%
}

@media(max-width:768px) {
    .ranking__table-wrapper {
        max-width: 100%;
        overflow: scroll;
        position: relative
    }
}

.ranking__table td,
.ranking__table th {
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    background-color: #f7f7f7;
    padding: 12px 0;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    width: 33%
}

.ranking__table td {
    background-color: #fff
}

.ranking__table td:last-child {
    background-color: #f7f7f7
}

.ranking__table-detail {
    font-family: Dosis;
    width: 100%;
    min-width: 600px;
    border: 0;
    border-collapse: collapse
}

.ranking__table-detail-wrapper {
    width: 100%
}

@media(max-width:768px) {
    .ranking__table-detail-wrapper {
        max-width: 100%;
        overflow: scroll;
        position: relative
    }
}

.ranking__table-detail thead {
    background-color: #ddd
}

.ranking__table-detail td,
.ranking__table-detail th {
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    padding: 12px 0;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    width: 33%
}

.ranking__table-detail tr:nth-child(2n) {
    background-color: #f7f7f7
}

.ranking__icon {
    font-size: 16px;
    margin-right: 8px;
    margin-left: -28px
}

.ranking__icon--gold {
    color: #e0ac00
}

.ranking__icon--silver {
    color: #cecfd1
}

.ranking__icon--bronze {
    color: #bc8737
}

.ranking__userinfo {
    font-family: Dosis;
    text-align: center;
    padding: 40px 0;
    overflow: hidden
}

@media(max-width:768px) {
    .ranking__userinfo {
        margin: 0
    }
}

.ranking__userinfo-rank {
    text-align: center;
    margin: 0 auto;
    font-size: 48px
}

.ranking__userinfo-email {
    padding: 0;
    margin: 0
}

@media(max-width:768px) {
    .ranking__userinfo-email {
        word-wrap: break-word;
        text-align: center
    }
}

.ranking__userinfo-value {
    width: 100%
}

@media(max-width:768px) {
    .ranking__userinfo-value {
        text-align: center
    }
}

.ranking__userinfo-btn {
    margin-bottom: 10px
}

@media(max-width:768px) {
    .ranking__userinfo-btns {
        margin-top: 20px
    }
}

.ranking__userinfo-profit {
    color: #02d667;
    font-weight: 600
}

.ranking__userinfo-profit--negative {
    color: #fa6565
}

.ranking__back {
    margin: 10px 0
}

.ranking__txns td,
.ranking__txns th {
    width: auto
}

.ranking__iconShare {
    margin-top: 7px;
    width: 40px;
    cursor: pointer
}

.ranking__iconShare--icondetail {
    margin-top: 5px;
    width: 25px
}

.ranking__iconShare--margintop {
    margin-top: 50px
}

.ranking__textLeft {
    text-align: left
}

.ranking__share {
    margin: 0 20px
}

@media(max-width:575px) {
    .ranking__share {
        justify-content: center
    }
}

.ranking__textShare {
    margin-right: 40px
}

.ranking__icondetail {
    margin: 10px 5px;
    background-color: grey;
    width: 60px;
    height: 40px;
    border-radius: 3px;
    float: left
}

.ranking__ranknumber {
    font-size: 100px;
    margin-top: -15px;
    min-height: 150px
}

.ranking__textranking {
    margin-top: -20px;
    font-size: 20px
}

.ranking__textranking--margintop {
    margin-top: 40px
}

.ranking__selectfield {
    padding: 0 50px 0 65px
}

.rankingv2__inner {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    padding-top: 120px
}

@media screen and (max-width:1280px) {
    .rankingv2__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {
    .rankingv2__inner {
        max-width: 930px
    }
}

@media(max-width:768px) {
    .rankingv2__inner {
        padding-top: 60px;
        overflow-x: hidden
    }
}

.rankingv2__subtitle,
.rankingv2__title {
    font-family: Dosis;
    font-size: 36px;
    line-height: 40px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    padding: 30px 0 0
}

@media(max-width:768px) {

    .rankingv2__subtitle,
    .rankingv2__title {
        font-size: 28px;
        padding: 15px 30px 0;
        text-align: center
    }
}

.rankingv2__subtitle {
    font-family: Dosis;
    font-size: 18px;
    line-height: 30px;
    padding: 0 0 30px 2px
}

@media(max-width:768px) {
    .rankingv2__subtitle {
        font-size: 21px;
        padding: 0 30px 15px 2px;
        text-align: center
    }
}

.rankingv2__summary {
    font-family: Dosis;
    font-size: 20px;
    line-height: 30px;
    padding: 30px;
    font-weight: 500;
    text-align: left
}

@media(max-width:768px) {
    .rankingv2__summary {
        font-size: 15px;
        line-height: 18px
    }
}

.rankingv2__summary--condition {
    font-size: 14px;
    color: #fa6565
}

.rankingv2__summary font {
    line-height: 20px
}

.rankingv2__pts {
    font-size: 36px;
    margin-left: 5px;
    vertical-align: sub
}

@media(max-width:768px) {
    .rankingv2__pts {
        font-size: 28px;
        line-height: 30px
    }
}

.rankingv2__txns {
    width: 100%;
    border: 1px solid #ececec;
    margin-bottom: 15px
}

.rankingv2__txns-bar {
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ececec;
    text-transform: uppercase;
    padding: 0 15px;
    background-color: #f7f7f7
}

.rankingv2__txns-barmenu {
    float: right
}

.rankingv2__txns-innerwrapper {
    width: 100%
}

@media(max-width:1024px) {
    .rankingv2__txns-innerwrapper {
        overflow: scroll
    }
}

.rankingv2__txns-inner {
    min-width: 998px;
    padding: 15px
}

.rankingv2__head {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ececec;
    margin: 10px 0;
    background-color: #f7f7f7
}

.rankingv2__head div:first-child {
    border-right: 1px solid #ececec
}

.rankingv2__head div:last-child {
    border-left: 1px solid #ececec
}

.rankingv2__data {
    font-size: 14px
}

.rankingv2__data .rankingv2__cell {
    padding: 15px 0
}

.rankingv2__cells {
    white-space: nowrap
}

.rankingv2__cell {
    display: table-cell;
    width: 110px;
    text-align: center;
    vertical-align: middle;
    position: relative
}

.rankingv2__cell--green {
    background-color: #ecfaf1
}

.rankingv2__cell--red {
    background-color: #fde8e9
}

.rankingv2__cell:first-child {
    border-right: 1px solid #ddd
}

.rankingv2__cell:last-child {
    width: 300px;
    border-left: 1px solid #ddd
}

.rankingv2__cell:not(:last-child) {
    border-bottom: 1px solid #ddd
}

.rankingv2__details {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0 0 20px
}

.rankingv2__details div {
    font-size: 12px;
    line-height: 20px;
    text-align: left
}

.rankingv2__empty {
    padding: 30px;
    text-align: center
}

.rankingv2__block {
    margin: 15px 0;
    padding: 1px 0;
    min-height: 100px;
    border: 1px solid #000
}

.rankingv2__block--green {
    border: 1px solid #02d667
}

.rankingv2__more {
    padding: 30px 0;
    text-align: center
}

@media(max-width:768px) {
    .rankingv2__more {
        padding: 15px 0
    }
}

.referral-dashed {
    list-style-type: none;
    padding-left: 0
}

.referral-dashed li:before {
    content: "- "
}

.reward__wrapper {
    margin: 100px 20px 10px;
    position: fixed;
    right: 0;
    bottom: 60px;
    z-index: 999998;
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-property: opacity, top, bottom;
    -webkit-animation: fadeInUp .6s;
    animation: fadeInUp .6s
}

@media(max-width:576px) {
    .reward__wrapper {
        bottom: 56px
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.reward__container {
    position: relative;
    height: 46px
}

.reward__button {
    padding: 0;
    font-feature-settings: "kern", "kern";
    font-kerning: normal;
    font: inherit;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    display: inline-block !important;
    max-width: 100%;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-sizing: border-box;
    margin: 0;
    width: 136px;
    height: 100%;
    table-layout: auto;
    font-weight: 400;
    border: 2px solid #fff;
    border-radius: 999rem;
    bottom: 0;
    letter-spacing: .6;
    font-size: 1.07143rem;
    background: #f6ef1d !important;
    background: linear-gradient(180deg, #f6ef1d, #e89c05) !important
}

@media(max-width:576px) {
    .reward__button {
        bottom: 64px;
        width: 100px;
        height: 40px;
        font-size: 14px
    }
}

.reward__close-button {
    position: absolute;
    top: -84px;
    right: 4px;
    background: #fff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9999
}

.reward__close-button>img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

@media(max-width:576px) {
    .reward__close-button {
        top: -50px;
        right: 4px;
        height: 16px;
        width: 16px
    }
}

.reward__image {
    position: absolute;
    top: -74px;
    height: auto;
    width: 136px
}

.reward__image>img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

@media(max-width:576px) {
    .reward__image {
        top: -50px;
        width: 100px
    }
}

.reward__image-other {
    position: absolute;
    height: 80px;
    width: 80px;
    top: -74px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.reward__image-other>img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

@media(max-width:576px) {
    .reward__image-other {
        top: -70px;
        width: 50px
    }
}

.reward__reward-image {
    position: absolute;
    height: auto;
    width: 100px;
    top: -8px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.reward__reward-image>img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

@media(max-width:576px) {
    .reward__reward-image {
        top: -4px;
        width: 64px
    }
}

.send__currencies {
    padding: 5px 40px
}

.send__recipient {
    padding: 0 40px
}

.receive__notes {
    padding: 20px 40px
}

.receive__fieldrow {
    padding: 0 20px
}

.receive__step {
    width: 50px;
    height: 50px;
    border: 2px solid #ebebeb;
    border-radius: 100%;
    font-weight: 600;
    text-align: center;
    line-height: 50px
}

.receive__labelwrap,
.receive__step {
    display: inline-block;
    vertical-align: top
}

.receive__labelwrap {
    margin-left: 15px;
    padding: 7px 0
}

.receive__label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.receive__sublabel {
    display: block;
    color: #999;
    font-size: 16px
}

.receive__title {
    font-family: Dosis;
    font-size: 18px;
    color: #333;
    margin-left: 65px
}

@media(max-width:768px) {
    .receive__title {
        width: 100%;
        text-align: left;
        margin: 10px auto 0
    }
}

.receive__address {
    font-size: 11px;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    margin: 10px 0 10px 65px;
    padding: 0 18px;
    width: 320px;
    height: 60px;
    line-height: 60px;
    background-color: #f2f2f2;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media(max-width:768px) {
    .receive__address {
        width: 100%;
        margin: 0 auto 15px
    }
}

.receive__qr {
    max-width: 256px;
    margin: 30px 0 0 12%
}

@media(max-width:768px) {
    .receive__qr {
        margin: 30px auto 0
    }
}

.signup {
    background: #f8f8f8;
    padding-top: 30px;
    padding-bottom: 0
}

@media(min-width:768px) {
    .signup {
        padding-top: 0
    }
}

.signup--nopadding {
    padding-top: 0
}

.signup__inner {
    display: block;
    margin: 0 auto;
    padding: 50px;
    width: 100%;
    max-width: 1280px
}

@media screen and (max-width:1280px) {
    .signup__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {
    .signup__inner {
        max-width: 930px
    }
}

@media(max-width:1024px) {
    .signup__inner {
        padding: 30px
    }
}

@media(max-width:768px) {
    .signup__inner {
        padding: 15px
    }
}

.signup__title {
    display: inline-block;
    font-family: Dosis;
    font-weight: 300;
    font-size: 54px;
    line-height: 54px;
    text-transform: uppercase;
    margin: 30px 0
}

@media(max-width:768px) {
    .signup__title {
        display: block;
        font-size: 32px;
        line-height: 32px;
        text-align: center
    }
}

.signup__title-new {
    color: #fff;
    font-size: 47px;
    text-align: left
}

@media(max-width:1280px) {
    .signup__title-new {
        font-size: 37px
    }
}

@media(max-width:812px) {
    .signup__title-new {
        font-size: 30px;
        padding-left: 10px
    }
}

@media(max-width:1024px) {
    .signup__title-v1 {
        margin-top: 10px
    }
}

.signup__text {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 20px
}

.signup__link {
    text-decoration: none;
    font-weight: 600;
    color: #4b4b4b
}

.signup__more {
    text-align: center
}

@media(max-width:768px) {
    .signup__more {
        float: none;
        display: block;
        text-align: center;
        padding: 0
    }
}

.signup__textfield {
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    margin: 10px 0;
    padding: 0 18px;
    height: 60px !important
}

.signup__textfield--textarea {
    height: 150px !important
}

.signup__textfield div {
    font-size: 16px !important;
    right: auto !important;
    color: #333 !important;
    text-transform: uppercase !important
}

.signup__column {
    position: relative;
    padding: 0 35px
}

.signup__column:first-child:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    height: 380px;
    width: 1px
}

.signup__column--full {
    padding-top: 20px
}

.signup__column--full:first-child:after {
    display: none
}

.signup__bitkub .signup__reason {
    padding: 0;
    height: auto
}

@media(max-width:768px) {
    .signup__bitkub .signup__reason {
        padding: 60px 0 0;
        height: auto
    }
}

.signup__bitkub .signup__reason-desc {
    padding-left: 80px
}

@media(max-width:768px) {
    .signup__bitkub .signup__reason-desc {
        padding: 0
    }
}

.signup__reason-content {
    padding-left: 5.2em
}

@media(max-width:1024px) {
    .signup__reason-content {
        padding-left: 6em
    }
}

@media(max-width:768px) {
    .signup__reason-content {
        padding-left: 0
    }
}

.signup__block {
    display: block
}

@media(max-width:1024px) {
    .signup__block {
        display: none
    }
}

.signup__reason {
    margin-bottom: 30px
}

@media(max-width:768px) {
    .signup__reason {
        height: auto;
        padding: 30px 0 0;
        margin-top: 30px;
        text-align: center
    }
}

.signup__reason:before {
    display: none
}

.signup__reason-icon {
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background: #fff;
    vertical-align: middle;
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1);
    position: relative;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0
}

@media(max-width:1280px) {
    .signup__reason-icon svg {
        top: 22px !important;
        left: 23px !important
    }
}

@media(max-width:768px) {
    .signup__reason-icon {
        position: absolute;
        top: -60px
    }
}

.signup__reason-icon svg {
    top: 22px !important;
    left: 12px !important
}

.signup__tos {
    text-align: center
}

.signup__pwtips {
    background-color: #e2fff0;
    list-style: none;
    padding: 30px;
    margin: 0;
    border-radius: 6px
}

.signup__pwtips li {
    color: #000;
    line-height: 24px
}

.signup__pwtips li:first-child {
    color: #02d667;
    font-weight: 600;
    margin-bottom: 8px
}

.signup__pwtips li:not(:first-child) {
    padding-left: 30px
}

@media(max-width:768px) {
    .signup__pwtips {
        padding: 15px
    }

    .signup__pwtips li:not(:first-child) {
        font-size: 14px;
        padding-left: 0
    }
}

.signup__pwtips_warning {
    background: #fff2f5
}

.signup__urlexample {
    display: block;
    clear: both;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    padding: 4px 6px 4px 10px;
    font-size: 13px;
    margin: 10px 130px 10px 0;
    background-color: #eff1f2
}

@media(max-width:1024px) {
    .signup__urlexample {
        margin: 0
    }
}

.signup__urlexample img {
    vertical-align: middle;
    height: 20px;
    margin: -1px 5px 0 -5px;
    border-right: 1px solid #cfcfcf
}

@media(max-width:1024px) {
    .signup__urlexample img {
        display: none
    }
}

@media(max-width:1280px) {
    .signup__urlexample img {
        display: none
    }
}

.signup__urlwarning {
    padding: 5px 0;
    text-align: left;
    font-family: dosis;
    font-size: 13px;
    color: #fa6565
}

.signup__urlwarning img {
    width: 15px;
    vertical-align: middle;
    margin: -3px 5px 0 0
}

.signup__box_inner {
    display: block;
    margin: 0 auto;
    padding: 0 50px;
    width: 1280px;
    max-width: 100%
}

.signup__textbox {
    height: 168;
    width: 46%;
    background-color: #02d767;
    position: absolute;
    top: 170px
}

@media(max-width:1024px) {
    .signup__textbox {
        width: 46%;
        top: 150px !important
    }
}

.signup__greenBox {
    background: #02bb59;
    background: linear-gradient(620deg, #02bb59, #02d767 50%, #02b355)
}

.signup__greenBox-v1 {
    height: 168px;
    width: 48%;
    position: absolute
}

.signup__greenBox-v2 {
    height: 570px;
    width: 48%;
    position: absolute;
    top: 120px
}

@media(max-width:1024px) {
    .signup__greenBox-v2 {
        height: 570px;
        top: 120px !important
    }
}

@media(max-width:768px) {
    .signup__mglbox {
        margin-left: 25%
    }
}

@media(max-width:575px) {
    .signup__mglbox {
        margin-left: 0;
        padding-left: 50px
    }
}

.signup__checkemail {
    padding: 0 0 0 40px
}

@media(max-width:1280px) {
    .signup__checkemail {
        padding: 0 10px 0 15px
    }
}

@media(max-width:768px) {
    .signup__checkemail {
        padding: 0 10px 0 19px
    }
}

@media(max-width:375px) {
    .signup__checkemail {
        padding: 0 10px
    }
}

.signup__img_checkemail {
    width: 50%
}

@media(max-width:1280px) {
    .signup__img_checkemail {
        width: 60%;
        margin-top: 25px
    }
}

.login__remember {
    display: inline-block !important;
    width: auto !important;
    white-space: nowrap !important;
    float: left;
    margin: 7px 0
}

.tos__content {
    height: 500px;
    max-height: 50vh;
    overflow-y: scroll;
    overflow-x: hidden
}

@media(max-width:768px) {
    .tos__content {
        padding: 0 !important;
        font-size: 14px;
        max-height: 33vh
    }
}

@media(max-height:600px) {
    .tos__content {
        max-height: 25vh
    }
}

@media(max-width:991px) {
    .newsignup {
        min-height: calc(100vh - 60px);
        height: auto
    }
}

.newsignup.cusheight {
    height: calc(100vh - 60px)
}

@media(max-width:991px) {
    .newsignup.cusheight {
        min-height: calc(100vh - 60px);
        height: auto
    }
}

.newsignup__reftitle {
    display: block;
    cursor: pointer;
    margin-bottom: 10px
}

.newsignup__dialogconsent {
    margin: 8px 0 30px !important;
    height: auto !important
}

.newsignup__wrapper {
    display: flex;
    max-width: 1280px;
    width: 100%;
    height: 100%;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 5% 0
}

.newsignup__wrapper.referral {
    align-items: flex-start
}

@media(max-width:991px) {
    .newsignup__wrapper {
        flex-direction: column-reverse;
        padding: 0
    }
}

.newsignup__contentwrap {
    width: 41%;
    margin: 0 auto
}

@media(max-width:991px) {
    .newsignup__contentwrap {
        width: 90%
    }
}

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

.newsignup__inner:first-child:after {
    right: 0;
    top: 0;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #f4f4f4
}

@media(max-width:991px) {
    .newsignup__inner {
        width: 95%;
        margin: 0 auto
    }

    .newsignup__inner:first-child:after {
        display: none
    }
}

.newsignup__content {
    text-align: center;
    width: 65%;
    margin: 0 auto
}

@media(max-width:1100px) {
    .newsignup__content {
        width: 75%
    }
}

@media(max-width:991px) {
    .newsignup__content {
        width: 100%
    }
}

.newsignup__content--title {
    font-size: 33px
}

.newsignup__content--title.referral {
    margin-bottom: 16px
}

@media(max-width:991px) {
    .newsignup__content--title {
        font-size: 26px
    }
}

.newsignup__content--sub {
    font-size: 16px
}

.newsignup__form {
    margin: 30px auto
}

.newsignup__form input {
    padding: .375rem 2.6rem;
    height: calc(2.55rem + 16px);
    border: 1px solid #ccc
}

.newsignup__logobox {
    width: 80%;
    margin: 30px auto 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 2%;
    text-align: center
}

.newsignup__logobox--logo {
    width: 50px;
    height: 45px
}

.newsignup__logobox--logo>img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.newsignup__imgcontentbox {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

@media(max-width:991px) {
    .newsignup__imgcontentbox {
        margin: 10% auto
    }
}

.newsignup__imgcontentbox--content {
    width: 100%;
    margin-bottom: 3vmin
}

.newsignup__imgcontentbox--box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.newsignup__imgcontentbox--box>img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%
}

.newsignup__signupbtn {
    height: 45px !important
}

.hideref {
    transition: height .3s ease-in-out, margin-bottom .3s ease-in-out
}

.hideref.hide {
    opacity: 0;
    margin-bottom: 0;
    height: 0
}

.left {
    text-align: left
}

.text--green {
    color: #02d667
}

.newrefer__boxicon {
    width: 46px;
    height: 46px
}

.newrefer__boxicon>img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

@media(max-width:991px) {
    .newrefer__boxicon {
        width: 35px;
        height: 35px
    }
}

.newrefer__contentbox {
    display: block
}

.newrefer__contentbox>img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto
}

.newrefer__content {
    margin: 0 auto 2%
}

.newrefer__content--row {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.newrefer__content--title {
    font-size: 56px
}

@media(max-width:1100px) {
    .newrefer__content--title {
        font-size: 46px
    }
}

@media(max-width:991px) {
    .newrefer__content--title {
        font-size: 34px
    }
}

@media(max-width:350px) {
    .newrefer__content--title {
        font-size: 30px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
    .newrefer__content--title {
        font-size: 46px
    }
}

.newrefer__content--sub {
    font-size: 24px
}

.newrefer__titlebox {
    margin: 0 auto
}

.newrefer__title {
    text-align: left;
    color: #000
}

.newrefer__logobox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2% auto 0
}

.newrefer__logobox>img {
    max-width: 44%;
    max-height: 100%;
    margin: 0 3%
}

.newrefer__subbox {
    background: #f8f8f8;
    border-radius: 20px;
    color: #02d767;
    text-align: center;
    padding: 2% 0;
    margin: 2% auto 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.newrefer__subbox--failed {
    color: red
}

.newrefer__subbox_fail {
    background: #f8f8f8;
    border-radius: 20px;
    color: red;
    text-align: center;
    padding: 2% 0;
    margin: 2% auto 0
}

.newrefer__close-button {
    max-width: 16px;
    max-height: 16px;
    background-color: red !important;
    border-radius: 50%;
    padding: 0 !important;
    font-size: 0 !important;
    margin-left: 8px !important
}

.newrefer__dialog--content {
    margin-top: 8px;
    margin-bottom: 32px
}

.newrefer__dialog--button-group {
    display: flex;
    justify-content: flex-end
}

.newrefer__dialog--action-button {
    width: 100px;
    height: 50px;
    border-radius: 0;
    margin: 4px
}

.consent__accept {
    min-height: auto !important
}

.consent__checkboxwrap {
    margin: 20px 0 30px
}

.consent__btnbox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 auto;
    width: 100%
}

.consent__btnbox--security {
    margin: 0 auto;
    width: 50%
}

@media(max-width:991px) {
    .consent__btnbox--security {
        width: auto;
        margin: 0 15px
    }
}

.consent__btnbox--broker {
    justify-content: space-between
}

.consent__content {
    height: auto;
    min-height: 10vh;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100% !important
}

@media(max-width:768px) {
    .consent__content {
        padding: 0 !important;
        font-size: 14px
    }
}

.consent__title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 400
}

.consent__content,
.consent__title {
    padding: 0 !important
}

.consent__paper {
    padding: 5% 10%
}

@media(max-width:1024px) {
    .consent__paper {
        padding: 5%
    }
}

.consent__closebtn {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #000;
    font-size: 25px
}

.skeleton__text {
    transform: scaleY(.6);
    transform-origin: 0 60%
}

.skeleton__pulse {
    -webkit-animation: pulse-material 1.5s ease-in-out .5s infinite;
    animation: pulse-material 1.5s ease-in-out .5s infinite
}

@-webkit-keyframes pulse-material {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes pulse-material {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.slick-next:before,
.slick-prev:before {
    color: #b4c2cb !important
}

@media(max-width:768px) {
    .slick-next {
        right: -13px !important
    }

    .slick-prev {
        left: -15px !important
    }
}

.user__inner {
    margin-left: 160px;
    border-left: 1px solid #eee
}

.user__inner--compact {
    margin-left: 80px
}

.user__inner--none {
    margin-left: 0
}

@media(max-width:768px) {
    .user__inner {
        margin-left: 0
    }
}

.verify {
    padding-top: 120px
}

@media(max-width:768px) {
    .verify {
        padding-top: 60px
    }
}

.verify__inner {
    display: block;
    margin: 0 auto;
    padding: 50px;
    width: 100%;
    max-width: 1280px
}

@media screen and (max-width:1280px) {
    .verify__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {
    .verify__inner {
        max-width: 930px
    }
}

.freezecontentwrap {
    margin: 0 auto
}

.freezecontentwrap__btncancel {
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important
}

.freezecontentwrap__btnbox {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.freezecontentwrap__btnbox button {
    width: 48%
}

@media(max-width:768px) {
    .freezecontentwrap__btnbox {
        flex-flow: wrap
    }
}

.voting__inner {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    padding: 120px 20px 0
}

@media screen and (max-width:1280px) {
    .voting__inner {
        max-width: 1200px
    }
}

@media screen and (max-width:1024px) {
    .voting__inner {
        max-width: 930px
    }
}

@media(max-width:768px) {
    .voting__inner {
        padding: 60px 20px 0
    }
}

.voting__title {
    font-family: Dosis;
    font-size: 44px;
    line-height: 50px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    padding: 30px 0
}

@media(max-width:768px) {
    .voting__title {
        font-size: 28px;
        padding: 15px 30px
    }
}

.voting__table {
    margin-top: 40px;
    border: 1px solid #f1f1f1
}

.voting__table th {
    font-size: 16px !important;
    text-align: center !important
}

.voting__table td {
    font-size: 14px !important;
    background-color: #fff !important
}

.voting__table td:not(:first-child) {
    text-align: center !important
}

.voting__table thead {
    background-color: #f7f7f7
}

@media(max-width:768px) {
    .voting__table div>div {
        width: 600px
    }

    .voting__table td:nth-child(2),
    .voting__table th:nth-child(2) {
        width: 230px
    }

    .voting__table td:nth-child(3),
    .voting__table th:nth-child(3) {
        width: 100px
    }
}

.voting__subtitle {
    color: #03d768;
    font-weight: 400
}

.voting__condition {
    font-weight: 400
}

.voting__button {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 120px
}

.voting__login {
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media(max-width:768px) {
    .voting__login {
        height: auto;
        padding: 30px
    }
}

.voting__login-hint {
    font-size: 18px;
    text-align: center;
    padding: 15px 30px;
    margin: 0 0 15px
}

@media(max-width:768px) {
    .voting__login-hint {
        font-size: 16px
    }
}

.voting__login-btns {
    display: block
}

.voting__login-btn {
    margin: 10px;
    width: 200px
}

.voting__login-btn--green>button {
    background-color: #02d667 !important
}

.voting__login-btn--green>button span {
    color: #fff !important
}

.voting__login-btn--grey>button {
    background-color: #ddd !important
}

.voting__login-btn--grey>button span {
    color: #6c6c6c !important
}

.withdraw__balance {
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    margin: 10px 0 10px 40px;
    padding: 0 18px;
    width: 256px;
    height: 60px;
    line-height: 60px;
    background-color: #f2f2f2
}

.withdraw__balance-unit {
    float: right;
    color: #ccc
}

.withdraw__title-button {
    float: right
}

.withdraw__withdrawNote {
    text-align: center
}

.withdraw__amount {
    position: relative
}

.withdraw__amount__balance {
    position: relative;
    text-align: left;
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.withdraw__amount__balance--text {
    font-weight: 400
}

.withdraw__amount__balance--unit {
    cursor: pointer
}

.withdraw__minimum {
    font-size: 12px;
    text-align: left;
    font-weight: 400
}

.withdraw__fee {
    margin: 20px 0
}

.withdraw__fee__item {
    margin-bottom: 10px !important;
    font-weight: 400
}

.withdraw__fee__item__title {
    width: 150px;
    display: inline-block;
    color: #999
}

.withdraw__fee__select {
    margin-bottom: 24px !important;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.withdraw__fee__select>div:nth-child(2) {
    margin: 0 12px
}

.withdraw__fee__select__item {
    text-align: center;
    font-size: 14px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #999;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    cursor: pointer;
    padding: 8px 12px;
    min-height: 54px
}

.withdraw__fee__select__item:hover {
    border: 1px solid #02d667
}

.withdraw__fee__select__item--active {
    color: #02d667;
    border: 1px solid #02d667
}

@media(max-width:768px) {
    .withdraw__fee__select {
        display: none
    }
}

@media(min-width:769px) {
    .withdraw__slider-containers {
        display: none
    }
}

@media(max-width:768px) {
    .withdraw__slider-containers-mobile {
        margin: 20px 0
    }
}

.withdraw__slider {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    color: #999
}

.withdraw__slider>div:first-child {
    text-align: left
}

.withdraw__slider>div:nth-child(2) {
    text-align: center
}

.withdraw__slider>div:nth-child(3) {
    text-align: right
}

.withdraw__slider--active {
    color: #02d667
}

.withdraw--center {
    text-align: center
}

.withdraw__button button {
    background: linear-gradient(90deg, #02d667, #03fc8c)
}

.withdraw__link {
    color: #1e90ff
}

.withdraw--green {
    color: #02d667
}

.withdraw--red {
    color: #fa6565
}

.withdraw--red-warning {
    color: #f42c5c
}

.withdraw--gray {
    color: #a9aaab
}

.withdraw--text-no-underline {
    text-decoration: none
}

.withdraw--text-underline {
    text-decoration: underline
}

.withdraw__google-authen {
    display: flex;
    flex-direction: column;
    align-items: center
}

.withdraw__google-authen__title {
    display: flex;
    align-items: center;
    color: #999;
    text-align: left
}

.withdraw__google-authen__title span {
    font-size: 14px;
    flex: 1
}

.withdraw__google-authen__code {
    color: #999;
    font-size: 14px;
    margin-top: 20px
}

.withdraw__google-authen__otp {
    display: flex;
    justify-content: center;
    width: 100%
}

.withdraw__google-authen__otp__item {
    display: inline-block;
    outline: 0;
    width: 50px;
    height: 50px;
    padding: 10px 0;
    font-size: 30px;
    line-height: 30px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #eaecef;
    margin-right: 2%;
    text-align: center;
    background-color: transparent
}

.withdraw__google-authen__otp__item--dark {
    border-bottom: 1px solid #e8e8e8
}

.withdraw__google-authen__otp__item:focus {
    border-bottom: 1px solid #02d667
}

.withdraw__google-authen__otp__item--error,
.withdraw__google-authen__otp__item--error:focus {
    border-bottom: 1px solid #fa6565
}

@media(max-width:768px) {
    .withdraw__google-authen__otp__item {
        width: 30px
    }
}

.withdraw__google-authen__warning {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    color: #f74b6d;
    background-color: #fff2f5;
    border: 1px solid #f74b6d;
    border-radius: 4px;
    padding: 20px;
    align-items: flex-start
}

.withdraw__google-authen__warning i {
    margin-right: 10px;
    margin-top: 4px
}

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

@media(max-width:768px) {
    .withdraw__transaction {
        align-items: flex-start;
        flex-direction: column
    }
}

.withdraw__transaction__header {
    display: flex;
    align-items: center
}

.withdraw__transaction__title {
    position: relative;
    font-family: Dosis;
    font-size: 16px;
    line-height: 33px;
    font-weight: 600;
    color: #333;
    padding: 20px 10px 20px 30px;
    margin: 0;
    background-color: #fff;
    z-index: 2;
    text-transform: uppercase
}

.withdraw__transaction__title--center {
    text-align: center
}

.withdraw__transaction__title--nomb {
    margin-bottom: 0
}

.withdraw__transaction__title--nopb {
    padding-bottom: 0
}

.withdraw__transaction__title--nopt {
    padding-top: 0
}

.withdraw__transaction__title--nom {
    margin: 0
}

.withdraw__transaction__title--nop {
    padding: 0
}

.withdraw__transaction__title--large {
    font-size: 20px
}

.withdraw__transaction__title--light {
    font-weight: 100
}

.withdraw__transaction__title--lightmedium {
    font-weight: 400
}

.withdraw__transaction__title--uppercase {
    text-transform: uppercase
}

@media(max-width:768px) {
    .withdraw__transaction__title {
        font-size: 15px
    }

    .withdraw__transaction__title--large {
        font-size: 18px
    }
}

.withdraw__datatable {
    height: 100%;
    width: 100%
}

.withdraw__cellRow {
    display: inline-flex
}

.withdraw__cellRow__copy {
    margin-left: -5px;
    cursor: pointer
}

.withdraw__search {
    margin-right: 36px
}

@media(max-width:768px) {
    .withdraw__search {
        margin-right: 0;
        margin-left: 40px;
        margin-bottom: 20px
    }
}

.withdraw__filter {
    width: 260px !important;
    margin-left: 10px !important
}

@media(max-width:768px) {
    .withdraw__filter {
        width: 260px !important
    }
}

.withdraw__pagination {
    text-align: center;
    margin-top: 30px
}

.withdraw__inner__balance {
    padding: 14px 30px;
    border-radius: 4px;
    background: #f8f8f8
}

@media(max-width:768px) {
    .withdraw__inner__balance {
        padding: 14px 10px
    }
}

.withdraw__inner__warning {
    padding: 30px 40px;
    border-radius: 4px;
    background: #f8f8f8
}

@media(max-width:425px) {
    .withdraw__inner__warning {
        padding: 30px 15px
    }
}

.withdraw__address-book {
    margin-bottom: 10px;
    text-align: right
}

.withdraw__datatable-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px
}

.withdraw__datatable-mobile__date {
    font-size: 12px
}

.withdraw__datatable-mobile__address,
.withdraw__datatable-mobile__txid {
    font-weight: 500
}

.withdraw--pointer {
    cursor: pointer
}

.withdraw__label {
    max-width: 460px !important;
    width: 100% !important;
    padding: 20px
}

.withdraw__confirm {
    margin: 20px 0 30px
}

.withdraw__confirm__item {
    margin-bottom: 16px !important;
    word-break: break-all;
    display: flex
}

@media(max-width:768px) {
    .withdraw__confirm__item {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap
    }
}

.withdraw__confirm__item__title {
    width: 200px;
    display: inline-block;
    color: #999
}

.withdraw__confirm__value {
    flex: 1
}

@media(max-width:768px) {
    .withdraw__confirm__value {
        margin-top: 8px
    }
}

.withdraw__icon-delete,
.withdraw__icon-trust {
    font-size: 20px !important;
    cursor: pointer;
    z-index: 1
}

.withdraw__icon-trust {
    color: #02d667
}

.withdraw__option-address div {
    width: 100%
}

.withdraw__scam {
    font-size: 14px
}

@media(max-width:768px) {
    .withdraw__scam {
        font-size: 12px
    }
}

.withdraw__arrow-down {
    position: absolute;
    top: 38px;
    right: 12px;
    font-size: 16px;
    color: #ccc;
    cursor: pointer
}

.withdraw__arrow-down:hover {
    color: #727272 !important
}

.withdraw__save-address {
    font-size: 14px;
    padding-top: 10px;
    display: flex;
    justify-content: flex-end
}

.withdraw__address-warning {
    font-size: 12px;
    text-align: left;
    font-weight: 400;
    color: #fa6565
}

.withdraw__number-field {
    border: 1px solid #ebebeb;
    background-color: #fff !important;
    margin: 8px 8px 8px 0;
    padding: 0 16px;
    height: 48px !important;
    border-radius: 4px;
    max-width: 420px
}

.withdraw__number-field:focus {
    border: 1px solid #ebebeb
}

.withdraw__number-field--dark-theme {
    background-color: #293233 !important;
    color: #fff
}

.withdraw__number-field--dark-theme:focus {
    border: 1px solid #ebebeb
}

.withdraw__memo {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media(max-width:425px) {
    .withdraw__memo {
        align-items: baseline
    }
}

.withdraw-modal-btn-container {
    padding: 8px 60px 32px !important;
    display: flex !important;
    justify-content: space-between !important
}

@media(max-width:425px) {
    .withdraw-modal-btn-container {
        padding: 10px 25px 32px !important;
        flex-direction: column !important
    }
}

.withdraw_cancel_btn_2fa {
    width: 125px !important
}

@media(max-width:425px) {
    .withdraw_cancel_btn_2fa {
        width: 100% !important
    }
}

.withdraw_btn_setting_2fa {
    width: auto !important
}

@media(max-width:425px) {
    .withdraw_btn_setting_2fa {
        width: 100% !important
    }
}

.withdraw-modal-btn-2fa {
    padding: 8px 14px !important;
    display: flex !important
}

@media(max-width:425px) {
    .withdraw-modal-btn-2fa {
        padding: 10px 25px 32px !important;
        flex-direction: column-reverse
    }
}

.withdraw-warning-2fa-content {
    margin-left: 24px !important;
    font-size: 16px;
    line-height: 26px;
    max-width: 700px !important
}

@media(max-width:412px) {
    .withdraw-warning-2fa-content {
        padding: 0 7px 16px !important
    }
}

.withdraw-warning-2fa-title {
    margin-top: 32px !important;
    margin-left: 24px !important;
    font-weight: 700 !important
}

@media(max-width:412px) {
    .withdraw-warning-2fa-title {
        padding: 8px 7px 32px !important
    }
}

.withdraw-modal-primary-btn {
    width: 48% !important;
    border-radius: 4px !important
}

@media(max-width:425px) {
    .withdraw-modal-primary-btn {
        width: 100% !important
    }
}

.withdraw-modal-secondary-btn {
    width: 48% !important;
    border: 1px solid #10d675 !important;
    height: 48px !important;
    border-radius: 4px !important
}

@media(max-width:425px) {
    .withdraw-modal-secondary-btn {
        margin-top: 15px !important;
        width: 100% !important
    }
}

.withdraw-option-address {
    display: flex;
    flex-direction: column;
    padding-left: 40px
}

@media(max-width:425px) {
    .withdraw-option-address {
        padding-left: 20px
    }
}

.withdraw-option-address-selected {
    display: flex;
    flex-direction: column;
    padding-left: 20px
}

@media(max-width:425px) {
    .withdraw-option-address-selected {
        padding-left: 10px
    }
}

.ag-root-wrapper-body {
    min-height: 535px !important
}

.ag-center-cols-clipper {
    height: 100% !important
}

@media(max-width:768px) {
    .ag-paging-row-summary-panel {
        display: none !important
    }
}

@media(max-width:425px) {
    .withdraw-question-dialog {
        width: 90% !important
    }
}

.withdraw-confirm-dialog-body,
.withdraw-question-dialog-body {
    border-top: none !important;
    border-bottom: none !important
}

.withdraw-dialog>div {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media(max-width:425px) {
    .withdraw-dialog {
        width: 90% !important
    }
}

.chain-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: hsla(140, 7%, 65%, .2);
    border: 1px solid #a1ada5;
    padding: 10px 25px;
    border-radius: 4px;
    cursor: pointer
}

.chain-item-selected {
    background-color: rgba(16, 214, 118, .2);
    border: 1px solid #10d675
}

.chain-item-disabled-dark {
    cursor: auto;
    background-color: #191c1c;
    border: 1px solid #2c302f
}

.chain-item-disabled-light {
    cursor: auto;
    background-color: hsla(140, 7%, 65%, .2);
    border: 1px solid #a1ada5;
    opacity: .2
}

.chain-item-title {
    font-size: 14px;
    font-weight: 500
}

.chain-item-title-dark {
    color: #fff
}

.chain-item-title-light {
    color: #252d2c
}

.chain-item-title-selected {
    color: #10d675
}

.chain-item-title-disabled {
    color: #2a2e2d
}

.chain-item-desc {
    font-size: 12px;
    font-weight: 400;
    padding-top: 5px
}

@media(max-width:425px) {
    .chain-item-desc {
        padding-top: 2px
    }
}

.chain-item-desc-dark {
    color: #a1ada5
}

@media(max-width:425px) {
    .chain-item-desc-dark {
        color: #fff
    }
}

.chain-item-desc-light {
    color: rgba(37, 45, 44, .7)
}

.chain-item-desc-selected {
    color: #10d675
}

.chain-item-desc-disabled {
    color: #262929
}

.chain-item-desc2 {
    font-size: 10px;
    font-weight: 400;
    padding-top: 2px
}

.chain-item-desc2-dark {
    color: #a1ada5
}

.chain-item-desc2-light {
    color: rgba(37, 45, 44, .7)
}

.chain-item-desc2-selected {
    color: #10d675
}

.chain-item-desc2-disabled {
    color: #262929
}

.warning-memo-btn {
    width: 440 !important
}

@media(max-width:425px) {
    .warning-memo-btn {
        width: auto
    }
}

.warning-memo-btn button>div>span {
    font-size: 18px !important
}

@media(max-width:425px) {
    .warning-memo-btn button>div>span {
        font-size: 14px !important
    }
}

.withdraw-dialog-ctn {
    max-width: 640px !important;
    margin: 0 !important
}

.withdraw-memo-dialog {
    max-width: 659px !important
}

@media(max-width:425px) {
    .withdraw-memo-dialog {
        width: calc(100vw - 30px) !important
    }
}

.withdraw-memo-dialog-title {
    font-size: 16px;
    padding-top: 25px;
    padding-bottom: 10px
}

.withdraw-memo-dialog-desc {
    font-size: 14px;
    padding-left: 8px
}

.withdraw-success-dialog {
    max-width: 624px !important
}

@media(max-width:425px) {
    .withdraw-success-dialog {
        width: calc(100vw - 30px) !important
    }
}

.withdraw-warning-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 25px 15px;
    border: 1px solid #f42c5b;
    border-radius: 4px;
    background-color: rgba(244, 44, 92, .2)
}

.withdraw-warning-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

@media(max-width:425px) {
    .withdraw-warning-title {
        font-size: 14px;
        line-height: 20px
    }
}

.withdraw-warning-desc {
    font-size: 14px;
    line-height: 21px
}

@media(max-width:425px) {
    .withdraw-warning-desc {
        font-size: 12px;
        line-height: 18px
    }
}

.withdraw-warning-img {
    width: 40px;
    height: 34px;
    margin-right: 25px
}

@media(max-width:425px) {
    .withdraw-warning-img {
        margin-right: 8px;
        width: 16px;
        height: 14px
    }
}

.withdraw-label {
    width: 624px !important
}

@media(max-width:425px) {
    .withdraw-label {
        width: calc(100% - 60px) !important
    }
}

.withdraw-label-content-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 15px;
    justify-content: space-between
}

@media(max-width:425px) {
    .withdraw-label-content-wrapper {
        align-items: normal;
        flex-direction: column;
        margin-bottom: 15px;
        margin-top: 0
    }
}

.withdraw-label-content-label {
    font-weight: 500;
    font-size: 16px;
    color: #a1ada5;
    width: 40%
}

@media(max-width:425px) {
    .withdraw-label-content-label {
        width: auto;
        margin-bottom: 8px
    }
}

.withdraw-label-content-text {
    font-weight: 400;
    font-size: 16px;
    color: #10d675;
    width: 60%;
    word-break: break-word
}

@media(max-width:425px) {
    .withdraw-label-content-text {
        width: auto
    }
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::-webkit-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.tw-pointer-events-none {
    pointer-events: none
}

.tw-pointer-events-auto {
    pointer-events: auto
}

.tw-fixed {
    position: fixed
}

.tw-absolute {
    position: absolute
}

.tw-relative {
    position: relative
}

.tw-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.tw-top-0 {
    top: 0
}

.tw-top-\[7px\] {
    top: 7px
}

.tw-top-2\.5 {
    top: .625rem
}

.tw-right-2\.5 {
    right: .625rem
}

.tw-left-\[unset\] {
    left: unset
}

.tw-top-2 {
    top: .5rem
}

.tw-right-2 {
    right: .5rem
}

.tw-top-1 {
    top: .25rem
}

.tw-right-1 {
    right: .25rem
}

.\!tw-top-2\.5 {
    top: .625rem !important
}

.\!tw-right-2\.5 {
    right: .625rem !important
}

.\!tw-left-\[unset\] {
    left: unset !important
}

.\!tw-top-2 {
    top: .5rem !important
}

.\!tw-right-2 {
    right: .5rem !important
}

.tw-bottom-0 {
    bottom: 0
}

.tw-left-0 {
    left: 0
}

.tw-top-3\.5 {
    top: .875rem
}

.tw-left-\[23px\] {
    left: 23px
}

.tw-top-3 {
    top: .75rem
}

.tw-top-0\.5 {
    top: .125rem
}

.-tw-top-\[1px\] {
    top: -1px
}

.tw-top-6 {
    top: 1.5rem
}

.tw-right-4 {
    right: 1rem
}

.tw-top-\[5px\] {
    top: 5px
}

.tw-right-\[5px\] {
    right: 5px
}

.tw-left-full {
    left: 100%
}

.tw-z-10 {
    z-index: 10
}

.tw-z-\[4000\] {
    z-index: 4000
}

.tw-z-0 {
    z-index: 0
}

.tw-z-\[1px\] {
    z-index: 1px
}

.tw-col-span-6 {
    grid-column: span 6/span 6
}

.tw-float-right {
    float: right
}

.tw-float-left {
    float: left
}

.tw-m-\[0_15px\] {
    margin: 0 15px
}

.tw-m-\[5px_15px\] {
    margin: 5px 15px
}

.tw-m-2\.5 {
    margin: .625rem
}

.tw-m-2 {
    margin: .5rem
}

.tw-m-\[10px_15px_10px_0\] {
    margin: 10px 15px 10px 0
}

.tw-m-0 {
    margin: 0
}

.\!tw-m-\[10px\] {
    margin: 10px !important
}

.tw-m-\[10px_0\] {
    margin: 10px 0
}

.tw-m-4 {
    margin: 1rem
}

.tw-m-1 {
    margin: .25rem
}

.tw-m-\[15px_0\] {
    margin: 15px 0
}

.tw-m-1\.5 {
    margin: .375rem
}

.tw-m-\[20px_0px_0px_0px\] {
    margin: 20px 0 0
}

.tw-m-\[0px_0px_65px_0px\] {
    margin: 0 0 65px
}

.tw-m-\[0px_0px_20px_0px\] {
    margin: 0 0 20px
}

.tw-m-\[0px_0px_15px_0px\] {
    margin: 0 0 15px
}

.tw-m-\[10px_0px_0px_0px\] {
    margin: 10px 0 0
}

.tw-m-auto {
    margin: auto
}

.tw-m-\[6px\] {
    margin: 6px
}

.tw-m-\[10px\] {
    margin: 10px
}

.tw-m-\[14px\] {
    margin: 14px
}

.\!tw-m-0 {
    margin: 0 !important
}

.tw-m-\[0_1vw\] {
    margin: 0 1vw
}

.tw-m-\[5px\] {
    margin: 5px
}

.tw-m-\[0_10px_15px\] {
    margin: 0 10px 15px
}

.tw-m-\[20px_0px_15px_0px\] {
    margin: 20px 0 15px
}

.tw-m-\[0px_0px_30px_0px\] {
    margin: 0 0 30px
}

.tw-m-\[0px\] {
    margin: 0
}

.tw-m-\[0px_0px_50px_0px\] {
    margin: 0 0 50px
}

.tw-m-\[0_auto\] {
    margin: 0 auto
}

.tw-mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem
}

.tw-mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.tw-mx-\[9px\] {
    margin-left: 9px;
    margin-right: 9px
}

.tw-my-\[68px\] {
    margin-top: 68px;
    margin-bottom: 68px
}

.tw-my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.tw-my-2\.5 {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.tw-my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.tw-my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.tw-my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.tw-mx-0 {
    margin-left: 0;
    margin-right: 0
}

.\!tw-my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.tw-my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.tw-my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.\!tw-my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.tw-mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.tw-mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.tw-my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.tw-my-\[60px\] {
    margin-top: 60px;
    margin-bottom: 60px
}

.tw-my-\[6\%\] {
    margin-top: 6%;
    margin-bottom: 6%
}

.tw-mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.tw-mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.tw-mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
}

.tw-my-\[13px\] {
    margin-top: 13px;
    margin-bottom: 13px
}

.tw-my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.tw-mx-\[5px\] {
    margin-left: 5px;
    margin-right: 5px
}

.tw-mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.tw-mx-\[40px\] {
    margin-left: 40px;
    margin-right: 40px
}

.tw-my-3\.5 {
    margin-top: .875rem;
    margin-bottom: .875rem
}

.tw-my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.tw-mb-\[50px\] {
    margin-bottom: 50px
}

.tw-mt-4 {
    margin-top: 1rem
}

.tw-mt-2 {
    margin-top: .5rem
}

.tw-mt-\[39px\] {
    margin-top: 39px
}

.tw-mb-\[19px\] {
    margin-bottom: 19px
}

.tw-mb-6 {
    margin-bottom: 1.5rem
}

.tw-mb-\[35px\] {
    margin-bottom: 35px
}

.tw-mt-8 {
    margin-top: 2rem
}

.tw-mb-\[42px\] {
    margin-bottom: 42px
}

.tw-mb-4 {
    margin-bottom: 1rem
}

.tw-mt-0 {
    margin-top: 0
}

.tw-mt-3 {
    margin-top: .75rem
}

.tw-mr-\[5px\] {
    margin-right: 5px
}

.tw-mr-1 {
    margin-right: .25rem
}

.tw-mr-2 {
    margin-right: .5rem
}

.tw-mb-0 {
    margin-bottom: 0
}

.tw-mb-2\.5 {
    margin-bottom: .625rem
}

.tw-mb-2 {
    margin-bottom: .5rem
}

.-tw-mt-2\.5 {
    margin-top: -.625rem
}

.-tw-mt-2 {
    margin-top: -.5rem
}

.tw-mt-2\.5 {
    margin-top: .625rem
}

.tw-mt-9 {
    margin-top: 2.25rem
}

.tw-mt-12 {
    margin-top: 3rem
}

.tw-mt-\[26px\] {
    margin-top: 26px
}

.tw-mt-6 {
    margin-top: 1.5rem
}

.tw-mb-10 {
    margin-bottom: 2.5rem
}

.tw-mr-3 {
    margin-right: .75rem
}

.tw-ml-3 {
    margin-left: .75rem
}

.tw-mt-10 {
    margin-top: 2.5rem
}

.tw-mt-11 {
    margin-top: 2.75rem
}

.tw-mt-16 {
    margin-top: 4rem
}

.-tw-mb-\[50px\] {
    margin-bottom: -50px
}

.\!tw-mb-4 {
    margin-bottom: 1rem !important
}

.tw-mr-\[3em\] {
    margin-right: 3em
}

.tw-ml-10 {
    margin-left: 2.5rem
}

.tw-mt-\[60px\] {
    margin-top: 60px
}

.tw-mt-1 {
    margin-top: .25rem
}

.tw-ml-4 {
    margin-left: 1rem
}

.tw-mb-8 {
    margin-bottom: 2rem
}

.tw-ml-5 {
    margin-left: 1.25rem
}

.tw-mb-3 {
    margin-bottom: .75rem
}

.tw-ml-1 {
    margin-left: .25rem
}

.tw-mt-5 {
    margin-top: 1.25rem
}

.tw-mt-\[30px\] {
    margin-top: 30px
}

.\!tw-ml-0 {
    margin-left: 0 !important
}

.tw-mt-\[7\.5\%\] {
    margin-top: 7.5%
}

.tw-mt-\[25\%\] {
    margin-top: 25%
}

.tw-mt-\[3\.5\%\] {
    margin-top: 3.5%
}

.tw-mt-\[2\.5\%\] {
    margin-top: 2.5%
}

.tw-mt-\[3\%\] {
    margin-top: 3%
}

.tw-mt-\[5\.5\%\] {
    margin-top: 5.5%
}

.tw-mr-4 {
    margin-right: 1rem
}

.tw-mb-5 {
    margin-bottom: 1.25rem
}

.\!tw-mr-2 {
    margin-right: .5rem !important
}

.\!tw-mb-5 {
    margin-bottom: 1.25rem !important
}

.\!tw-mt-6 {
    margin-top: 1.5rem !important
}

.tw-ml-2 {
    margin-left: .5rem
}

.\!tw-mt-\[30px\] {
    margin-top: 30px !important
}

.tw-mr-2\.5 {
    margin-right: .625rem
}

.tw-ml-2\.5 {
    margin-left: .625rem
}

.tw-ml-0 {
    margin-left: 0
}

.tw-mb-\[25px\] {
    margin-bottom: 25px
}

.tw-mt-\[14px\] {
    margin-top: 14px
}

.\!tw-mr-3 {
    margin-right: .75rem !important
}

.\!tw-mr-0 {
    margin-right: 0 !important
}

.tw-mb-\[15px\] {
    margin-bottom: 15px
}

.tw-mb-20 {
    margin-bottom: 5rem
}

.tw-mt-\[15px\] {
    margin-top: 15px
}

.tw-mr-\[30px\] {
    margin-right: 30px
}

.tw-mt-\[25px\] {
    margin-top: 25px
}

.tw-mb-1 {
    margin-bottom: .25rem
}

.tw-mb-44 {
    margin-bottom: 11rem
}

.tw-mb-\[12\.8px\] {
    margin-bottom: 12.8px
}

.tw-mr-5 {
    margin-right: 1.25rem
}

.tw-mt-auto {
    margin-top: auto
}

.\!tw-mt-0 {
    margin-top: 0 !important
}

.tw-mr-\[0\.4vw\] {
    margin-right: .4vw
}

.tw-mr-\[0\.2vw\] {
    margin-right: .2vw
}

.tw-ml-\[7px\] {
    margin-left: 7px
}

.\!tw-mr-\[5px\] {
    margin-right: 5px !important
}

.-tw-mt-\[3px\] {
    margin-top: -3px
}

.tw-mr-0 {
    margin-right: 0
}

.tw-mr-\[78px\] {
    margin-right: 78px
}

.tw-mt-3\.5 {
    margin-top: .875rem
}

.\!tw-mt-3 {
    margin-top: .75rem !important
}

.tw-mt-\[5px\] {
    margin-top: 5px
}

.tw-mb-\[20px\] {
    margin-bottom: 20px
}

.tw-mr-\[10px\] {
    margin-right: 10px
}

.tw-mt-20 {
    margin-top: 5rem
}

.tw-mb-\[18px\] {
    margin-bottom: 18px
}

.-tw-ml-\[9px\] {
    margin-left: -9px
}

.tw-mr-3\.5 {
    margin-right: .875rem
}

.tw-block {
    display: block
}

.tw-inline-block {
    display: inline-block
}

.tw-inline {
    display: inline
}

.tw-flex {
    display: flex
}

.tw-inline-flex {
    display: inline-flex
}

.tw-grid {
    display: grid
}

.tw-contents {
    display: contents
}

.tw-hidden {
    display: none
}

.\!tw-hidden {
    display: none !important
}

.tw-aspect-square {
    aspect-ratio: 1/1
}

.tw-h-4 {
    height: 1rem
}

.tw-h-\[230\.57px\] {
    height: 230.57px
}

.tw-h-\[177px\] {
    height: 177px
}

.tw-h-\[42px\] {
    height: 42px
}

.tw-h-\[46px\] {
    height: 46px
}

.\!tw-h-\[36px\] {
    height: 36px !important
}

.tw-h-12 {
    height: 3rem
}

.tw-h-full {
    height: 100%
}

.\!tw-h-12 {
    height: 3rem !important
}

.tw-h-auto {
    height: auto
}

.tw-h-16 {
    height: 4rem
}

.tw-h-6 {
    height: 1.5rem
}

.tw-h-\[260px\] {
    height: 260px
}

.\!tw-h-\[60px\] {
    height: 60px !important
}

.\!tw-h-auto {
    height: auto !important
}

.\!tw-h-10 {
    height: 2.5rem !important
}

.tw-h-\[22px\] {
    height: 22px
}

.tw-h-\[26px\] {
    height: 26px
}

.tw-h-11 {
    height: 2.75rem
}

.tw-h-\[45px\] {
    height: 45px
}

.tw-h-\[37px\] {
    height: 37px
}

.tw-h-\[25px\] {
    height: 25px
}

.tw-h-\[21px\] {
    height: 21px
}

.tw-h-9 {
    height: 2.25rem
}

.tw-h-\[50px\] {
    height: 50px
}

.\!tw-h-6 {
    height: 1.5rem !important
}

.tw-h-10 {
    height: 2.5rem
}

.tw-h-36 {
    height: 9rem
}

.tw-h-\[113px\] {
    height: 113px
}

.tw-h-\[135px\] {
    height: 135px
}

.tw-h-\[16px\] {
    height: 16px
}

.\!tw-h-\[49px\] {
    height: 49px !important
}

.tw-h-2\.5 {
    height: .625rem
}

.tw-h-2 {
    height: .5rem
}

.\!tw-h-max {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important
}

.tw-h-8 {
    height: 2rem
}

.\!tw-h-\[48px\] {
    height: 48px !important
}

.tw-h-max {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.tw-h-\[1px\] {
    height: 1px
}

.\!tw-h-4 {
    height: 1rem !important
}

.tw-h-\[30px\] {
    height: 30px
}

.\!tw-h-\[44px\] {
    height: 44px !important
}

.tw-h-5 {
    height: 1.25rem
}

.\!tw-h-\[45px\] {
    height: 45px !important
}

.tw-h-\[400px\] {
    height: 400px
}

.tw-h-14 {
    height: 3.5rem
}

.tw-h-\[44px\] {
    height: 44px
}

.tw-h-\[80vh\] {
    height: 80vh
}

.tw-h-\[41px\] {
    height: 41px
}

.tw-h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.tw-h-\[48px\] {
    height: 48px
}

.tw-h-3 {
    height: .75rem
}

.tw-h-\[60px\] {
    height: 60px
}

.tw-h-\[calc\(100vh_-_90px\)\] {
    height: calc(100vh - 90px)
}

.tw-h-\[18px\] {
    height: 18px
}

.tw-h-\[100px\] {
    height: 100px
}

.tw-h-\[inherit\] {
    height: inherit
}

.tw-h-7 {
    height: 1.75rem
}

.tw-max-h-\[336px\] {
    max-height: 336px
}

.tw-max-h-10 {
    max-height: 2.5rem
}

.tw-max-h-11 {
    max-height: 2.75rem
}

.tw-max-h-\[112px\] {
    max-height: 112px
}

.tw-max-h-\[125px\] {
    max-height: 125px
}

.tw-max-h-max {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content
}

.\!tw-max-h-12 {
    max-height: 3rem !important
}

.tw-max-h-\[320px\] {
    max-height: 320px
}

.tw-max-h-\[50px\] {
    max-height: 50px
}

.tw-max-h-\[300px\] {
    max-height: 300px
}

.\!tw-max-h-14 {
    max-height: 3.5rem !important
}

.tw-max-h-12 {
    max-height: 3rem
}

.\!tw-max-h-\[42px\] {
    max-height: 42px !important
}

.tw-min-h-\[320px\] {
    min-height: 320px
}

.tw-min-h-\[632px\] {
    min-height: 632px
}

.tw-min-h-\[598px\] {
    min-height: 598px
}

.tw-min-h-\[48px\] {
    min-height: 48px
}

.\!tw-min-h-\[228px\] {
    min-height: 228px !important
}

.tw-min-h-\[79px\] {
    min-height: 79px
}

.tw-min-h-\[470px\] {
    min-height: 470px
}

.tw-min-h-\[45px\] {
    min-height: 45px
}

.tw-min-h-0 {
    min-height: 0
}

.tw-min-h-\[36px\] {
    min-height: 36px
}

.tw-min-h-full {
    min-height: 100%
}

.\!tw-min-h-\[162px\] {
    min-height: 162px !important
}

.tw-w-full {
    width: 100%
}

.tw-w-4 {
    width: 1rem
}

.tw-w-9\/12 {
    width: 75%
}

.tw-w-\[248px\] {
    width: 248px
}

.tw-w-\[196px\] {
    width: 196px
}

.tw-w-\[250px\] {
    width: 250px
}

.tw-w-3\/4 {
    width: 75%
}

.tw-w-4\/5 {
    width: 80%
}

.tw-w-\[230px\] {
    width: 230px
}

.tw-w-\[256px\] {
    width: 256px
}

.tw-w-\[70\%\] {
    width: 70%
}

.tw-w-auto {
    width: auto
}

.tw-w-6 {
    width: 1.5rem
}

.tw-w-\[100px\] {
    width: 100px
}

.tw-w-\[130px\] {
    width: 130px
}

.tw-w-\[calc\(100\%-130px\)\] {
    width: calc(100% - 130px)
}

.tw-w-20 {
    width: 5rem
}

.tw-w-\[120px\] {
    width: 120px
}

.tw-w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.tw-w-\[86px\] {
    width: 86px
}

.tw-w-\[21px\] {
    width: 21px
}

.tw-w-10 {
    width: 2.5rem
}

.tw-w-3\/5 {
    width: 60%
}

.tw-w-1\/5 {
    width: 20%
}

.tw-w-2\/5 {
    width: 40%
}

.tw-w-\[60\%\] {
    width: 60%
}

.tw-w-\[640px\] {
    width: 640px
}

.tw-w-64 {
    width: 16rem
}

.tw-w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tw-w-\[600px\] {
    width: 600px
}

.tw-w-\[165px\] {
    width: 165px
}

.\!tw-w-full {
    width: 100% !important
}

.tw-w-\[232px\] {
    width: 232px
}

.tw-w-\[198px\] {
    width: 198px
}

.tw-w-\[19px\] {
    width: 19px
}

.\!tw-w-\[180px\] {
    width: 180px !important
}

.tw-w-\[46px\] {
    width: 46px
}

.\!tw-w-max {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important
}

.\!tw-w-auto {
    width: auto !important
}

.tw-w-\[246px\] {
    width: 246px
}

.tw-w-24 {
    width: 6rem
}

.tw-w-16 {
    width: 4rem
}

.tw-w-1\/4 {
    width: 25%
}

.tw-w-2\/4 {
    width: 50%
}

.tw-w-\[10\%\] {
    width: 10%
}

.tw-w-\[99\%\] {
    width: 99%
}

.tw-w-\[80\%\] {
    width: 80%
}

.tw-w-5 {
    width: 1.25rem
}

.tw-w-\[48\%\] {
    width: 48%
}

.tw-w-3 {
    width: .75rem
}

.tw-w-\[18px\] {
    width: 18px
}

.tw-w-40 {
    width: 10rem
}

.tw-w-\[150px\] {
    width: 150px
}

.tw-w-\[50px\] {
    width: 50px
}

.tw-w-7 {
    width: 1.75rem
}

.\!tw-w-\[140px\] {
    width: 140px !important
}

.tw-w-\[60px\] {
    width: 60px
}

.\!tw-min-w-\[88px\] {
    min-width: 88px !important
}

.tw-min-w-\[100px\] {
    min-width: 100px
}

.tw-min-w-\[200px\] {
    min-width: 200px
}

.\!tw-min-w-0 {
    min-width: 0 !important
}

.tw-min-w-\[150px\] {
    min-width: 150px
}

.tw-min-w-\[165px\] {
    min-width: 165px
}

.\!tw-min-w-full {
    min-width: 100% !important
}

.\!tw-min-w-\[64px\] {
    min-width: 64px !important
}

.\!tw-min-w-\[100px\] {
    min-width: 100px !important
}

.tw-min-w-\[64px\] {
    min-width: 64px
}

.tw-min-w-\[160px\] {
    min-width: 160px
}

.tw-min-w-\[110px\] {
    min-width: 110px
}

.tw-min-w-\[140px\] {
    min-width: 140px
}

.tw-min-w-full {
    min-width: 100%
}

.tw-min-w-0 {
    min-width: 0
}

.\!tw-min-w-\[86px\] {
    min-width: 86px !important
}

.\!tw-min-w-\[220px\] {
    min-width: 220px !important
}

.tw-min-w-\[80px\] {
    min-width: 80px
}

.tw-min-w-\[112px\] {
    min-width: 112px
}

.\!tw-min-w-\[123px\] {
    min-width: 123px !important
}

.\!tw-min-w-\[66px\] {
    min-width: 66px !important
}

.tw-min-w-\[95px\] {
    min-width: 95px
}

.tw-min-w-\[170px\] {
    min-width: 170px
}

.\!tw-min-w-\[200px\] {
    min-width: 200px !important
}

.tw-min-w-\[auto\] {
    min-width: auto
}

.tw-max-w-\[30\%\] {
    max-width: 30%
}

.tw-max-w-\[80\%\] {
    max-width: 80%
}

.tw-max-w-\[60\%\] {
    max-width: 60%
}

.tw-max-w-full {
    max-width: 100%
}

.tw-max-w-\[200px\] {
    max-width: 200px
}

.tw-max-w-\[840px\] {
    max-width: 840px
}

.tw-max-w-lg {
    max-width: 32rem
}

.\!tw-max-w-\[624px\] {
    max-width: 624px !important
}

.tw-max-w-\[128px\] {
    max-width: 128px
}

.tw-max-w-\[290px\] {
    max-width: 290px
}

.tw-max-w-\[270px\] {
    max-width: 270px
}

.tw-max-w-\[249px\] {
    max-width: 249px
}

.tw-max-w-\[300px\] {
    max-width: 300px
}

.tw-max-w-\[672px\] {
    max-width: 672px
}

.tw-max-w-\[544px\] {
    max-width: 544px
}

.tw-max-w-\[640px\] {
    max-width: 640px
}

.tw-max-w-\[532px\] {
    max-width: 532px
}

.tw-max-w-xl {
    max-width: 36rem
}

.tw-max-w-max {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.tw-max-w-\[1920px\] {
    max-width: 1920px
}

.tw-max-w-\[500px\] {
    max-width: 500px
}

.tw-max-w-\[1280px\] {
    max-width: 1280px
}

.tw-max-w-none {
    max-width: none
}

.tw-max-w-\[207px\] {
    max-width: 207px
}

.tw-max-w-\[313px\] {
    max-width: 313px
}

.tw-max-w-\[196px\] {
    max-width: 196px
}

.tw-max-w-\[400px\] {
    max-width: 400px
}

.tw-flex-1 {
    flex: 1 1 0%
}

.tw-flex-initial {
    flex: 0 1 auto
}

.tw-flex-grow-0 {
    flex-grow: 0
}

.tw-grow {
    flex-grow: 1
}

.-tw-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-tw-translate-x-1\/2,
.-tw-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-tw-translate-y-1\/2 {
    --tw-translate-y: -10%
}

.-tw-translate-y-full {
    --tw-translate-y: -100%
}

.-tw-translate-y-full,
.tw-rotate-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-rotate-0 {
    --tw-rotate: 0deg
}

.tw-rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-transform-none {
    transform: none
}

.tw-cursor-pointer {
    cursor: pointer
}

.tw-cursor-default {
    cursor: default
}

.tw-cursor-auto {
    cursor: auto
}

.tw-list-outside {
    list-style-position: outside
}

.tw-list-disc {
    list-style-type: disc
}

.tw-list-decimal {
    list-style-type: decimal
}

.tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.tw-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.tw-flex-row {
    flex-direction: row
}

.tw-flex-col {
    flex-direction: column
}

.tw-flex-col-reverse {
    flex-direction: column-reverse
}

.\!tw-flex-col-reverse {
    flex-direction: column-reverse !important
}

.tw-flex-nowrap {
    flex-wrap: nowrap
}

.tw-items-start {
    align-items: flex-start
}

.tw-items-end {
    align-items: flex-end
}

.tw-items-center {
    align-items: center
}

.tw-items-baseline {
    align-items: baseline
}

.\!tw-justify-start {
    justify-content: flex-start !important
}

.tw-justify-start {
    justify-content: flex-start
}

.tw-justify-end {
    justify-content: flex-end
}

.tw-justify-center {
    justify-content: center
}

.tw-justify-between {
    justify-content: space-between
}

.tw-justify-around {
    justify-content: space-around
}

.tw-justify-evenly {
    justify-content: space-evenly
}

.tw-gap-2 {
    gap: .5rem
}

.tw-gap-4 {
    gap: 1rem
}

.tw-gap-14 {
    gap: 3.5rem
}

.tw-gap-2\.5 {
    gap: .625rem
}

.tw-gap-0 {
    gap: 0
}

.tw-gap-\[20px\] {
    gap: 20px
}

.tw-gap-10 {
    gap: 2.5rem
}

.tw-space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.tw-self-end {
    align-self: flex-end
}

.tw-self-center {
    align-self: center
}

.tw-overflow-auto {
    overflow: auto
}

.tw-overflow-hidden {
    overflow: hidden
}

.tw-overflow-visible {
    overflow: visible
}

.tw-overflow-x-auto {
    overflow-x: auto
}

.tw-overflow-y-auto {
    overflow-y: auto
}

.tw-overflow-x-hidden {
    overflow-x: hidden
}

.tw-overflow-y-scroll {
    overflow-y: scroll
}

.tw-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tw-whitespace-normal {
    white-space: normal
}

.tw-whitespace-nowrap {
    white-space: nowrap
}

.tw-whitespace-pre {
    white-space: pre
}

.tw-whitespace-pre-line {
    white-space: pre-line
}

.tw-whitespace-pre-wrap {
    white-space: pre-wrap
}

.tw-break-words {
    overflow-wrap: break-word
}

.tw-rounded-none {
    border-radius: 0
}

.tw-rounded-\[100\%\] {
    border-radius: 100%
}

.\!tw-rounded-sm {
    border-radius: .125rem !important
}

.tw-rounded {
    border-radius: .25rem
}

.\!tw-rounded {
    border-radius: .25rem !important
}

.tw-rounded-full {
    border-radius: 9999px
}

.tw-rounded-sm {
    border-radius: .125rem
}

.\!tw-rounded-md {
    border-radius: .375rem !important
}

.tw-rounded-md {
    border-radius: .375rem
}

.\!tw-rounded-\[4px\] {
    border-radius: 4px !important
}

.tw-rounded-\[10px\] {
    border-radius: 10px
}

.tw-rounded-\[2px\] {
    border-radius: 2px
}

.tw-rounded-\[5px\] {
    border-radius: 5px
}

.tw-rounded-\[3px\] {
    border-radius: 3px
}

.tw-rounded-lg {
    border-radius: .5rem
}

.\!tw-rounded-\[5px\] {
    border-radius: 5px !important
}

.tw-rounded-\[20px\] {
    border-radius: 20px
}

.tw-rounded-\[50\%\] {
    border-radius: 50%
}

.tw-rounded-\[6px\] {
    border-radius: 6px
}

.tw-border {
    border-width: 1px
}

.tw-border-0 {
    border-width: 0
}

.tw-border-2 {
    border-width: 2px
}

.tw-border-\[1px\] {
    border-width: 1px
}

.tw-border-b {
    border-bottom-width: 1px
}

.tw-border-b-2 {
    border-bottom-width: 2px
}

.tw-border-b-0 {
    border-bottom-width: 0
}

.tw-border-solid {
    border-style: solid
}

.tw-border-none {
    border-style: none
}

.\!tw-border-gray-1100 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(181 181 181/var(--tw-border-opacity)) !important
}

.tw-border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.tw-border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(161 173 165/var(--tw-border-opacity))
}

.\!tw-border-gray-400 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(161 173 165/var(--tw-border-opacity)) !important
}

.tw-border-neutral-100 {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity))
}

.\!tw-border-slate-200 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(59 59 59/var(--tw-border-opacity)) !important
}

.tw-border-zinc-300 {
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231/var(--tw-border-opacity))
}

.tw-border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgb(2 215 103/var(--tw-border-opacity))
}

.tw-border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(59 59 59/var(--tw-border-opacity))
}

.tw-border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(244 44 92/var(--tw-border-opacity))
}

.tw-border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgb(16 214 117/var(--tw-border-opacity))
}

.tw-border-transparent {
    border-color: transparent
}

.\!tw-border-white {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity)) !important
}

.\!tw-border-zinc-400 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(224 224 224/var(--tw-border-opacity)) !important
}

.tw-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(179 179 179/var(--tw-border-opacity))
}

.tw-border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(128 150 160/var(--tw-border-opacity))
}

.tw-border-zinc-400 {
    --tw-border-opacity: 1;
    border-color: rgb(224 224 224/var(--tw-border-opacity))
}

.tw-border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgb(242 194 48/var(--tw-border-opacity))
}

.tw-border-zinc-100 {
    --tw-border-opacity: 1;
    border-color: rgb(235 235 235/var(--tw-border-opacity))
}

.tw-border-zinc-500 {
    --tw-border-opacity: 1;
    border-color: rgb(207 207 207/var(--tw-border-opacity))
}

.tw-border-b-gray-200 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(179 179 179/var(--tw-border-opacity))
}

.tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.tw-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity))
}

.tw-bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.\!tw-bg-newGray-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(221 221 221/var(--tw-bg-opacity)) !important
}

.\!tw-bg-slate-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(59 59 59/var(--tw-bg-opacity)) !important
}

.tw-bg-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.tw-bg-orange-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 244 232/var(--tw-bg-opacity))
}

.tw-bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(13 205 106/var(--tw-bg-opacity))
}

.tw-bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 59 59/var(--tw-bg-opacity))
}

.\!tw-bg-inherit {
    background-color: inherit !important
}

.tw-bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 215 103/var(--tw-bg-opacity))
}

.tw-bg-transparent {
    background-color: transparent
}

.tw-bg-orange-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 147 26/var(--tw-bg-opacity))
}

.tw-bg-red-500\/10 {
    background-color: rgba(244, 44, 92, .1)
}

.tw-bg-green-100\/10 {
    background-color: rgba(2, 215, 103, .1)
}

.tw-bg-\[rgba\(0\,0\,0\,0\.1\)\] {
    background-color: rgba(0, 0, 0, .1)
}

.tw-bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(161 173 165/var(--tw-bg-opacity))
}

.\!tw-bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.\!tw-bg-transparent {
    background-color: transparent !important
}

.tw-bg-slate-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(41 50 51/var(--tw-bg-opacity))
}

.\!tw-bg-green-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(2 215 103/var(--tw-bg-opacity)) !important
}

.tw-bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 214 117/var(--tw-bg-opacity))
}

.\!tw-bg-gray-400 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(161 173 165/var(--tw-bg-opacity)) !important
}

.tw-bg-red-500\/5 {
    background-color: rgba(244, 44, 92, .05)
}

.tw-bg-slate-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 226 226/var(--tw-bg-opacity))
}

.\!tw-bg-slate-700 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(218 218 218/var(--tw-bg-opacity)) !important
}

.tw-bg-brown-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(92 69 0/var(--tw-bg-opacity))
}

.tw-bg-neutral-900\/50 {
    background-color: hsla(190, 3%, 43%, .5)
}

.\!tw-bg-\[rgba\(0\2c 0\2c 0\2c 0\.87\)\] {
    background-color: rgba(0, 0, 0, .87) !important
}

.\!tw-bg-\[rgb\(255\2c 64\2c 129\)\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 64 129/var(--tw-bg-opacity)) !important
}

.\!tw-bg-neutral-600 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(33 33 33/var(--tw-bg-opacity)) !important
}

.\!tw-bg-pink-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 64 129/var(--tw-bg-opacity)) !important
}

.tw-bg-\[\#FFF4E8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 244 232/var(--tw-bg-opacity))
}

.\!tw-bg-\[\#02D767\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(2 215 103/var(--tw-bg-opacity)) !important
}

.\!tw-bg-slate-50 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(204 204 204/var(--tw-bg-opacity)) !important
}

.tw-bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 76 109/var(--tw-bg-opacity))
}

.tw-bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(86 148 213/var(--tw-bg-opacity))
}

.tw-bg-\[rgba\(16\,2214\,117\,0\.2\)\] {
    background-color: rgba(16, 255, 117, .2)
}

.tw-bg-slate-1300 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 234 239/var(--tw-bg-opacity))
}

.\!tw-bg-gray-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(51 51 51/var(--tw-bg-opacity)) !important
}

.tw-bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 213 53/var(--tw-bg-opacity))
}

.tw-bg-slate-1200 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 248 240/var(--tw-bg-opacity))
}

.tw-bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 191 97/var(--tw-bg-opacity))
}

.tw-bg-newWhite-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 238 241/var(--tw-bg-opacity))
}

.\!tw-bg-orange-300 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(247 147 26/var(--tw-bg-opacity)) !important
}

.\!tw-bg-red-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(244 44 92/var(--tw-bg-opacity)) !important
}

.tw-bg-yellow-400\/20 {
    background-color: rgba(242, 194, 48, .2)
}

.tw-bg-inherit {
    background-color: inherit
}

.tw-bg-none {
    background-image: none
}

.tw-fill-gray-400 {
    fill: #a1ada5
}

.tw-fill-black {
    fill: #000
}

.tw-fill-white {
    fill: #fff
}

.tw-fill-gray-100 {
    fill: #333
}

.tw-fill-orange-100 {
    fill: #fbc000
}

.tw-fill-green-100 {
    fill: #02d767
}

.\!tw-fill-green-100 {
    fill: #02d767 !important
}

.\!tw-fill-white {
    fill: #fff !important
}

.tw-fill-gray-500 {
    fill: #979797
}

.tw-fill-gray-300 {
    fill: #a3aca5
}

.tw-fill-gray-200 {
    fill: #b3b3b3
}

.tw-object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.tw-p-0 {
    padding: 0
}

.tw-p-\[0_48px_0_0\] {
    padding: 0 48px 0 0
}

.tw-p-\[6px_70px\] {
    padding: 6px 70px
}

.tw-p-\[15px\] {
    padding: 15px
}

.tw-p-4 {
    padding: 1rem
}

.tw-p-10 {
    padding: 2.5rem
}

.\!tw-p-\[0_18px\] {
    padding: 0 18px !important
}

.\!tw-p-\[18px\] {
    padding: 18px !important
}

.tw-p-6 {
    padding: 1.5rem
}

.tw-p-\[0_40px_32px\] {
    padding: 0 40px 32px
}

.\!tw-p-\[24px_24px_37px\] {
    padding: 24px 24px 37px !important
}

.\!tw-p-6 {
    padding: 1.5rem !important
}

.tw-p-\[0_40px_20px_40px\] {
    padding: 0 40px 20px
}

.tw-p-2 {
    padding: .5rem
}

.tw-p-\[6px\] {
    padding: 6px
}

.\!tw-p-\[0_10px\] {
    padding: 0 10px !important
}

.tw-p-1 {
    padding: .25rem
}

.tw-p-\[26px\] {
    padding: 26px
}

.tw-p-\[10px\] {
    padding: 10px
}

.tw-p-\[0_10px\] {
    padding: 0 10px
}

.\!tw-p-\[0_20px\] {
    padding: 0 20px !important
}

.\!tw-p-0 {
    padding: 0 !important
}

.tw-p-\[16px\] {
    padding: 16px
}

.tw-p-\[0px_0px_0px_24px\] {
    padding: 0 0 0 24px
}

.tw-p-\[0_18px\] {
    padding: 0 18px
}

.\!tw-p-\[16px_16px_24px\] {
    padding: 16px 16px 24px !important
}

.\!tw-p-4 {
    padding: 1rem !important
}

.\!tw-p-\[32px_40px_24px\] {
    padding: 32px 40px 24px !important
}

.\!tw-p-\[0_10px_32px_40px\] {
    padding: 0 10px 32px 40px !important
}

.tw-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.tw-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.tw-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.tw-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.tw-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.tw-py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.tw-px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px
}

.tw-px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.tw-py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.tw-px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.tw-px-\[9px\] {
    padding-left: 9px;
    padding-right: 9px
}

.tw-py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.tw-px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.tw-py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.tw-px-0 {
    padding-left: 0;
    padding-right: 0
}

.tw-py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

.tw-py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.\!tw-px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}

.tw-px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.tw-py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.\!tw-py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important
}

.tw-px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px
}

.tw-py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.tw-px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px
}

.tw-px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.tw-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.tw-px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.tw-py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px
}

.tw-px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px
}

.tw-py-\[10\%\] {
    padding-top: 10%;
    padding-bottom: 10%
}

.tw-px-\[2\%\] {
    padding-left: 2%;
    padding-right: 2%
}

.tw-py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.tw-py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.\!tw-pl-0 {
    padding-left: 0 !important
}

.tw-pl-\[15px\] {
    padding-left: 15px
}

.tw-pt-10 {
    padding-top: 2.5rem
}

.tw-pb-8 {
    padding-bottom: 2rem
}

.tw-pl-6 {
    padding-left: 1.5rem
}

.tw-pl-8 {
    padding-left: 2rem
}

.tw-pt-4 {
    padding-top: 1rem
}

.tw-pb-6 {
    padding-bottom: 1.5rem
}

.tw-pr-2 {
    padding-right: .5rem
}

.tw-pt-0 {
    padding-top: 0
}

.tw-pb-0 {
    padding-bottom: 0
}

.tw-pb-10 {
    padding-bottom: 2.5rem
}

.tw-pl-4 {
    padding-left: 1rem
}

.tw-pt-\[60\%\] {
    padding-top: 60%
}

.tw-pt-8 {
    padding-top: 2rem
}

.\!tw-pt-8 {
    padding-top: 2rem !important
}

.\!tw-pb-6 {
    padding-bottom: 1.5rem !important
}

.\!tw-pr-10 {
    padding-right: 2.5rem !important
}

.\!tw-pb-8 {
    padding-bottom: 2rem !important
}

.\!tw-pt-0 {
    padding-top: 0 !important
}

.tw-pb-2 {
    padding-bottom: .5rem
}

.tw-pt-2 {
    padding-top: .5rem
}

.tw-pt-3 {
    padding-top: .75rem
}

.tw-pr-1 {
    padding-right: .25rem
}

.tw-pt-\[30px\] {
    padding-top: 30px
}

.tw-pl-0 {
    padding-left: 0
}

.tw-pl-5 {
    padding-left: 1.25rem
}

.tw-pl-3 {
    padding-left: .75rem
}

.tw-pr-8 {
    padding-right: 2rem
}

.tw-pt-0\.5 {
    padding-top: .125rem
}

.tw-pr-0 {
    padding-right: 0
}

.tw-pr-10 {
    padding-right: 2.5rem
}

.tw-pr-6 {
    padding-right: 1.5rem
}

.tw-pb-12 {
    padding-bottom: 3rem
}

.tw-text-left {
    text-align: left
}

.tw-text-center {
    text-align: center
}

.\!tw-text-center {
    text-align: center !important
}

.tw-text-right {
    text-align: right
}

.tw-align-middle {
    vertical-align: middle
}

.tw-font-\[Dosis\] {
    font-family: Dosis
}

.tw-font-\[Kanit-Regular\],
.tw-font-\[\'Kanit-Regular\'\] {
    font-family: Kanit-Regular
}

.tw-font-\[Roboto\],
.tw-font-\[\'Roboto\'\] {
    font-family: Roboto
}

.tw-font-\[\'Kanit-Bold\'\] {
    font-family: Kanit-Bold
}

.tw-font-\[Kanit-Medium\] {
    font-family: Kanit-Medium
}

.tw-font-sans {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.tw-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.tw-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.tw-text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.tw-text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.tw-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.tw-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.\!tw-text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.\!tw-text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.\!tw-text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.tw-text-\[14px\] {
    font-size: 14px
}

.tw-text-\[20px\] {
    font-size: 20px
}

.tw-text-\[16px\] {
    font-size: 16px
}

.tw-text-\[24px\] {
    font-size: 24px
}

.tw-text-\[12px\] {
    font-size: 12px
}

.\!tw-text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}

.tw-text-\[1\.25em\] {
    font-size: 1.25em
}

.tw-text-\[1\.5em\] {
    font-size: 1.5em
}

.tw-text-\[1\.1em\] {
    font-size: 1.1em
}

.tw-text-\[2\.5em\] {
    font-size: 2.5em
}

.\!tw-text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
}

.tw-text-\[11px\] {
    font-size: 11px
}

.\!tw-text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important
}

.\!tw-text-\[13px\] {
    font-size: 13px !important
}

.tw-text-\[13px\] {
    font-size: 13px
}

.tw-text-\[40px\] {
    font-size: 40px
}

.tw-text-\[21px\] {
    font-size: 21px
}

.tw-font-bold {
    font-weight: 700
}

.tw-font-normal {
    font-weight: 400
}

.tw-font-semibold {
    font-weight: 600
}

.tw-font-medium {
    font-weight: 500
}

.\!tw-font-bold {
    font-weight: 700 !important
}

.tw-font-light {
    font-weight: 300
}

.\!tw-font-medium {
    font-weight: 500 !important
}

.\!tw-font-normal {
    font-weight: 400 !important
}

.tw-uppercase {
    text-transform: uppercase
}

.tw-lowercase {
    text-transform: lowercase
}

.tw-capitalize {
    text-transform: capitalize
}

.\!tw-capitalize {
    text-transform: capitalize !important
}

.tw-normal-case {
    text-transform: none
}

.\!tw-normal-case {
    text-transform: none !important
}

.tw-leading-\[26px\] {
    line-height: 26px
}

.tw-leading-6 {
    line-height: 1.5rem
}

.tw-leading-relaxed {
    line-height: 1.625
}

.tw-leading-4 {
    line-height: 1rem
}

.tw-leading-\[22px\] {
    line-height: 22px
}

.tw-leading-10 {
    line-height: 2.5rem
}

.tw-leading-5 {
    line-height: 1.25rem
}

.tw-leading-\[33px\] {
    line-height: 33px
}

.tw-leading-9 {
    line-height: 2.25rem
}

.tw-leading-\[37px\] {
    line-height: 37px
}

.tw-leading-\[21px\] {
    line-height: 21px
}

.tw-leading-8 {
    line-height: 2rem
}

.\!tw-leading-\[25px\] {
    line-height: 25px !important
}

.\!tw-leading-\[2px\] {
    line-height: 2px !important
}

.tw-leading-\[60px\] {
    line-height: 60px
}

.\!tw-leading-9 {
    line-height: 2.25rem !important
}

.tw-leading-\[initial\] {
    line-height: normal
}

.tw-leading-\[48px\] {
    line-height: 48px
}

.\!tw-leading-none {
    line-height: 1 !important
}

.tw-leading-none {
    line-height: 1
}

.tw-leading-\[44px\] {
    line-height: 44px
}

.tw-leading-\[29px\] {
    line-height: 29px
}

.\!tw-leading-\[44px\] {
    line-height: 44px !important
}

.\!tw-leading-\[45px\] {
    line-height: 45px !important
}

.tw-leading-7 {
    line-height: 1.75rem
}

.\!tw-leading-7 {
    line-height: 1.75rem !important
}

.tw-tracking-\[-0\.408px\] {
    letter-spacing: -.408px
}

.tw-tracking-\[2px\] {
    letter-spacing: 2px
}

.tw-tracking-\[1px\] {
    letter-spacing: 1px
}

.tw-text-inherit {
    color: inherit
}

.tw-text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(37 45 44/var(--tw-text-opacity))
}

.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.tw-text-green-100 {
    --tw-text-opacity: 1;
    color: rgb(2 215 103/var(--tw-text-opacity))
}

.tw-text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(241 117 60/var(--tw-text-opacity))
}

.tw-text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(0 122 255/var(--tw-text-opacity))
}

.tw-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(151 151 151/var(--tw-text-opacity))
}

.tw-text-orange-200 {
    --tw-text-opacity: 1;
    color: rgb(248 184 43/var(--tw-text-opacity))
}

.tw-text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.tw-text-stone-900 {
    color: #000000de
}

.tw-text-red-1200 {
    --tw-text-opacity: 1;
    color: rgb(255 83 114/var(--tw-text-opacity))
}

.tw-text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(247 75 109/var(--tw-text-opacity))
}

.tw-text-orange-300 {
    --tw-text-opacity: 1;
    color: rgb(247 147 26/var(--tw-text-opacity))
}

.\!tw-text-stone-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(48 48 48/var(--tw-text-opacity)) !important
}

.\!tw-text-gray-1100 {
    --tw-text-opacity: 1 !important;
    color: rgb(181 181 181/var(--tw-text-opacity)) !important
}

.\!tw-text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.tw-text-red-1100 {
    --tw-text-opacity: 1;
    color: rgb(240 66 83/var(--tw-text-opacity))
}

.tw-text-trueGray-500 {
    --tw-text-opacity: 1;
    color: rgb(121 136 134/var(--tw-text-opacity))
}

.tw-text-gray-1100 {
    --tw-text-opacity: 1;
    color: rgb(181 181 181/var(--tw-text-opacity))
}

.tw-text-amber-600 {
    --tw-text-opacity: 1;
    color: rgb(213 121 10/var(--tw-text-opacity))
}

.tw-text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(16 214 117/var(--tw-text-opacity))
}

.tw-text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(46 167 255/var(--tw-text-opacity))
}

.\!tw-text-inherit {
    color: inherit !important
}

.tw-text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(244 44 92/var(--tw-text-opacity))
}

.tw-text-\[\#252D2C\] {
    --tw-text-opacity: 1;
    color: rgb(37 45 44/var(--tw-text-opacity))
}

.tw-text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(161 173 165/var(--tw-text-opacity))
}

.\!tw-text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.tw-text-\[rgba\(0\,0\,0\,0\.3\)\] {
    color: rgba(0, 0, 0, .3)
}

.\!tw-text-stone-300 {
    --tw-text-opacity: 1 !important;
    color: rgb(153 153 153/var(--tw-text-opacity)) !important
}

.tw-text-red-200 {
    --tw-text-opacity: 1;
    color: rgb(255 79 79/var(--tw-text-opacity))
}

.tw-text-blue-200 {
    --tw-text-opacity: 1;
    color: rgb(21 151 229/var(--tw-text-opacity))
}

.tw-text-stone-1000 {
    --tw-text-opacity: 1;
    color: rgb(12 14 13/var(--tw-text-opacity))
}

.\!tw-text-\[\#252D2C\] {
    --tw-text-opacity: 1 !important;
    color: rgb(37 45 44/var(--tw-text-opacity)) !important
}

.tw-text-slate-100 {
    --tw-text-opacity: 1;
    color: rgb(232 232 232/var(--tw-text-opacity))
}

.tw-text-slate-50 {
    --tw-text-opacity: 1;
    color: rgb(204 204 204/var(--tw-text-opacity))
}

.tw-text-white\/60 {
    color: hsla(0, 0%, 100%, .6)
}

.tw-text-black\/60 {
    color: rgba(0, 0, 0, .6)
}

.\!tw-text-gray-1300 {
    --tw-text-opacity: 1 !important;
    color: rgb(153 153 153/var(--tw-text-opacity)) !important
}

.tw-text-stone-100 {
    --tw-text-opacity: 1;
    color: rgb(171 182 174/var(--tw-text-opacity))
}

.tw-text-stone-300 {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity))
}

.\!tw-text-stone-100 {
    --tw-text-opacity: 1 !important;
    color: rgb(171 182 174/var(--tw-text-opacity)) !important
}

.tw-text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(179 179 179/var(--tw-text-opacity))
}

.\!tw-text-gray-200 {
    --tw-text-opacity: 1 !important;
    color: rgb(179 179 179/var(--tw-text-opacity)) !important
}

.tw-text-\[\#D5790A\] {
    --tw-text-opacity: 1;
    color: rgb(213 121 10/var(--tw-text-opacity))
}

.tw-text-\[\#2EA7FF\] {
    --tw-text-opacity: 1;
    color: rgb(46 167 255/var(--tw-text-opacity))
}

.\!tw-text-\[\#FFFFFF\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.\!tw-text-slate-900 {
    --tw-text-opacity: 1 !important;
    color: rgb(34 40 40/var(--tw-text-opacity)) !important
}

.tw-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.\!tw-text-stone-900 {
    color: #000000de !important
}

.tw-text-neutral-700 {
    --tw-text-opacity: 1;
    color: rgb(33 37 41/var(--tw-text-opacity))
}

.tw-text-slate-800 {
    --tw-text-opacity: 1;
    color: rgb(19 22 22/var(--tw-text-opacity))
}

.tw-text-red-1300 {
    --tw-text-opacity: 1;
    color: rgb(214 58 86/var(--tw-text-opacity))
}

.tw-text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(255 204 51/var(--tw-text-opacity))
}

.tw-text-stone-500 {
    --tw-text-opacity: 1;
    color: rgb(48 48 48/var(--tw-text-opacity))
}

.tw-text-neutral-600 {
    --tw-text-opacity: 1;
    color: rgb(33 33 33/var(--tw-text-opacity))
}

.tw-underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.\!tw-underline {
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important
}

.tw-no-underline {
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.\!tw-no-underline {
    -webkit-text-decoration-line: none !important;
    text-decoration-line: none !important
}

.tw-opacity-75 {
    opacity: .75
}

.\!tw-shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important
}

.\!tw-shadow-\[0px_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.3\)\],
.\!tw-shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.\!tw-shadow-\[0px_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
    --tw-shadow: 0px 1px 4px rgba(0, 0, 0, .3) !important;
    --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color) !important
}

.tw-shadow-\[inset_rgba\(0\,_0\,_0\,_0\.06\)_0px_1px_6px\,_rgba\(0\,_0\,_0\,_0\.06\)_0px_1px_4px\] {
    --tw-shadow: inset rgba(0, 0, 0, .06) 0px 1px 6px, rgba(0, 0, 0, .06) 0px 1px 4px;
    --tw-shadow-colored: inset 0px 1px 6px var(--tw-shadow-color), 0px 1px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.tw-shadow-none,
.tw-shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.\!tw-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important
}

.\!tw-shadow-lg,
.\!tw-shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.\!tw-shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important
}

.tw-shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 4px 20px rgba(0, 0, 0, .06);
    --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.tw-grayscale {
    --tw-grayscale: grayscale(100%)
}

.tw-grayscale,
.tw-grayscale-0 {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.tw-grayscale-0 {
    --tw-grayscale: grayscale(0)
}

.tw-transition-none {
    transition-property: none
}

.\[border-bottom-style\:solid\] {
    border-bottom-style: solid
}

.\[border-bottom\:1px_dotted_\#ccc\] {
    border-bottom: 1px dotted #ccc
}

.marker\:tw-text-green-100 ::marker {
    color: #02d767
}

.marker\:tw-text-green-100::marker {
    color: #02d767
}

.placeholder\:tw-font-\[Dosis\]::-moz-placeholder {
    font-family: Dosis
}

.placeholder\:tw-font-\[Dosis\]::placeholder {
    font-family: Dosis
}

.placeholder\:tw-text-base::-moz-placeholder {
    font-size: 1rem;
    line-height: 1.5rem
}

.placeholder\:tw-text-base::placeholder {
    font-size: 1rem;
    line-height: 1.5rem
}

.placeholder\:tw-text-\[16px\]::-moz-placeholder {
    font-size: 16px
}

.placeholder\:tw-text-\[16px\]::placeholder {
    font-size: 16px
}

.placeholder\:tw-text-\[14px\]::-moz-placeholder {
    font-size: 14px
}

.placeholder\:tw-text-\[14px\]::placeholder {
    font-size: 14px
}

.placeholder\:tw-uppercase::-moz-placeholder {
    text-transform: uppercase
}

.placeholder\:tw-uppercase::placeholder {
    text-transform: uppercase
}

.placeholder\:tw-leading-\[32px\]::-moz-placeholder {
    line-height: 32px
}

.placeholder\:tw-leading-\[32px\]::placeholder {
    line-height: 32px
}

.placeholder\:tw-text-gray-1100::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(181 181 181/var(--tw-text-opacity))
}

.placeholder\:tw-text-gray-1100::placeholder {
    --tw-text-opacity: 1;
    color: rgb(181 181 181/var(--tw-text-opacity))
}

.last\:tw-ml-2\.5:last-child {
    margin-left: .625rem
}

.last\:tw-ml-2:last-child {
    margin-left: .5rem
}

.last\:tw-mb-0:last-child {
    margin-bottom: 0
}

.hover\:tw-border-neutral-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(236 235 234/var(--tw-border-opacity))
}

.hover\:tw-bg-transparent:hover {
    background-color: transparent
}

.hover\:tw-bg-green-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(140 231 165/var(--tw-bg-opacity))
}

.hover\:tw-bg-neutral-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(236 235 234/var(--tw-bg-opacity))
}

.hover\:tw-bg-pink-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 145 180/var(--tw-bg-opacity))
}

.hover\:tw-bg-\[rgba\(153\2c 153\2c 153\2c 0\.2\)\]:hover {
    background-color: hsla(0, 0%, 60%, .2)
}

.hover\:tw-bg-neutral-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(47 47 47/var(--tw-bg-opacity))
}

.hover\:tw-bg-slate-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(232 232 232/var(--tw-bg-opacity))
}

.hover\:\!tw-bg-newGray-600:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(42 42 42/var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.hover\:tw-bg-orange-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(247 147 26/var(--tw-bg-opacity))
}

.hover\:tw-bg-stone-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity))
}

.hover\:tw-bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(148 159 151/var(--tw-bg-opacity))
}

.hover\:tw-bg-green-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(8 198 95/var(--tw-bg-opacity))
}

.hover\:\!tw-bg-slate-100:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(232 232 232/var(--tw-bg-opacity)) !important
}

.hover\:\!tw-bg-green-450:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(90 214 136/var(--tw-bg-opacity)) !important
}

.hover\:\!tw-bg-stone-600:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(38 38 38/var(--tw-bg-opacity)) !important
}

.hover\:\!tw-bg-trueGray-200:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(222 222 222/var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-neutral-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.hover\:\!tw-bg-gray-1000:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(137 148 140/var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(102 102 102/var(--tw-bg-opacity))
}

.hover\:tw-bg-green-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(8 198 94/var(--tw-bg-opacity))
}

.hover\:tw-bg-zinc-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235/var(--tw-bg-opacity))
}

.hover\:\!tw-bg-\[\#5ad688\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(90 214 136/var(--tw-bg-opacity)) !important
}

.hover\:\!tw-bg-slate-1000:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(188 188 188/var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-red-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(227 70 100/var(--tw-bg-opacity))
}

.hover\:tw-bg-stone-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(48 48 48/var(--tw-bg-opacity))
}

.hover\:tw-bg-zinc-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.hover\:tw-bg-stone-800:hover {
    background-color: #0000004d
}

.hover\:tw-text-gray-100:hover {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.hover\:tw-text-slate-500:hover {
    --tw-text-opacity: 1;
    color: rgb(37 45 44/var(--tw-text-opacity))
}

.hover\:tw-text-\[\#10D675\]:hover,
.hover\:tw-text-green-600:hover {
    --tw-text-opacity: 1;
    color: rgb(16 214 117/var(--tw-text-opacity))
}

.hover\:tw-text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgb(161 173 165/var(--tw-text-opacity))
}

.hover\:\!tw-text-stone-500:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(48 48 48/var(--tw-text-opacity)) !important
}

.hover\:tw-text-zinc-600:hover {
    --tw-text-opacity: 1;
    color: rgb(114 114 114/var(--tw-text-opacity))
}

.hover\:tw-text-slate-900:hover {
    --tw-text-opacity: 1;
    color: rgb(34 40 40/var(--tw-text-opacity))
}

.hover\:tw-text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgb(179 179 179/var(--tw-text-opacity))
}

.hover\:tw-text-green-100:hover {
    --tw-text-opacity: 1;
    color: rgb(2 215 103/var(--tw-text-opacity))
}

.hover\:tw-text-stone-500:hover {
    --tw-text-opacity: 1;
    color: rgb(48 48 48/var(--tw-text-opacity))
}

.hover\:tw-no-underline:hover {
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.focus\:tw-border:focus {
    border-width: 1px
}

.focus\:tw-border-solid:focus {
    border-style: solid
}

.focus\:tw-border-neutral-200:focus {
    --tw-border-opacity: 1;
    border-color: rgb(236 235 234/var(--tw-border-opacity))
}

.focus\:tw-bg-neutral-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(236 235 234/var(--tw-bg-opacity))
}

.focus\:tw-bg-slate-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(232 232 232/var(--tw-bg-opacity))
}

.focus\:tw-bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.focus\:tw-bg-neutral-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.focus\:tw-bg-zinc-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235/var(--tw-bg-opacity))
}

.focus\:tw-text-gray-100:focus {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.focus\:tw-text-slate-500:focus {
    --tw-text-opacity: 1;
    color: rgb(37 45 44/var(--tw-text-opacity))
}

.focus\:tw-shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.active\:tw-border-neutral-200:active {
    --tw-border-opacity: 1;
    border-color: rgb(236 235 234/var(--tw-border-opacity))
}

.active\:tw-bg-neutral-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(236 235 234/var(--tw-bg-opacity))
}

.active\:tw-bg-slate-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(232 232 232/var(--tw-bg-opacity))
}

.active\:tw-bg-neutral-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.active\:tw-bg-zinc-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235/var(--tw-bg-opacity))
}

.active\:tw-text-gray-100:active {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.disabled\:\!tw-border-slate-100:disabled {
    --tw-border-opacity: 1 !important;
    border-color: rgb(232 232 232/var(--tw-border-opacity)) !important
}

.disabled\:\!tw-border-gray-400:disabled {
    --tw-border-opacity: 1 !important;
    border-color: rgb(161 173 165/var(--tw-border-opacity)) !important
}

.disabled\:\!tw-bg-slate-100:disabled {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(232 232 232/var(--tw-bg-opacity)) !important
}

.disabled\:tw-bg-gray-400:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(161 173 165/var(--tw-bg-opacity))
}

.disabled\:\!tw-bg-gray-400:disabled {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(161 173 165/var(--tw-bg-opacity)) !important
}

.disabled\:\!tw-bg-zinc-200:disabled {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 229 229/var(--tw-bg-opacity)) !important
}

.disabled\:tw-bg-stone-300:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153/var(--tw-bg-opacity))
}

.disabled\:\!tw-text-stone-800:disabled {
    color: #0000004d !important
}

.disabled\:tw-text-white:disabled {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.disabled\:\!tw-text-white:disabled {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.disabled\:\!tw-shadow-none:disabled {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-dark .dark\:\!tw-border-stone-400 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(49 56 57/var(--tw-border-opacity)) !important
}

.tw-dark .dark\:tw-border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51/var(--tw-border-opacity))
}

.tw-dark .dark\:tw-border-stone-300 {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity))
}

.tw-dark .dark\:tw-border-slate-100 {
    --tw-border-opacity: 1;
    border-color: rgb(232 232 232/var(--tw-border-opacity))
}

.tw-dark .dark\:\!tw-border-slate-100 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(232 232 232/var(--tw-border-opacity)) !important
}

.tw-dark .dark\:tw-border-stone-400 {
    --tw-border-opacity: 1;
    border-color: rgb(49 56 57/var(--tw-border-opacity))
}

.tw-dark .dark\:\!tw-border-gray-100 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(51 51 51/var(--tw-border-opacity)) !important
}

.tw-dark .dark\:tw-border-slate-800 {
    --tw-border-opacity: 1;
    border-color: rgb(19 22 22/var(--tw-border-opacity))
}

.tw-dark .dark\:tw-border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(128 150 160/var(--tw-border-opacity))
}

.tw-dark .dark\:tw-border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgb(2 215 103/var(--tw-border-opacity))
}

.tw-dark .dark\:tw-border-neutral-1000 {
    --tw-border-opacity: 1;
    border-color: rgb(56 61 61/var(--tw-border-opacity))
}

.tw-dark .dark\:tw-border-t-slate-300 {
    --tw-border-opacity: 1;
    border-top-color: rgb(52 61 61/var(--tw-border-opacity))
}

.tw-dark .dark\:tw-bg-stone-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(26 30 30/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-slate-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(41 50 51/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-stone-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(48 48 48/var(--tw-bg-opacity))
}

.tw-dark .dark\:\!tw-bg-newGray-400 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(59 68 63/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:tw-bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-trueGray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(27 30 30/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-gray-1200 {
    --tw-bg-opacity: 1;
    background-color: rgb(43 50 51/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-brown-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(92 69 0/var(--tw-bg-opacity))
}

.tw-dark .dark\:\!tw-bg-green-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(2 215 103/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:\!tw-bg-gray-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(51 51 51/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:tw-bg-slate-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 45 44/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-stone-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(49 56 57/var(--tw-bg-opacity))
}

.tw-dark .dark\:\!tw-bg-stone-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(48 48 48/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:\!tw-bg-black {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:tw-bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 215 103/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-slate-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(52 61 61/var(--tw-bg-opacity))
}

.tw-dark .dark\:\!tw-bg-slate-400 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(41 50 51/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:tw-bg-transparent {
    background-color: transparent
}

.tw-dark .dark\:tw-bg-\[\#5C4500\] {
    --tw-bg-opacity: 1;
    background-color: rgb(92 69 0/var(--tw-bg-opacity))
}

.tw-dark .dark\:\!tw-bg-transparent {
    background-color: transparent !important
}

.tw-dark .dark\:tw-bg-slate-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 40 40/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-slate-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(19 22 22/var(--tw-bg-opacity))
}

.tw-dark .dark\:\!tw-bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:tw-bg-red-1400 {
    --tw-bg-opacity: 1;
    background-color: rgb(92 10 25/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-fill-black {
    fill: #000
}

.tw-dark .dark\:\!tw-fill-white {
    fill: #fff !important
}

.tw-dark .dark\:tw-fill-neutral-100 {
    fill: #f5f5f5
}

.tw-dark .dark\:tw-fill-slate-100 {
    fill: #e8e8e8
}

.tw-dark .dark\:tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-slate-100 {
    --tw-text-opacity: 1;
    color: rgb(232 232 232/var(--tw-text-opacity))
}

.tw-dark .dark\:\!tw-text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.tw-dark .dark\:\!tw-text-newGray-300 {
    --tw-text-opacity: 1 !important;
    color: rgb(107 123 113/var(--tw-text-opacity)) !important
}

.tw-dark .dark\:tw-text-trueGray-300 {
    --tw-text-opacity: 1;
    color: rgb(211 218 213/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(161 173 165/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-amber-50 {
    --tw-text-opacity: 1;
    color: rgb(255 250 234/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-trueGray-50 {
    --tw-text-opacity: 1;
    color: rgb(249 250 250/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-neutral-100 {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.tw-dark .dark\:\!tw-text-slate-100 {
    --tw-text-opacity: 1 !important;
    color: rgb(232 232 232/var(--tw-text-opacity)) !important
}

.tw-dark .dark\:tw-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(128 150 160/var(--tw-text-opacity))
}

.tw-dark .dark\:\!tw-text-gray-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(128 150 160/var(--tw-text-opacity)) !important
}

.tw-dark .dark\:tw-text-inherit {
    color: inherit
}

.tw-dark .dark\:tw-text-newWhite-50 {
    --tw-text-opacity: 1;
    color: rgb(255 238 241/var(--tw-text-opacity))
}

.tw-dark .dark\:\!tw-shadow-\[0px_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
    --tw-shadow: 0px 1px 4px rgba(0, 0, 0, .3) !important;
    --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-dark .dark\:placeholder\:tw-text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(161 173 165/var(--tw-text-opacity))
}

.tw-dark .dark\:placeholder\:tw-text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(161 173 165/var(--tw-text-opacity))
}

.tw-dark .dark\:hover\:tw-bg-neutral-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(62 62 62/var(--tw-bg-opacity))
}

.tw-dark .dark\:hover\:tw-bg-neutral-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(65 65 65/var(--tw-bg-opacity))
}

.tw-dark .dark\:hover\:\!tw-bg-newGray-500:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(66 65 65/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:hover\:tw-bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.tw-dark .dark\:hover\:\!tw-bg-gray-900:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(72 72 72/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:hover\:tw-bg-slate-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 45 44/var(--tw-bg-opacity))
}

.tw-dark .dark\:hover\:tw-bg-slate-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(52 61 61/var(--tw-bg-opacity))
}

.tw-dark .dark\:hover\:tw-bg-green-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(52 216 113/var(--tw-bg-opacity))
}

.tw-dark .dark\:hover\:tw-bg-neutral-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(64 71 72/var(--tw-bg-opacity))
}

.tw-dark .dark\:hover\:\!tw-bg-gray-1000:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(137 148 140/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:hover\:\!tw-bg-slate-300:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(52 61 61/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:hover\:\!tw-bg-slate-1100:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(65 75 77/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:hover\:tw-bg-red-1000:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(246 89 118/var(--tw-bg-opacity))
}

.tw-dark .dark\:hover\:\!tw-bg-green-100:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(2 215 103/var(--tw-bg-opacity)) !important
}

.tw-dark .dark\:hover\:tw-bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(72 72 72/var(--tw-bg-opacity))
}

.tw-dark .dark\:hover\:tw-text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.tw-dark .dark\:hover\:tw-text-green-600:hover {
    --tw-text-opacity: 1;
    color: rgb(16 214 117/var(--tw-text-opacity))
}

.tw-dark .dark\:hover\:\!tw-text-white:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.tw-dark .dark\:focus\:tw-bg-black:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.tw-dark .dark\:focus\:tw-text-white:focus {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.tw-dark .dark\:disabled\:tw-bg-gray-400:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(161 173 165/var(--tw-bg-opacity))
}

.tw-dark .dark\:disabled\:\!tw-bg-zinc-800:disabled {
    background-color: #efefef4d !important
}

.tw-dark .dark\:disabled\:tw-text-white:disabled {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media(min-width:640px) {
    .sm\:tw-mb-0 {
        margin-bottom: 0
    }

    .sm\:tw-ml-2 {
        margin-left: .5rem
    }

    .sm\:tw-inline-block {
        display: inline-block
    }

    .sm\:tw-h-\[133px\] {
        height: 133px
    }

    .sm\:tw-h-\[162px\] {
        height: 162px
    }

    .sm\:\!tw-w-auto {
        width: auto !important
    }

    .sm\:tw-w-\[252px\] {
        width: 252px
    }

    .sm\:tw-w-\[214px\] {
        width: 214px
    }

    .sm\:tw-w-auto {
        width: auto
    }

    .sm\:\!tw-w-\[246px\] {
        width: 246px !important
    }

    .sm\:tw-max-w-\[405px\] {
        max-width: 405px
    }

    .sm\:tw-flex-row {
        flex-direction: row
    }

    .sm\:tw-items-end {
        align-items: flex-end
    }

    .sm\:tw-justify-end {
        justify-content: flex-end
    }

    .sm\:tw-gap-\[40px\] {
        gap: 40px
    }

    .sm\:tw-px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .sm\:tw-px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .sm\:tw-text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:tw-text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:tw-text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media(min-width:768px) {
    .md\:tw-relative {
        position: relative
    }

    .md\:-tw-top-5 {
        top: -1.25rem
    }

    .md\:tw-col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:tw-col-start-2 {
        grid-column-start: 2
    }

    .md\:tw-m-\[0_50px\] {
        margin: 0 50px
    }

    .md\:tw-m-8 {
        margin: 2rem
    }

    .md\:tw-m-\[28px_24px\] {
        margin: 28px 24px
    }

    .md\:tw-m-\[0_10px\],
    .md\:tw-m-\[0px_10px\] {
        margin: 0 10px
    }

    .md\:tw-mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:tw-mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:tw-my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:tw-my-\[26px\] {
        margin-top: 26px;
        margin-bottom: 26px
    }

    .md\:tw-mx-\[25px\] {
        margin-left: 25px;
        margin-right: 25px
    }

    .md\:tw-mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .md\:tw-my-7 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .md\:tw-mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:tw-mt-\[26px\] {
        margin-top: 26px
    }

    .md\:tw-mt-\[85px\] {
        margin-top: 85px
    }

    .md\:tw-mb-\[62px\] {
        margin-bottom: 62px
    }

    .md\:tw-mb-14 {
        margin-bottom: 3.5rem
    }

    .md\:tw-mb-\[39px\] {
        margin-bottom: 39px
    }

    .md\:tw-mb-8 {
        margin-bottom: 2rem
    }

    .md\:tw-mb-\[61px\] {
        margin-bottom: 61px
    }

    .md\:tw-mt-\[77px\] {
        margin-top: 77px
    }

    .md\:tw-mb-\[59\.33px\] {
        margin-bottom: 59.33px
    }

    .md\:tw-mb-5 {
        margin-bottom: 1.25rem
    }

    .md\:tw-mt-\[30px\] {
        margin-top: 30px
    }

    .md\:tw-mt-11 {
        margin-top: 2.75rem
    }

    .md\:\!tw-mb-6 {
        margin-bottom: 1.5rem !important
    }

    .md\:tw-mr-\[3em\] {
        margin-right: 3em
    }

    .md\:tw-ml-8 {
        margin-left: 2rem
    }

    .md\:tw-mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:tw-mt-7 {
        margin-top: 1.75rem
    }

    .md\:tw-mb-7 {
        margin-bottom: 1.75rem
    }

    .md\:\!tw-ml-12 {
        margin-left: 3rem !important
    }

    .md\:\!tw-mb-0 {
        margin-bottom: 0 !important
    }

    .md\:tw-mt-2 {
        margin-top: .5rem
    }

    .md\:tw-mt-5 {
        margin-top: 1.25rem
    }

    .md\:tw-mb-4 {
        margin-bottom: 1rem
    }

    .md\:tw-mt-10 {
        margin-top: 2.5rem
    }

    .md\:tw-ml-auto {
        margin-left: auto
    }

    .md\:tw-mb-0 {
        margin-bottom: 0
    }

    .md\:tw-mr-10 {
        margin-right: 2.5rem
    }

    .md\:tw-mb-16 {
        margin-bottom: 4rem
    }

    .md\:tw-mb-2 {
        margin-bottom: .5rem
    }

    .md\:tw-mr-\[70px\] {
        margin-right: 70px
    }

    .md\:tw-mt-0 {
        margin-top: 0
    }

    .md\:tw-mr-24 {
        margin-right: 6rem
    }

    .md\:tw-mb-\[22px\] {
        margin-bottom: 22px
    }

    .md\:tw-block {
        display: block
    }

    .md\:tw-inline-block {
        display: inline-block
    }

    .md\:tw-flex {
        display: flex
    }

    .md\:tw-contents {
        display: contents
    }

    .md\:tw-hidden {
        display: none
    }

    .md\:\!tw-hidden {
        display: none !important
    }

    .md\:tw-h-\[258\.75px\] {
        height: 258.75px
    }

    .md\:tw-h-\[401px\] {
        height: 401px
    }

    .md\:tw-h-24 {
        height: 6rem
    }

    .md\:tw-h-\[calc\(100vh_-_60px\)\] {
        height: calc(100vh - 60px)
    }

    .md\:tw-h-full {
        height: 100%
    }

    .md\:tw-max-h-\[126px\] {
        max-height: 126px
    }

    .md\:tw-min-h-\[631px\] {
        min-height: 631px
    }

    .md\:tw-w-auto {
        width: auto
    }

    .md\:tw-w-\[88\%\] {
        width: 88%
    }

    .md\:tw-w-1\/3 {
        width: 33.333333%
    }

    .md\:tw-w-\[278\.3px\] {
        width: 278.3px
    }

    .md\:tw-w-\[95\%\] {
        width: 95%
    }

    .md\:tw-w-\[443px\] {
        width: 443px
    }

    .md\:tw-w-\[400px\] {
        width: 400px
    }

    .md\:tw-w-2\/5 {
        width: 40%
    }

    .md\:tw-w-1\/2 {
        width: 50%
    }

    .md\:tw-w-\[170px\] {
        width: 170px
    }

    .md\:tw-w-max {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .md\:tw-w-\[260px\] {
        width: 260px
    }

    .md\:\!tw-w-auto {
        width: auto !important
    }

    .md\:tw-min-w-\[160px\] {
        min-width: 160px
    }

    .md\:\!tw-min-w-\[160px\] {
        min-width: 160px !important
    }

    .md\:tw-min-w-\[600px\] {
        min-width: 600px
    }

    .md\:tw-min-w-\[320px\] {
        min-width: 320px
    }

    .md\:tw-min-w-\[700px\] {
        min-width: 700px
    }

    .md\:tw-max-w-\[75\%\] {
        max-width: 75%
    }

    .md\:tw-max-w-\[144px\] {
        max-width: 144px
    }

    .md\:tw-max-w-\[524px\] {
        max-width: 524px
    }

    .md\:tw-max-w-\[512px\] {
        max-width: 512px
    }

    .md\:tw-max-w-\[400px\] {
        max-width: 400px
    }

    .md\:tw-max-w-\[390px\] {
        max-width: 390px
    }

    .md\:tw-max-w-\[321px\] {
        max-width: 321px
    }

    .md\:tw-max-w-\[443px\] {
        max-width: 443px
    }

    .md\:tw-flex-\[0_0_110px\] {
        flex: 0 0 110px
    }

    .md\:tw-flex-grow {
        flex-grow: 1
    }

    .md\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:tw-grid-cols-\[90px_1fr_190px\] {
        grid-template-columns: 90px 1fr 190px
    }

    .md\:tw-flex-row {
        flex-direction: row
    }

    .md\:\!tw-flex-row {
        flex-direction: row !important
    }

    .md\:tw-items-start {
        align-items: flex-start
    }

    .md\:tw-justify-end {
        justify-content: flex-end
    }

    .md\:tw-justify-between {
        justify-content: space-between
    }

    .md\:tw-justify-around {
        justify-content: space-around
    }

    .md\:tw-gap-4 {
        gap: 1rem
    }

    .md\:tw-gap-20 {
        gap: 5rem
    }

    .md\:tw-gap-0 {
        gap: 0
    }

    .md\:tw-gap-5 {
        gap: 1.25rem
    }

    .md\:tw-p-\[50px_0\] {
        padding: 50px 0
    }

    .md\:\!tw-p-\[32px_40px_24px\] {
        padding: 32px 40px 24px !important
    }

    .md\:\!tw-p-\[0_40px_24px\] {
        padding: 0 40px 24px !important
    }

    .md\:tw-p-\[0_36px_0_0\] {
        padding: 0 36px 0 0
    }

    .md\:tw-p-20 {
        padding: 5rem
    }

    .md\:tw-p-\[25px\] {
        padding: 25px
    }

    .md\:\!tw-p-\[32px_40px\] {
        padding: 32px 40px !important
    }

    .md\:tw-px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:tw-px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .md\:tw-py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:tw-px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:tw-px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:tw-py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .md\:tw-px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

    .md\:tw-px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:tw-py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md\:tw-py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .md\:tw-px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md\:tw-py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .md\:tw-px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .md\:tw-pl-\[9px\] {
        padding-left: 9px
    }

    .md\:tw-pb-11 {
        padding-bottom: 2.75rem
    }

    .md\:tw-pt-12 {
        padding-top: 3rem
    }

    .md\:tw-pb-16 {
        padding-bottom: 4rem
    }

    .md\:tw-pl-8 {
        padding-left: 2rem
    }

    .md\:tw-pb-10 {
        padding-bottom: 2.5rem
    }

    .md\:tw-pt-\[60px\] {
        padding-top: 60px
    }

    .md\:tw-pr-6 {
        padding-right: 1.5rem
    }

    .md\:tw-pr-\[10px\] {
        padding-right: 10px
    }

    .md\:\!tw-pt-0 {
        padding-top: 0 !important
    }

    .md\:tw-text-left {
        text-align: left
    }

    .md\:tw-text-center {
        text-align: center
    }

    .md\:tw-text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:tw-text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:tw-text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:tw-text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:tw-text-\[32px\] {
        font-size: 32px
    }

    .md\:tw-text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:tw-leading-\[22px\] {
        line-height: 22px
    }

    .md\:tw-leading-10 {
        line-height: 2.5rem
    }

    .md\:tw-leading-7 {
        line-height: 1.75rem
    }

    .md\:tw-leading-6 {
        line-height: 1.5rem
    }

    .md\:tw-leading-\[38px\] {
        line-height: 38px
    }

    .md\:\!tw-leading-8 {
        line-height: 2rem !important
    }

    .md\:tw-text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    .tw-dark .dark\:md\:tw-text-slate-1400 {
        color: #ffffffbf
    }
}

@media(min-width:1024px) {
    .lg\:tw-m-10 {
        margin: 2.5rem
    }

    .lg\:tw-mr-7 {
        margin-right: 1.75rem
    }

    .lg\:tw-ml-10 {
        margin-left: 2.5rem
    }

    .lg\:tw-mt-0 {
        margin-top: 0
    }

    .lg\:tw-mr-10 {
        margin-right: 2.5rem
    }

    .lg\:tw-mb-0 {
        margin-bottom: 0
    }

    .lg\:tw-w-\[85\%\] {
        width: 85%
    }

    .lg\:tw-w-auto {
        width: auto
    }

    .lg\:tw-flex-row {
        flex-direction: row
    }

    .lg\:tw-items-end {
        align-items: flex-end
    }

    .lg\:tw-items-center {
        align-items: center
    }

    .lg\:tw-px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:tw-px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:tw-py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .lg\:tw-pl-10 {
        padding-left: 2.5rem
    }

    .lg\:tw-text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media(min-width:1280px) {
    .xl\:\!tw-inline-block {
        display: inline-block !important
    }

    .xl\:\!tw-justify-center {
        justify-content: center !important
    }
}

@media(min-width:360px) {
    .xs\:tw-m-2\.5 {
        margin: .625rem
    }

    .xs\:tw-m-2 {
        margin: .5rem
    }

    .xs\:tw-ml-4 {
        margin-left: 1rem
    }

    .xs\:tw-w-\[120px\] {
        width: 120px
    }

    .xs\:tw-flex-row {
        flex-direction: row
    }

    .xs\:tw-py-3\.5 {
        padding-top: .875rem;
        padding-bottom: .875rem
    }

    .xs\:tw-py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .xs\:tw-py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .xs\:tw-text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .xs\:\!tw-text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }
}

@media(min-width:425px) {
    .mobileL\:tw-block {
        display: block
    }

    .mobileL\:tw-flex {
        display: flex
    }

    .mobileL\:tw-contents {
        display: contents
    }

    .mobileL\:tw-hidden {
        display: none
    }
}

@media(min-width:992px) {
    .tabletL\:tw-block {
        display: block
    }

    .tabletL\:tw-hidden {
        display: none
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0, 0%, 100%, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left: auto
    }
}

.Toastify__toast {
    position: relative;
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
    display: flex;
    justify-content: space-between;
    max-height: var(--toastify-toast-max-height);
    overflow: hidden;
    font-family: var(--toastify-font-family);
    cursor: pointer;
    direction: ltr;
    z-index: 0
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast-body {
    margin: auto 0;
    flex: 1 1 auto;
    padding: 6px;
    display: flex;
    align-items: center
}

.Toastify__toast-body>div:last-child {
    flex: 1
}

.Toastify__toast-icon {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    width: 20px;
    flex-shrink: 0;
    display: flex
}

.Toastify--animate {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

.Toastify--animate-icon {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        margin-bottom: 0;
        border-radius: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    color: #fff;
    background: 0 0;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    align-self: flex-start
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@-webkit-keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: var(--toastify-z-index);
    opacity: .7;
    transform-origin: left
}

.Toastify__progress-bar--animated {
    -webkit-animation: Toastify__trackProgress linear 1 forwards;
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    transform-origin: right
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-radius: 100%;
    border: 2px solid;
    border-right: 2px solid var(--toastify-spinner-color);
    -webkit-animation: Toastify__spin .65s linear infinite;
    animation: Toastify__spin .65s linear infinite
}

@-webkit-keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    -webkit-animation-name: Toastify__bounceInLeft;
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    -webkit-animation-name: Toastify__bounceInRight;
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    -webkit-animation-name: Toastify__bounceInDown;
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    -webkit-animation-name: Toastify__bounceInUp;
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    -webkit-animation-name: Toastify__bounceOutLeft;
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    -webkit-animation-name: Toastify__bounceOutRight;
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    -webkit-animation-name: Toastify__bounceOutUp;
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    -webkit-animation-name: Toastify__bounceOutDown;
    animation-name: Toastify__bounceOutDown
}

@-webkit-keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    -webkit-animation-name: Toastify__zoomIn;
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    -webkit-animation-name: Toastify__zoomOut;
    animation-name: Toastify__zoomOut
}

@-webkit-keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@-webkit-keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    -webkit-animation-name: Toastify__flipIn;
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    -webkit-animation-name: Toastify__flipOut;
    animation-name: Toastify__flipOut
}

@-webkit-keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0)
    }
}

@-webkit-keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0)
    }
}

@-webkit-keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
    }
}

@-webkit-keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    -webkit-animation-name: Toastify__slideInLeft;
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    -webkit-animation-name: Toastify__slideInRight;
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    -webkit-animation-name: Toastify__slideInDown;
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    -webkit-animation-name: Toastify__slideInUp;
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    -webkit-animation-name: Toastify__slideOutLeft;
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    -webkit-animation-name: Toastify__slideOutRight;
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    -webkit-animation-name: Toastify__slideOutUp;
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    -webkit-animation-name: Toastify__slideOutDown;
    animation-name: Toastify__slideOutDown
}

@-webkit-keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}