.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity,transform 0ms cubic-bezier(0,0,.2,1);
    transform: scale3d(0,0,0)
}

@import"https://assets.digerati.dz/digerati/scss/_spacing.scss";@import"https://assets.digerati.dz/digerati/scss/_pbg.scss";@import"https://assets.digerati.dz/digerati/scss/_opts.scss";@import"https://assets.digerati.dz/digerati/scss/_mrg.scss";@import"https://assets.digerati.dz/digerati/scss/_fonts.scss";@import"https://assets.digerati.dz/digerati/scss/_bgs.scss";.cal-month-view .cal-header {
    text-align: center;
    font-weight: bolder
}

.cal-month-view .cal-header .cal-cell {
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap
}

.cal-month-view .cal-days {
    border: 1px solid;
    border-bottom: 0
}

.cal-month-view .cal-cell-top {
    min-height: 78px;
    flex: 1
}

.cal-month-view .cal-cell-row {
    display: flex
}

.cal-month-view .cal-cell {
    float: left;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.cal-month-view .cal-cell .cal-event {
    pointer-events: all!important
}

.cal-month-view .cal-day-cell {
    min-height: 100px
}

.cal-month-view .cal-day-cell:not(:last-child) {
    border-right: 1px solid
}

[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
    border-right: initial;
    border-left: 1px solid
}

.cal-month-view .cal-days .cal-cell-row {
    border-bottom: 1px solid
}

.cal-month-view .cal-day-badge {
    margin-top: 18px;
    margin-left: 10px;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    float: left
}

.cal-month-view .cal-day-number {
    font-size: 1.2em;
    font-weight: 400;
    opacity: .5;
    margin-top: 15px;
    margin-right: 15px;
    float: right;
    margin-bottom: 10px
}

.cal-month-view .cal-events {
    flex: 1;
    align-items: flex-end;
    margin: 3px;
    line-height: 10px;
    display: flex;
    flex-wrap: wrap
}

.cal-month-view .cal-event {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 2px
}

.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
    cursor: pointer
}

.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
    opacity: .1;
    cursor: default
}

.cal-month-view .cal-day-cell.cal-today .cal-day-number {
    font-size: 1.9em
}

.cal-month-view .cal-open-day-events {
    padding: 15px
}

.cal-month-view .cal-open-day-events .cal-event {
    position: relative;
    top: 2px
}

.cal-month-view .cal-out-month .cal-day-badge,.cal-month-view .cal-out-month .cal-event {
    opacity: .3
}

.cal-month-view .cal-draggable {
    cursor: move
}

.cal-month-view .cal-drag-active * {
    pointer-events: none
}

.cal-month-view .cal-event-title {
    cursor: pointer
}

.cal-month-view .cal-event-title:hover {
    text-decoration: underline
}

.cal-month-view {
    background-color: #fff
}

.cal-month-view .cal-cell-row:hover {
    background-color: #fafafa
}

.cal-month-view .cal-cell-row .cal-cell:hover,.cal-month-view .cal-cell.cal-has-events.cal-open {
    background-color: #ededed
}

.cal-month-view .cal-days {
    border-color: #e1e1e1
}

.cal-month-view .cal-day-cell:not(:last-child) {
    border-right-color: #e1e1e1
}

[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
    border-right-color: initial;
    border-left-color: #e1e1e1
}

.cal-month-view .cal-days .cal-cell-row {
    border-bottom-color: #e1e1e1
}

.cal-month-view .cal-day-badge {
    background-color: #b94a48;
    color: #fff
}

.cal-month-view .cal-event {
    background-color: #1e90ff;
    border-color: #d1e8ff;
    color: #fff
}

.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
    color: #8b0000
}

.cal-month-view .cal-day-cell.cal-today {
    background-color: #e8fde7
}

.cal-month-view .cal-day-cell.cal-drag-over {
    background-color: #e0e0e0!important
}

.cal-month-view .cal-open-day-events {
    color: #fff;
    background-color: #555;
    box-shadow: inset 0 0 15px #00000080
}

.cal-week-view * {
    box-sizing: border-box
}

.cal-week-view .cal-day-headers {
    display: flex;
    padding-left: 70px;
    border: 1px solid
}

[dir=rtl] .cal-week-view .cal-day-headers {
    padding-left: initial;
    padding-right: 70px
}

.cal-week-view .cal-day-headers .cal-header {
    flex: 1;
    text-align: center;
    padding: 5px
}

.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right: 1px solid
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right: initial;
    border-left: 1px solid
}

.cal-week-view .cal-day-headers .cal-header:first-child {
    border-left: 1px solid
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
    border-left: initial;
    border-right: 1px solid
}

.cal-week-view .cal-day-headers span {
    font-weight: 400;
    opacity: .5
}

.cal-week-view .cal-day-column {
    flex-grow: 1;
    border-left: solid 1px
}

[dir=rtl] .cal-week-view .cal-day-column {
    border-left: initial;
    border-right: solid 1px
}

.cal-week-view .cal-event {
    font-size: 12px;
    border: 1px solid;
    direction: ltr
}

.cal-week-view .cal-time-label-column {
    width: 70px;
    height: 100%
}

.cal-week-view .cal-current-time-marker {
    position: absolute;
    width: 100%;
    height: 2px;
    z-index: 2
}

.cal-week-view .cal-all-day-events {
    border: solid 1px;
    border-top: 0;
    border-bottom-width: 3px;
    padding-top: 3px;
    position: relative
}

.cal-week-view .cal-all-day-events .cal-day-columns {
    height: 100%;
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
    z-index: 0
}

.cal-week-view .cal-all-day-events .cal-events-row {
    position: relative;
    height: 31px;
    margin-left: 70px
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
    margin-left: initial;
    margin-right: 70px
}

.cal-week-view .cal-all-day-events .cal-event-container {
    display: inline-block;
    position: absolute
}

.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
    z-index: 1;
    pointer-events: none
}

.cal-week-view .cal-all-day-events .cal-event {
    padding: 0 5px;
    margin-left: 2px;
    margin-right: 2px;
    height: 28px;
    line-height: 28px
}

.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
    border-top-left-radius: initial;
    border-bottom-left-radius: initial;
    border-top-right-radius: 5px!important;
    border-bottom-right-radius: 5px!important
}

.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.cal-week-view .cal-all-day-events .cal-time-label-column {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

.cal-week-view .cal-all-day-events .cal-resize-handle {
    width: 6px;
    height: 100%;
    cursor: col-resize;
    position: absolute;
    top: 0
}

.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
    right: 0
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
    right: initial;
    left: 0
}

.cal-week-view .cal-event,.cal-week-view .cal-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cal-week-view .cal-drag-active {
    pointer-events: none;
    z-index: 1
}

.cal-week-view .cal-drag-active * {
    pointer-events: none
}

.cal-week-view .cal-time-events {
    position: relative;
    border: solid 1px;
    border-top: 0;
    display: flex
}

.cal-week-view .cal-time-events .cal-day-columns {
    display: flex;
    flex-grow: 1
}

.cal-week-view .cal-time-events .cal-day-column,.cal-week-view .cal-time-events .cal-events-container {
    position: relative
}

.cal-week-view .cal-time-events .cal-event-container {
    position: absolute;
    z-index: 1
}

.cal-week-view .cal-time-events .cal-event {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    margin: 1px;
    padding: 0 5px;
    line-height: 25px
}

.cal-week-view .cal-time-events .cal-resize-handle {
    width: 100%;
    height: 4px;
    cursor: row-resize;
    position: absolute
}

.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
    bottom: 0
}

.cal-week-view .cal-hour-segment {
    position: relative
}

.cal-week-view .cal-hour-segment:after {
    content: "\a0"
}

.cal-week-view .cal-event-container:not(.cal-draggable) {
    cursor: pointer
}

.cal-week-view .cal-draggable {
    cursor: move
}

.cal-week-view mwl-calendar-week-view-hour-segment,.cal-week-view .cal-hour-segment {
    display: block
}

.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom: thin dashed
}

.cal-week-view .cal-time {
    font-weight: 700;
    padding-top: 5px;
    width: 70px;
    text-align: center
}

.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
    display: none
}

.cal-week-view .cal-starts-within-day .cal-event {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.cal-week-view .cal-ends-within-day .cal-event {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.cal-week-view {
    background-color: #fff;
    border-top: solid 1px #e1e1e1
}

.cal-week-view .cal-day-headers {
    border-color: #e1e1e1;
    border-top: 0
}

.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right-color: #e1e1e1
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right-color: initial;
    border-left: solid 1px #e1e1e1!important
}

.cal-week-view .cal-day-headers .cal-header:first-child {
    border-left-color: #e1e1e1
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
    border-left-color: initial;
    border-right-color: #e1e1e1
}

.cal-week-view .cal-day-headers .cal-header:hover,.cal-week-view .cal-day-headers .cal-drag-over {
    background-color: #ededed
}

.cal-week-view .cal-day-column {
    border-left-color: #e1e1e1
}

[dir=rtl] .cal-week-view .cal-day-column {
    border-left-color: initial;
    border-right-color: #e1e1e1
}

.cal-week-view .cal-event {
    background-color: #d1e8ff;
    border-color: #1e90ff;
    color: #1e90ff
}

.cal-week-view .cal-all-day-events {
    border-color: #e1e1e1
}

.cal-week-view .cal-header.cal-today {
    background-color: #e8fde7
}

.cal-week-view .cal-header.cal-weekend span {
    color: #8b0000
}

.cal-week-view .cal-time-events {
    border-color: #e1e1e1
}

.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
    background-color: #ededed
}

.cal-week-view .cal-hour-odd {
    background-color: #fafafa
}

.cal-week-view .cal-drag-over .cal-hour-segment {
    background-color: #ededed
}

.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom-color: #e1e1e1
}

.cal-week-view .cal-current-time-marker {
    background-color: #ea4334
}

.cal-day-view mwl-calendar-week-view-header {
    display: none
}

.cal-day-view .cal-events-container {
    margin-left: 70px
}

[dir=rtl] .cal-day-view .cal-events-container {
    margin-left: initial;
    margin-right: 70px
}

.cal-day-view .cal-day-column {
    border-left: 0
}

.cal-day-view .cal-current-time-marker {
    margin-left: 70px;
    width: calc(100% - 70px)
}

[dir=rtl] .cal-day-view .cal-current-time-marker {
    margin-left: initial;
    margin-right: 70px
}

.cal-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: 11px;
    word-wrap: break-word;
    opacity: .9
}

.cal-tooltip.cal-tooltip-top {
    padding: 5px 0;
    margin-top: -3px
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0
}

.cal-tooltip.cal-tooltip-right {
    padding: 0 5px;
    margin-left: 3px
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0
}

.cal-tooltip.cal-tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px
}

.cal-tooltip.cal-tooltip-left {
    padding: 0 5px;
    margin-left: -3px
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px
}

.cal-tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    border-radius: .25rem
}

.cal-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
    border-top-color: #000
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
    border-right-color: #000
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
    border-bottom-color: #000
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
    border-left-color: #000
}

.cal-tooltip-inner {
    color: #fff;
    background-color: #000
}

@charset "UTF-8";.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide * {
    box-sizing: inherit
}

.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slides--dragging {
    -webkit-user-select: none;
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows,.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

.glide__arrow {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid rgba(255,255,255,.5);
    border-radius: 4px;
    box-shadow: 0 .25em .5em #0000001a;
    text-shadow: 0 .25em .5em rgba(0,0,0,.1);
    opacity: 1;
    cursor: pointer;
    transition: opacity .15s ease,border .3s ease-in-out;
    transform: translateY(-50%);
    line-height: 1
}

.glide__arrow:focus {
    outline: none
}

.glide__arrow:hover {
    border-color: #fff
}

.glide__arrow--left {
    left: 2em
}

.glide__arrow--right {
    right: 2em
}

.glide__arrow--disabled {
    opacity: .33
}

.glide__bullets {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translate(-50%)
}

.glide__bullet {
    background-color: #ffffff80;
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 .25em .5em #0000001a;
    margin: 0 .25em
}

.glide__bullet:focus {
    outline: none
}

.glide__bullet:hover,.glide__bullet:focus {
    border: 2px solid white;
    background-color: #ffffff80
}

.glide__bullet--active {
    background-color: #fff
}

.glide--swipeable {
    cursor: grab;
    cursor: -webkit-grab
}

.glide--dragging {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.cdk-overlay-container,.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.32)
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: auto!important;
    overflow: hidden!important
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: 0!important
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

.mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

.mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
}

.mat-mdc-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

.mat-ripple-element {
    background-color: #0000001a
}

html {
    --mat-option-selected-state-label-text-color: #3f51b5;
    --mat-option-label-text-color: rgba(0, 0, 0, .87);
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

.mat-accent {
    --mat-option-selected-state-label-text-color: #ff4081
}

.mat-warn {
    --mat-option-selected-state-label-text-color: #f44336
}

html {
    --mat-optgroup-label-text-color: rgba(0, 0, 0, .87)
}

.mat-pseudo-checkbox-full {
    color: #0000008a
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
    color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #3f51b5
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #3f51b5
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #ff4081
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #ff4081
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #ff4081
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #ff4081
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #f44336
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #f44336
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #b0b0b0
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #b0b0b0
}

.mat-app-background {
    background-color: #fafafa;
    color: #000000de
}

.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}

.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}

.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}

.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}

.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}

.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}

.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}

.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}

.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}

.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}

.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}

.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}

.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}

.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}

.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-theme-loaded-marker {
    display: none
}

.mat-mdc-card {
    --mdc-elevated-card-container-color: white;
    --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-color: white;
    --mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-card-subtitle-text-color: rgba(0, 0, 0, .54)
}

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #3f51b5;
    --mdc-linear-progress-track-color: rgba(63, 81, 181, .25)
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: #3f51b540;
    background-color: var(--mdc-linear-progress-track-color, rgba(63, 81, 181, .25))
}

@media (forced-colors: active) {
    .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
        background-color: ButtonBorder
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E")
    }
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
    background-color: #3f51b540;
    background-color: var(--mdc-linear-progress-track-color, rgba(63, 81, 181, .25))
}

.mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #ff4081;
    --mdc-linear-progress-track-color: rgba(255, 64, 129, .25)
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: #ff408140;
    background-color: var(--mdc-linear-progress-track-color, rgba(255, 64, 129, .25))
}

@media (forced-colors: active) {
    .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
        background-color: ButtonBorder
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E")
    }
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
    background-color: #ff408140;
    background-color: var(--mdc-linear-progress-track-color, rgba(255, 64, 129, .25))
}

.mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #f44336;
    --mdc-linear-progress-track-color: rgba(244, 67, 54, .25)
}

@keyframes mdc-linear-progress-buffering {
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: #f4433640;
    background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))
}

@media (forced-colors: active) {
    .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
        background-color: ButtonBorder
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")
    }
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
    background-color: #f4433640;
    background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: #fff
}

html {
    --mdc-filled-text-field-caret-color: #3f51b5;
    --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
    --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, .87);
    --mdc-filled-text-field-container-color: whitesmoke;
    --mdc-filled-text-field-disabled-container-color: #fafafa;
    --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-error-focus-label-text-color: #f44336;
    --mdc-filled-text-field-error-label-text-color: #f44336;
    --mdc-filled-text-field-error-caret-color: #f44336;
    --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
    --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
    --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-error-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
    --mdc-outlined-text-field-caret-color: #3f51b5;
    --mdc-outlined-text-field-focus-outline-color: #3f51b5;
    --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, .87);
    --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-error-caret-color: #f44336;
    --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
    --mdc-outlined-text-field-error-label-text-color: #f44336;
    --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
    --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-error-focus-outline-color: #f44336;
    --mdc-outlined-text-field-error-hover-outline-color: #f44336;
    --mdc-outlined-text-field-error-outline-color: #f44336;
    --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38)
}

.mat-mdc-form-field-error {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mat-form-field-subscript-text-font);
    line-height: var(--mat-form-field-subscript-text-line-height);
    font-size: var(--mat-form-field-subscript-text-size);
    letter-spacing: var(--mat-form-field-subscript-text-tracking);
    font-weight: var(--mat-form-field-subscript-text-weight)
}

.mat-mdc-form-field-focus-overlay {
    background-color: #000000de
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
    opacity: .04
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
    opacity: .12
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after {
    color: #0000008a
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix:after {
    color: #3f51b5de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after {
    color: #ff4081de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix:after {
    color: #f44336de
}

.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix:after {
    color: #00000061
}

.mat-mdc-form-field.mat-accent {
    --mdc-filled-text-field-caret-color: #ff4081;
    --mdc-filled-text-field-focus-active-indicator-color: #ff4081;
    --mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, .87);
    --mdc-outlined-text-field-caret-color: #ff4081;
    --mdc-outlined-text-field-focus-outline-color: #ff4081;
    --mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, .87)
}

.mat-mdc-form-field.mat-warn {
    --mdc-filled-text-field-caret-color: #f44336;
    --mdc-filled-text-field-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);
    --mdc-outlined-text-field-caret-color: #f44336;
    --mdc-outlined-text-field-focus-outline-color: #f44336;
    --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87)
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: 1px solid transparent
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: none;
    border-right: 1px solid transparent
}

.mat-mdc-form-field-infix {
    min-height: 56px
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 28px
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 24px;
    padding-bottom: 8px
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

html {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(63, 81, 181, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html .mat-mdc-form-field.mat-accent {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(255, 64, 129, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html .mat-mdc-form-field.mat-warn {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(244, 67, 54, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html {
    --mat-autocomplete-background-color: white
}

.mat-mdc-dialog-container {
    --mdc-dialog-container-color: white;
    --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

.mat-mdc-standard-chip {
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-elevated-container-color: #e0e0e0;
    --mdc-chip-elevated-disabled-container-color: #e0e0e0;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #3f51b5;
    --mdc-chip-elevated-disabled-container-color: #3f51b5;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #ff4081;
    --mdc-chip-elevated-disabled-container-color: #ff4081;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #f44336;
    --mdc-chip-elevated-disabled-container-color: #f44336;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-chip.mat-mdc-standard-chip {
    --mdc-chip-container-height: 32px
}

.mat-mdc-slide-toggle {
    --mdc-switch-selected-focus-state-layer-color: #3949ab;
    --mdc-switch-selected-handle-color: #3949ab;
    --mdc-switch-selected-hover-state-layer-color: #3949ab;
    --mdc-switch-selected-pressed-state-layer-color: #3949ab;
    --mdc-switch-selected-focus-handle-color: #1a237e;
    --mdc-switch-selected-hover-handle-color: #1a237e;
    --mdc-switch-selected-pressed-handle-color: #1a237e;
    --mdc-switch-selected-focus-track-color: #7986cb;
    --mdc-switch-selected-hover-track-color: #7986cb;
    --mdc-switch-selected-pressed-track-color: #7986cb;
    --mdc-switch-selected-track-color: #7986cb;
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
    --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-switch-handle-shadow-color: black;
    --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-icon-color: #fff;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0
}

.mat-mdc-slide-toggle .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-slide-toggle .mdc-switch--disabled+label {
    color: #00000061
}

.mat-mdc-slide-toggle.mat-accent {
    --mdc-switch-selected-focus-state-layer-color: #d81b60;
    --mdc-switch-selected-handle-color: #d81b60;
    --mdc-switch-selected-hover-state-layer-color: #d81b60;
    --mdc-switch-selected-pressed-state-layer-color: #d81b60;
    --mdc-switch-selected-focus-handle-color: #880e4f;
    --mdc-switch-selected-hover-handle-color: #880e4f;
    --mdc-switch-selected-pressed-handle-color: #880e4f;
    --mdc-switch-selected-focus-track-color: #f06292;
    --mdc-switch-selected-hover-track-color: #f06292;
    --mdc-switch-selected-pressed-track-color: #f06292;
    --mdc-switch-selected-track-color: #f06292
}

.mat-mdc-slide-toggle.mat-warn {
    --mdc-switch-selected-focus-state-layer-color: #e53935;
    --mdc-switch-selected-handle-color: #e53935;
    --mdc-switch-selected-hover-state-layer-color: #e53935;
    --mdc-switch-selected-pressed-state-layer-color: #e53935;
    --mdc-switch-selected-focus-handle-color: #b71c1c;
    --mdc-switch-selected-hover-handle-color: #b71c1c;
    --mdc-switch-selected-pressed-handle-color: #b71c1c;
    --mdc-switch-selected-focus-track-color: #e57373;
    --mdc-switch-selected-hover-track-color: #e57373;
    --mdc-switch-selected-pressed-track-color: #e57373;
    --mdc-switch-selected-track-color: #e57373
}

.mat-mdc-slide-toggle {
    --mdc-switch-state-layer-size: 48px
}

.mat-mdc-radio-button .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #3f51b5;
    --mdc-radio-selected-hover-icon-color: #3f51b5;
    --mdc-radio-selected-icon-color: #3f51b5;
    --mdc-radio-selected-pressed-icon-color: #3f51b5;
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: #3f51b5;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38)
}

.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ff4081;
    --mdc-radio-selected-hover-icon-color: #ff4081;
    --mdc-radio-selected-icon-color: #ff4081;
    --mdc-radio-selected-pressed-icon-color: #ff4081;
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: #ff4081;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38)
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38)
}

.mat-mdc-radio-button .mdc-radio {
    --mdc-radio-state-layer-size: 40px
}

.mat-mdc-slider {
    --mdc-slider-label-container-color: black;
    --mdc-slider-label-label-text-color: white;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-with-tick-marks-disabled-container-color: #000;
    --mat-mdc-slider-value-indicator-opacity: .6
}

.mat-mdc-slider.mat-primary {
    --mdc-slider-handle-color: #3f51b5;
    --mdc-slider-focus-handle-color: #3f51b5;
    --mdc-slider-hover-handle-color: #3f51b5;
    --mdc-slider-active-track-color: #3f51b5;
    --mdc-slider-inactive-track-color: #3f51b5;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
    --mat-mdc-slider-ripple-color: #3f51b5;
    --mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, .2)
}

.mat-mdc-slider.mat-accent {
    --mdc-slider-handle-color: #ff4081;
    --mdc-slider-focus-handle-color: #ff4081;
    --mdc-slider-hover-handle-color: #ff4081;
    --mdc-slider-active-track-color: #ff4081;
    --mdc-slider-inactive-track-color: #ff4081;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
    --mat-mdc-slider-ripple-color: #ff4081;
    --mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, .2)
}

.mat-mdc-slider.mat-warn {
    --mdc-slider-handle-color: #f44336;
    --mdc-slider-focus-handle-color: #f44336;
    --mdc-slider-hover-handle-color: #f44336;
    --mdc-slider-active-track-color: #f44336;
    --mdc-slider-inactive-track-color: #f44336;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
    --mat-mdc-slider-ripple-color: #f44336;
    --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2)
}

html {
    --mat-menu-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-menu-item-icon-color: rgba(0, 0, 0, .87);
    --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-container-color: white
}

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);
    --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-disabled-label-text-color: black;
    --mdc-list-list-item-disabled-leading-icon-color: black;
    --mdc-list-list-item-disabled-trailing-icon-color: black;
    --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-state-layer-color: black;
    --mdc-list-list-item-hover-state-layer-opacity: .04;
    --mdc-list-list-item-focus-state-layer-color: black;
    --mdc-list-list-item-focus-state-layer-opacity: .12
}

.mdc-list-item__start,.mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #3f51b5;
    --mdc-radio-selected-hover-icon-color: #3f51b5;
    --mdc-radio-selected-icon-color: #3f51b5;
    --mdc-radio-selected-pressed-icon-color: #3f51b5
}

.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ff4081;
    --mdc-radio-selected-hover-icon-color: #ff4081;
    --mdc-radio-selected-icon-color: #ff4081;
    --mdc-radio-selected-pressed-icon-color: #ff4081
}

.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336
}

.mat-mdc-list-option {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #3f51b5;
    --mdc-checkbox-selected-hover-icon-color: #3f51b5;
    --mdc-checkbox-selected-icon-color: #3f51b5;
    --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
    --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
    --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-option.mat-accent {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #ff4081;
    --mdc-checkbox-selected-hover-icon-color: #ff4081;
    --mdc-checkbox-selected-icon-color: #ff4081;
    --mdc-checkbox-selected-pressed-icon-color: #ff4081;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
    --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
    --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-option.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: #3f51b5
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1
}

.mat-mdc-list-base {
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

html {
    --mat-paginator-container-text-color: rgba(0, 0, 0, .87);
    --mat-paginator-container-background-color: white;
    --mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
    --mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)
}

html {
    --mat-paginator-container-size: 56px
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
    min-height: 40px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 20px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

.mat-mdc-tab-group,.mat-mdc-tab-nav-bar {
    --mdc-tab-indicator-active-indicator-color: #3f51b5;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #3f51b5;
    --mat-tab-header-active-ripple-color: #3f51b5;
    --mat-tab-header-inactive-ripple-color: #3f51b5;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #3f51b5;
    --mat-tab-header-active-hover-label-text-color: #3f51b5;
    --mat-tab-header-active-focus-indicator-color: #3f51b5;
    --mat-tab-header-active-hover-indicator-color: #3f51b5
}

.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent {
    --mdc-tab-indicator-active-indicator-color: #ff4081;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #ff4081;
    --mat-tab-header-active-ripple-color: #ff4081;
    --mat-tab-header-inactive-ripple-color: #ff4081;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #ff4081;
    --mat-tab-header-active-hover-label-text-color: #ff4081;
    --mat-tab-header-active-focus-indicator-color: #ff4081;
    --mat-tab-header-active-hover-indicator-color: #ff4081
}

.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn {
    --mdc-tab-indicator-active-indicator-color: #f44336;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #f44336;
    --mat-tab-header-active-ripple-color: #f44336;
    --mat-tab-header-inactive-ripple-color: #f44336;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #f44336;
    --mat-tab-header-active-hover-label-text-color: #f44336;
    --mat-tab-header-active-focus-indicator-color: #f44336;
    --mat-tab-header-active-hover-indicator-color: #f44336
}

.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-tab-header-with-background-background-color: #3f51b5;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-header-with-background-background-color: #ff4081;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-header-with-background-background-color: #f44336;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-header {
    --mdc-secondary-navigation-tab-container-height: 48px
}

html {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #ff4081;
    --mdc-checkbox-selected-hover-icon-color: #ff4081;
    --mdc-checkbox-selected-icon-color: #ff4081;
    --mdc-checkbox-selected-pressed-icon-color: #ff4081;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
    --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
    --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #3f51b5;
    --mdc-checkbox-selected-hover-icon-color: #3f51b5;
    --mdc-checkbox-selected-icon-color: #3f51b5;
    --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
    --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
    --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
    color: #00000061
}

html {
    --mdc-checkbox-state-layer-size: 40px
}

.mat-mdc-button.mat-unthemed {
    --mdc-text-button-label-text-color: #000
}

.mat-mdc-button.mat-primary {
    --mdc-text-button-label-text-color: #3f51b5
}

.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #ff4081
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #f44336
}

.mat-mdc-button[disabled][disabled] {
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-text-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-unelevated-button.mat-unthemed {
    --mdc-filled-button-container-color: #fff;
    --mdc-filled-button-label-text-color: #000
}

.mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #3f51b5;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #ff4081;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button[disabled][disabled] {
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-button-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-raised-button.mat-unthemed {
    --mdc-protected-button-container-color: #fff;
    --mdc-protected-button-label-text-color: #000
}

.mat-mdc-raised-button.mat-primary {
    --mdc-protected-button-container-color: #3f51b5;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #ff4081;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button[disabled][disabled] {
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-elevation: 0
}

.mat-mdc-outlined-button {
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-unthemed {
    --mdc-outlined-button-label-text-color: #000
}

.mat-mdc-outlined-button.mat-primary {
    --mdc-outlined-button-label-text-color: #3f51b5
}

.mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #ff4081
}

.mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #f44336
}

.mat-mdc-outlined-button[disabled][disabled] {
    --mdc-outlined-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-button,.mat-mdc-outlined-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary {
    --mat-mdc-button-persistent-ripple-color: #3f51b5;
    --mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)
}

.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #ff4081;
    --mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)
}

.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #f44336;
    --mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-raised-button,.mat-mdc-unelevated-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base {
    height: 36px
}

.mat-mdc-icon-button {
    --mdc-icon-button-icon-color: inherit;
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-icon-button.mat-primary {
    --mat-mdc-button-persistent-ripple-color: #6200ee;
    --mat-mdc-button-ripple-color: rgba(98, 0, 238, .1)
}

.mat-mdc-icon-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #018786;
    --mat-mdc-button-ripple-color: rgba(1, 135, 134, .1)
}

.mat-mdc-icon-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #b00020;
    --mat-mdc-button-ripple-color: rgba(176, 0, 32, .1)
}

.mat-mdc-icon-button.mat-primary {
    --mdc-icon-button-icon-color: #3f51b5;
    --mat-mdc-button-persistent-ripple-color: #3f51b5;
    --mat-mdc-button-ripple-color: rgba(63, 81, 181, .1)
}

.mat-mdc-icon-button.mat-accent {
    --mdc-icon-button-icon-color: #ff4081;
    --mat-mdc-button-persistent-ripple-color: #ff4081;
    --mat-mdc-button-ripple-color: rgba(255, 64, 129, .1)
}

.mat-mdc-icon-button.mat-warn {
    --mdc-icon-button-icon-color: #f44336;
    --mat-mdc-button-persistent-ripple-color: #f44336;
    --mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-icon-button[disabled][disabled] {
    --mdc-icon-button-icon-color: rgba(0, 0, 0, .38);
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)
}

.mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 48px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 12px
}

.mat-mdc-fab,.mat-mdc-mini-fab {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-fab:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent,.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled] {
    --mdc-fab-container-color: rgba(0, 0, 0, .12);
    --mdc-fab-icon-color: rgba(0, 0, 0, .38);
    --mat-mdc-fab-color: rgba(0, 0, 0, .38)
}

.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed {
    --mdc-fab-container-color: white;
    --mdc-fab-icon-color: black;
    --mat-mdc-fab-color: #000
}

.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary {
    --mdc-fab-container-color: #3f51b5;
    --mdc-fab-icon-color: white;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent {
    --mdc-fab-container-color: #ff4081;
    --mdc-fab-icon-color: white;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn {
    --mdc-fab-container-color: #f44336;
    --mdc-fab-icon-color: white;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-container-color: #333333;
    --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87);
    --mat-snack-bar-button-color: #ff4081
}

html {
    --mat-table-background-color: white;
    --mat-table-header-headline-color: rgba(0, 0, 0, .87);
    --mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-table-row-item-outline-color: rgba(0, 0, 0, .12)
}

html {
    --mat-table-header-container-height: 56px;
    --mat-table-footer-container-height: 52px;
    --mat-table-row-item-container-height: 52px
}

.mat-mdc-progress-spinner {
    --mdc-circular-progress-active-indicator-color: #3f51b5
}

.mat-mdc-progress-spinner.mat-accent {
    --mdc-circular-progress-active-indicator-color: #ff4081
}

.mat-mdc-progress-spinner.mat-warn {
    --mdc-circular-progress-active-indicator-color: #f44336
}

.mat-badge {
    position: relative
}

.mat-badge.mat-badge {
    overflow: visible
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    background-color: var(--mat-badge-background-color);
    color: var(--mat-badge-text-color);
    font-family: Roboto,sans-serif;
    font-family: var(--mat-badge-text-font, Roboto, sans-serif);
    font-size: 12px;
    font-size: var(--mat-badge-text-size, 12px);
    font-weight: 600;
    font-weight: var(--mat-badge-text-weight, 600)
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-disabled .mat-badge-content {
    background-color: var(--mat-badge-disabled-state-background-color);
    color: var(--mat-badge-disabled-state-text-color)
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable {
    transition: none
}

.mat-badge-content.mat-badge-active {
    transform: none
}

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 9px;
    font-size: var(--mat-badge-small-size-text-size, 9px)
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 24px;
    font-size: var(--mat-badge-large-size-text-size, 24px)
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

html {
    --mat-badge-background-color: #3f51b5;
    --mat-badge-text-color: white;
    --mat-badge-disabled-state-background-color: #b9b9b9;
    --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
}

.mat-badge-accent {
    --mat-badge-background-color: #ff4081;
    --mat-badge-text-color: white
}

.mat-badge-warn {
    --mat-badge-background-color: #f44336;
    --mat-badge-text-color: white
}

html {
    --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);
    --mat-bottom-sheet-container-background-color: white
}

html {
    --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
    --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
    --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);
    --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
    --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-background-color: white;
    --mat-standard-button-toggle-state-layer-color: black;
    --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-standard-button-toggle-disabled-state-background-color: white;
    --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-divider-color: #e0e0e0
}

html {
    --mat-standard-button-toggle-height: 48px
}

html {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, .3);
    --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
    --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
    --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-content.mat-warn {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-toggle-active-state-icon-color: #ff4081
}

.mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-toggle-active-state-icon-color: #f44336
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
    display: none
}

html {
    --mat-divider-color: rgba(0, 0, 0, .12)
}

html {
    --mat-expansion-container-background-color: white;
    --mat-expansion-container-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);
    --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-expansion-header-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-header-description-color: rgba(0, 0, 0, .54);
    --mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)
}

html {
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px
}

html {
    --mat-icon-color: inherit
}

.mat-icon.mat-primary {
    --mat-icon-color: #3f51b5
}

.mat-icon.mat-accent {
    --mat-icon-color: #ff4081
}

.mat-icon.mat-warn {
    --mat-icon-color: #f44336
}

html {
    --mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);
    --mat-sidenav-container-background-color: white;
    --mat-sidenav-container-text-color: rgba(0, 0, 0, .87);
    --mat-sidenav-content-background-color: #fafafa;
    --mat-sidenav-content-text-color: rgba(0, 0, 0, .87);
    --mat-sidenav-scrim-color: rgba(0, 0, 0, .6)
}

html {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #3f51b5;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
    --mat-stepper-header-edit-state-icon-foreground-color: white;
    --mat-stepper-container-color: white;
    --mat-stepper-line-color: rgba(0, 0, 0, .12);
    --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);
    --mat-stepper-header-error-state-label-text-color: #f44336;
    --mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-error-state-icon-foreground-color: #f44336;
    --mat-stepper-header-error-state-icon-background-color: transparent
}

html .mat-step-header.mat-accent {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #ff4081;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #ff4081;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #ff4081;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html .mat-step-header.mat-warn {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #f44336;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #f44336;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #f44336;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html {
    --mat-stepper-header-height: 72px
}

.mat-sort-header-arrow {
    color: #757575
}

html {
    --mat-toolbar-container-background-color: whitesmoke;
    --mat-toolbar-container-text-color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary {
    --mat-toolbar-container-background-color: #3f51b5;
    --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-accent {
    --mat-toolbar-container-background-color: #ff4081;
    --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-warn {
    --mat-toolbar-container-background-color: #f44336;
    --mat-toolbar-container-text-color: white
}

html {
    --mat-toolbar-standard-height: 64px;
    --mat-toolbar-mobile-height: 56px
}

.mat-tree {
    background: white
}

.mat-tree-node,.mat-nested-tree-node {
    color: #000000de
}

.mat-tree-node {
    min-height: 48px
}

@font-face {
    font-family: signature;
    src: url(Photograph_Signature.89261294cc17f1a9.ttf)
}

.important-bg {
    background: #101010
}

.h-5 {
    height: 5px
}

.h-10 {
    height: 10px
}

.h-20 {
    height: 20px
}

.h-30 {
    height: 30px
}

.cover {
    display: flex;
    position: absolute;
    inset: 0 64px;
    z-index: 100
}

.cover .cover_content {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    filter: drop-shadow(4px 4px 5px black)
}

.cover .cover_content h1 {
    color: #fff;
    text-align: center;
    font-size: 64px;
    letter-spacing: -2px;
    opacity: 1
}

.cover .cover_content h3 {
    color: #fff;
    text-align: center;
    font-size: 35px;
    font-weight: 300;
    margin-top: -16px;
    font-family: signature
}

.cover .cover_content p {
    color: #fff;
    font-size: 32px;
    text-align: center
}

.cover .cover_content img {
    height: 70px;
    margin: auto
}

.cover .cover_content a {
    flex: 1;
    padding: 7px 0;
    background: #e3177f;
    font-size: 15px;
    outline: none;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    text-decoration: none
}

.cover .cover_content a:focus {
    outline: none
}

html,body {
    height: 100%;
    scroll-behavior: smooth
}

* {
    margin: 0;
    padding: 0
}

section {
    width: 100%
}

input,mat-label,mat-option,mat-select,label,mat-hint,textarea {
    font-family: Inter,sans-serif!important
}

.c_white {
    color: #fff!important
}

.phone_input .county_code {
    font-size: 14px;
    margin-left: 10px;
    color: #203850;
    font-weight: 700
}

.phone_input mat-label {
    margin-left: 37px
}

.f1-5 {
    flex: 1.5
}

.f1-7 {
    flex: 1.7
}

.f2 {
    flex: 2
}

.display_none {
    display: none
}

.overflow_visible {
    overflow: visible
}

.overflow_hidden {
    overflow: hidden!important
}

.w_100prcnt {
    width: 100%
}

.c_pink {
    color: #e3177f
}

.bg_red {
    background: red
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.flex {
    display: flex
}

.flex_block {
    display: block
}

.content {
    width: 1080px
}

.section_stroke_text {
    line-height: 1.2;
    color: #fff0;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255,255,255,.2)
}

.jsutify_center_item {
    flex-wrap: wrap;
    justify-content: center
}

.gap_10px {
    gap: 10px
}

.gap_15px {
    gap: 15px
}

.gap_20px {
    gap: 20px
}

.gradient_line {
    height: 4px;
    width: 100%;
    border-radius: 2px
}

.gradient_to_right {
    background: linear-gradient(to right,#e3177f,#6e00f5)!important
}

.gradient_to_left {
    background: linear-gradient(to left,#e3177f,#6e00f5)!important
}

.gradient_center {
    background: linear-gradient(to left,#6e00f5,#e3177f,#6e00f5)!important
}

.inset_0 {
    inset: 0
}

.line_container {
    top: auto
}

.line_container .line_left {
    margin: auto 15px auto auto;
    height: 1px;
    background: rgba(255,255,255,.2);
    width: 30%
}

.line_container svg {
    width: 12px;
    height: 12px;
    fill: #e3177f
}

.line_container .line_right {
    margin: auto auto auto 15px;
    height: 1px;
    background: rgba(255,255,255,.2);
    width: 30%
}

.bottom_-50 {
    bottom: -50px
}

.bottom_-30 {
    bottom: -30px
}

.bottom_-10 {
    bottom: -10px
}

.bottom_0 {
    bottom: 0
}

.bottom_10 {
    bottom: 10px
}

.sub_form {
    width: 550px;
    margin: auto
}

.sub_form h1 {
    font-family: Poppins,sans-serif;
    font-weight: 900!important;
    margin: auto;
    text-align: left;
    font-size: 45px;
    color: #fff;
    opacity: .9
}

.form {
    margin: auto;
    width: 550px;
    padding: 0;
    border-radius: 8px;
    box-shadow: #00000059 0 5px 15px;
    overflow: hidden;
    background: white
}

.form .form_header {
    padding: 15px;
    border-radius: 8px;
    background: linear-gradient(to right,#6e00f5,#e3177f)
}

.form .form_header .form_header_logo {
    margin: auto auto auto 0
}

.form .form_header .form_header_logo img {
    height: 63px
}

.form .sm_field_input {
    flex: .545!important
}

.form .civilite {
    position: relative;
    height: 52px;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,.35);
    display: flex;
    padding: 0 10px
}

.form .civilite .label {
    background: white;
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 7px!important;
    line-height: 1;
    top: -5px;
    font-size: 12px;
    color: #e3177f;
    font-weight: 400
}

.form .civilite .hint {
    font-size: 11.5px;
    color: red;
    position: absolute;
    top: 55px;
    line-height: 1
}

.form .civilite mat-radio-group {
    margin: auto auto auto 0
}

.form .civilite mat-radio-group mat-radio-button {
    font-size: 13px;
    color: #e3177f
}

.form .civilite_custom {
    width: 200px
}

.form button {
    background: #e3177f!important;
    color: #fff!important;
    font-size: 14px;
    font-family: Poppins,sans-serif;
    font-weight: 600;
    margin: auto 0 auto auto;
    width: 130px
}

.form .custom_hint {
    font-family: Inter,sans-serif;
    font-weight: 600;
    color: #e3177f
}

.inside_input_label {
    font-size: 12px;
    color: #0003;
    margin-left: 5px;
    margin-right: 10px
}

.county {
    display: flex;
    transition: background .2s ease-in-out
}

.county img {
    width: 24px;
    margin: auto 10px auto 0
}

.county span {
    font-size: 14px;
    margin: auto auto auto 0;
    font-weight: 500;
    font-family: Inter,sans-serif
}

.county:hover {
    background: rgba(0,0,0,.1)!important
}

.form_message {
    inset: 0;
    z-index: 3;
    background: rgba(34,35,39,.3)
}

.form_message .form_message_content {
    margin: auto;
    padding: 15px;
    background: white;
    border-radius: 10px;
    width: 320px;
    box-shadow: #0000000d 0 6px 24px,#00000014 0 0 0 1px
}

.form_message .form_message_content h4 {
    width: -moz-fit-content;
    width: fit-content;
    color: #e3177f
}

.form_message .form_message_content .h4_error {
    color: #e3177f
}

.form_message .form_message_content h3 {
    color: #222327;
    line-height: 1.1;
    font-family: Poppins,sans-serif;
    font-weight: 800
}

.form_message .form_message_content p {
    font-size: 13.4px;
    color: #474747;
    font-family: Inter,sans-serif;
    font-weight: 500
}

.form_message .form_message_content button {
    margin: auto;
    width: 100%;
    background: #e3177f!important
}

.note_1 {
    font-size: 13px!important;
    color: #474747!important;
    margin: 0 0 5px!important;
    font-weight: 500!important
}

mat-chip-grid mat-chip-row {
    background: rgba(71,71,71,.1)!important
}

mat-chip-grid mat-chip-row span {
    color: #203850!important;
    font-size: 14px!important;
    font-weight: 600!important
}

mat-chip-grid mat-chip-row .mat-mdc-chip-remove {
    background: #e3177f!important;
    padding: 4px!important;
    border-radius: 50%!important;
    margin: auto 5px!important
}

.chip-grid-custom span {
    color: #fff!important;
    font-size: 14px!important;
    font-weight: 600!important
}

mat-hint {
    line-height: 1;
    color: #474747b3;
    margin: -5px;
    font-size: 11px
}

.hint_error {
    color: red
}

.imgs_group img {
    border-radius: 8px
}

.imgs_group .img1 {
    width: 500px;
    z-index: 2;
    margin-left: 40px
}

.imgs_group .img2 {
    z-index: 3;
    inset: auto -70px -30px auto;
    width: 300px
}

.imgs_group .img3 {
    z-index: 1;
    width: 250px;
    inset: auto auto -110px -100px
}

.section_title_gradient {
    background: -webkit-linear-gradient(45deg,#29b3af,#1d70b6,#e3177f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2
}

.section_txt {
    color: #ffffffb3;
    line-height: 1.6
}

.section_txt span {
    background: -webkit-linear-gradient(45deg,#883ff9 0%,#e3177f 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.section_l_text {
    line-height: 1.3;
    color: #ffffffb3;
    font-style: italic;
    margin: auto 100px
}

.section_btn {
    background: #e3177f;
    outline: none;
    border: none;
    padding: 7px 50px;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer
}

.section_btn:focus {
    outline: none
}

.why_exhibit_content {
    padding: 0;
    border-radius: 7px;
    background: #101010;
    overflow: hidden
}

.why_exhibit_content .why_exhibit_text {
    font-size: 16px;
    color: #ffffffd9;
    line-height: 1.4;
    margin: auto 20px
}

.why_exhibit_img_container,.why_exhibit_img_container img {
    width: 100%
}

.conference_content img {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px
}

.conference_content .conference_content_detail {
    gap: 15px
}

.conference_content .conference_content_detail .icon {
    width: 64px;
    height: 64px;
    border-radius: 5px;
    background: #e3177f
}

.conference_content .conference_content_detail .icon svg {
    margin: auto;
    width: 45px;
    height: 45px;
    fill: #fff
}

.conference_content .conference_content_detail .txt_content {
    width: calc(100% - 86px)
}

.conference_content .conference_content_detail .txt_content .txt_content_title {
    font-family: Poppins,sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.conference_content .conference_content_detail .txt_content .txt_content_txt {
    font-family: Inter,sans-serif;
    font-size: 14px;
    color: #fffc;
    margin-bottom: 10px;
    line-height: 1.3
}

.gap_30 {
    gap: 30px
}

.numbers_content {
    padding: 15px 0;
    background: white;
    border-radius: 10px;
    width: 100%;
    z-index: 0
}

.numbers_content .img_1 {
    position: absolute;
    inset: -40px -40px auto auto;
    width: 400px;
    opacity: .4
}

.numbers_content .img_2 {
    position: absolute;
    inset: auto auto -40px -40px;
    width: 300px;
    opacity: 1;
    transform: rotate(180deg);
    opacity: .3
}

.numbers_content h1 {
    font-size: 45px;
    line-height: 1;
    letter-spacing: -1px;
    margin-left: 30px
}

.numbers_content p {
    line-height: 1.4;
    text-align: justify;
    margin-left: 30px
}

.numbers_content .numbers {
    margin: auto;
    row-gap: 30px
}

.numbers_content .numbers .number-item {
    display: flex;
    width: 150px;
    gap: 5px
}

.numbers_content .numbers .number-item .number-item-svg {
    width: 50px;
    height: 50px;
    margin: auto 0
}

.numbers_content .numbers .number-item .number-item-svg svg {
    margin: auto;
    width: 50px;
    fill: #1d70b6
}

.numbers_content .numbers .number-item .number-item-details {
    margin: auto 0
}

.numbers_content .numbers .number-item .number-item-details h2 {
    font-size: 35px;
    line-height: 1;
    letter-spacing: -1px;
    text-wrap: nowrap
}

.numbers_content .numbers .number-item .number-item-details h5 {
    line-height: 1!important;
    width: 95px
}

.topics .topic {
    width: 200px;
    height: 120px;
    background: transparent;
    cursor: default;
    overflow: hidden
}

.topics .topic .img_bg {
    position: absolute;
    width: 100%;
    z-index: 0
}

.topics .topic .topic-content {
    position: absolute;
    inset: 0;
    border-radius: 0;
    background: -webkit-linear-gradient(135deg,#00c4c4,#0073e6);
    opacity: 1;
    transition: all .6s cubic-bezier(.7,0,0,1)
}

.topics .topic .topic-content .topics-details {
    margin: auto;
    position: relative;
    z-index: 1
}

.topics .topic .topic-content .topics-details .img_topics {
    margin: auto;
    transform: scale(1.05);
    transition: transform .6s cubic-bezier(.7,0,0,1)
}

.topics .topic .topic-content .topics-details h4 {
    text-align: center;
    margin: auto;
    line-height: 1;
    color: #fff;
    transition: font-size .6s cubic-bezier(.7,0,0,1)
}

.topics .topic:hover .topic-content {
    inset: 10px;
    border-radius: 10px
}

.topics .topic:hover .topic-content .topics-details .img_topics {
    transform: scale(1)
}

.topics .topic:hover .topic-content .topics-details h4 {
    font-size: 14px
}

.b2b_content {
    background: white;
    width: 100%;
    min-width: 320px;
    height: 300px;
    border-radius: 10px;
    overflow: hidden
}

.b2b_content .dots_indicator .dot {
    filter: drop-shadow(4px 4px 5px rgba(0,0,0,.3));
    width: 30px;
    height: 2px;
    border-radius: 2px;
    opacity: .3;
    background: #203850!important;
    transition: opacity .6s cubic-bezier(.7,0,0,1)
}

.b2b_content .dots_indicator .dot:hover {
    background: rgba(71,71,71,.5)!important
}

.b2b_content .dots_indicator .glide__bullet--active {
    opacity: 1
}

.b2b_content .b2bCarousel-item {
    height: 300px;
    position: relative
}

.b2b_content .b2bCarousel-item .b2bCarousel-item-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex
}

.b2b_content .b2bCarousel-item .b2bCarousel-item-bg p {
    color: #203850;
    line-height: 1.7
}

.b2b_content .b2bCarousel-item img {
    position: absolute;
    z-index: 0
}

.b2b_content .b2bCarousel-item .img_motif_1 {
    position: absolute;
    top: -70px;
    left: 0;
    z-index: 0;
    opacity: .4;
    width: 400px
}

.b2b_content .b2bCarousel-item .img_motif_2 {
    position: absolute;
    top: -70px;
    right: 0;
    z-index: 0;
    opacity: .4;
    width: 400px
}

.b2b_content .b2bCarousel-item .b2b-logo {
    position: relative;
    margin: auto;
    height: 80px;
    filter: drop-shadow(4px 4px 5px black)
}

.b2b_content .b2bCarousel-item .img_right {
    right: 0
}

.b2b_content .b2bCarousel-item .img_left {
    left: 0
}

.b2b_content .b2bCarousel-item .b2bCarousel-item-bg-1 {
    background: linear-gradient(90deg,white 51%,rgba(255,255,255,.1) 100%)
}

.b2b_content .b2bCarousel-item .b2bCarousel-item-bg-1 p {
    margin: auto auto auto 40px
}

.b2b_content .b2bCarousel-item .b2bCarousel-item-bg-2 {
    background: linear-gradient(-90deg,white 50%,rgba(255,255,255,.1) 100%)
}

.b2b_content .b2bCarousel-item .b2bCarousel-item-bg-2 p {
    margin: auto 40px auto 0
}

.rect_item {
    background: white;
    width: 190px;
    height: 190px;
    border-radius: 10px;
    cursor: pointer;
    padding: 15px
}

.rect_item img {
    width: 115px;
    margin: auto
}

.rect_item .rect_txt {
    font-size: 14px;
    color: #203850;
    line-height: 1.2;
    font-family: Poppins,sans-serif;
    font-weight: 600;
    text-align: center;
    margin-top: 15px
}

.gap-40 {
    gap: 40px
}

.rect_item_max {
    background: white;
    width: 210px;
    height: 210px;
    border-radius: 10px;
    overflow: hidden
}

.rect_item_max .img_bg {
    inset: -15px 0 0 -15px;
    opacity: .13;
    z-index: 1;
    transform: scale(1.2);
    transition: all .6s cubic-bezier(.7,0,0,1)
}

.rect_item_max .rect_item_max_content {
    z-index: 2;
    height: 210px
}

.rect_item_max .rect_item_max_content .title_content {
    height: 48px;
    padding: 0 10px
}

.rect_item_max .rect_item_max_content .title_content .title_txt {
    margin: auto;
    text-align: center;
    line-height: 1.15;
    color: #203850
}

.rect_item_max .rect_item_max_content .title_content .title_txt_line {
    height: 2px;
    background: #e3177f;
    inset: auto 45% 0;
    transition: inset .6s cubic-bezier(.7,0,0,1)
}

.rect_item_max .rect_item_max_content .img_content {
    padding: 10px;
    height: 140px
}

.rect_item_max .rect_item_max_content .img_content img {
    margin: auto;
    filter: drop-shadow(4px 4px 5px rgba(0,0,0,.3))
}

.rect_item_max .rect_item_max_content .img_content .img_square {
    height: 130px
}

.rect_item_max .rect_item_max_content .img_content .img_rect {
    width: 100%
}

.rect_item_max .rect_item_max_content .website {
    cursor: pointer;
    height: 0;
    inset: auto 0 0;
    background: rgba(16,16,16,.07);
    border-top: 1px solid rgba(16,16,16,.1);
    transition: height .6s cubic-bezier(.7,0,0,1)
}

.rect_item_max .rect_item_max_content .website p {
    color: #e3177f
}

.rect_item_max:hover .img_bg {
    transform: scale(.9);
    opacity: .3
}

.rect_item_max:hover .rect_item_max_content .title_content .title_txt_line {
    inset: auto 30% 0
}

.rect_item_max:hover .rect_item_max_content .website {
    height: 40px
}

.exhibitorCarousel .superimposed_item {
    padding: 15px
}

.exhibitorCarousel .superimposed_item .superimposed_sub_item {
    background: white;
    border-radius: 10px;
    width: 220px;
    height: 220px;
    overflow: hidden;
    display: flex;
    position: relative
}

.exhibitorCarousel .superimposed_item .superimposed_sub_item .stand {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 14.3px;
    background: #e3177f;
    padding: 4px 10px;
    border-radius: 10px;
    font-weight: 600;
    color: #fff;
    font-family: Inter,sans-serif
}

.exhibitorCarousel .superimposed_item .superimposed_sub_item .img_bg {
    inset: -15px 0 0 -15px;
    opacity: .3;
    z-index: 1;
    transform: scale(1.2);
    transition: transform .6s cubic-bezier(.7,0,0,1)
}

.exhibitorCarousel .superimposed_item .superimposed_sub_item .item_img_default {
    margin: auto;
    z-index: 10
}

.exhibitorCarousel .superimposed_item .superimposed_sub_item .item_img_rect {
    width: 175px
}

.exhibitorCarousel .superimposed_item .superimposed_sub_item .item_img_square {
    height: 130px
}

.exhibitorCarousel .superimposed_item .superimposed_sub_item:hover .img_bg {
    transform: scale(.9)
}

.schedule-content {
    margin: auto
}

.schedule-content p,.schedule-content h3 {
    font-family: Poppins,sans-serif;
    color: #fff
}

.schedule-content .h3_pink {
    color: #e3177f
}

.schedule-content li {
    padding: 50px 0;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.schedule-content li:last-child {
    border: none
}

.schedule-content li:nth-child(2n) {
    background: linear-gradient(90deg,rgb(16,16,16) 0%,rgb(26,26,26) 50%,rgb(16,16,16) 100%)
}

.schedule-content .li-for-title {
    border: none!important;
    background: none!important
}

.schedule-content .li-for-title .start-time {
    opacity: 0
}

.schedule-content .start-time {
    font-size: 14px;
    color: #ffffff80;
    font-weight: 700;
    width: 100px;
    margin: auto 10px auto 0
}

.schedule-content .tag-container {
    width: 120px;
    margin: auto 30px auto 0
}

.schedule-content .tag-container .tag {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.2);
    padding: 5px 12px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-right: 30px;
    text-align: center;
    border-radius: 15px
}

.schedule-content button {
    padding: 6px 50px;
    border: none;
    background: rgba(255,255,255,.07);
    font-family: Poppins,sans-serif;
    cursor: pointer;
    transition: background .3s ease-in-out
}

.schedule-content button .day {
    font-size: 21px;
    color: #fff;
    font-weight: 700;
    transition: color .3s ease-in-out
}

.schedule-content button .day span {
    color: #e3177f;
    transition: color .3s ease-in-out
}

.schedule-content button .date {
    color: #ffffff80
}

.schedule-content button:hover {
    background: rgba(255,255,255,.17)
}

.schedule-content .left {
    border-radius: 5px 0 0 5px
}

.schedule-content .right {
    border-radius: 0 5px 5px 0
}

.schedule-content .button-active {
    background: #e3177f
}

.schedule-content .button-active span {
    color: #fff!important
}

.schedule-content .program-details {
    width: 794px
}

.schedule-content .program-details .company_logo {
    width: 150px;
    height: 150px;
    background: white;
    border-radius: 5px;
    margin: auto;
    padding: 10px;
    display: flex
}

.schedule-content .program-details .company_logo img {
    width: 100%;
    margin: auto
}

.schedule-content .program-details h3 {
    text-align: center
}

.schedule-content .program-details .desc {
    font-size: 14px;
    font-weight: 400;
    color: #ffffffb3;
    text-align: center;
    line-height: 1.3
}

.schedule-content .program-details .speaker-item {
    cursor: pointer;
    width: 200px;
    border-radius: 10px;
    padding: 10px 0;
    transition: background .3s ease-in-out
}

.schedule-content .program-details .speaker-item .img {
    width: 100px;
    height: 100px;
    padding: 5px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #e3177f;
    margin: auto;
    transition: background .3s ease-in-out
}

.schedule-content .program-details .speaker-item .img img {
    width: 100%;
    border-radius: 50%
}

.schedule-content .program-details .speaker-item p {
    text-align: center
}

.schedule-content .program-details .speaker-item .name {
    color: #fff;
    font-size: 14.3px;
    font-weight: 500
}

.schedule-content .program-details .speaker-item .fonc {
    color: #e3177f;
    font-size: 12px;
    line-height: 1.2
}

.schedule-content .program-details .speaker-item .company {
    color: #ffffffb3;
    font-size: 12.5px
}

.schedule-content .program-details .speaker-item:hover {
    background: rgba(255,255,255,.07)
}

.schedule-content .program-details .speaker-item:hover .img {
    background: #e3177f
}

.schedule-content .speaker-item-speaker-page {
    cursor: pointer;
    width: 220px;
    border-radius: 10px;
    padding: 10px 0;
    transition: background .3s ease-in-out
}

.schedule-content .speaker-item-speaker-page .img {
    width: 170px;
    height: 170px;
    padding: 7px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #e3177f;
    margin: auto;
    transition: background .3s ease-in-out
}

.schedule-content .speaker-item-speaker-page .img img {
    width: 100%;
    border-radius: 50%
}

.schedule-content .speaker-item-speaker-page p {
    text-align: center
}

.schedule-content .speaker-item-speaker-page .name {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.schedule-content .speaker-item-speaker-page .fonc {
    color: #e3177f;
    font-size: 13.5px;
    line-height: 1.2;
    font-weight: 500
}

.schedule-content .speaker-item-speaker-page .company {
    color: #ffffffb3;
    font-size: 13px
}

.schedule-content .speaker-item-speaker-page:hover {
    background: rgba(255,255,255,.07)
}

.schedule-content .speaker-item-speaker-page:hover .img {
    background: #e3177f
}

.schedule-content .hide-speaker {
    display: none!important
}

.separator-line {
    height: 5px;
    border-radius: 3px;
    background: linear-gradient(to right,#e3177f,#6e00f5,#e3177f)!important
}

.inset_bottom_0 {
    bottom: 0
}

.bottom_-85 {
    margin-bottom: -85px
}

.p_0_0_50px_0 {
    padding: 0 0 50px
}

.p_100px_0_0_0 {
    padding: 100px 0 0
}

.section-header-image {
    height: 400px
}

.counter_down .counter_item {
    flex: 1
}

.counter_down .counter_item p {
    text-align: center;
    font-family: Poppins,sans-serif;
    line-height: 1;
    color: #fffc
}

.counter_down .counter_item .number {
    color: #fff;
    line-height: 1
}

.cto-awards-content {
    margin: auto;
    width: 500px;
    max-width: 500px;
    min-height: 320px
}

.cto-awards-content img {
    width: 100%;
    border-radius: 10px
}

.cto-awards-content h1 {
    font-size: 28px;
    color: #fff;
    text-align: center
}

.cto-awards-content h3,.cto-awards-content h4,.cto-awards-content p {
    color: #fff
}

.cto-awards-content h4,.cto-awards-content .p {
    margin-left: 20px
}

.cto-awards-content h4 span {
    font-style: italic;
    font-weight: 300
}

.cto-awards-content .p {
    font-size: 13.2px;
    color: #fffc
}

.cto-awards-content ul {
    color: #fff;
    list-style-type: none
}

.cto-awards-content ul li {
    font-size: 13.5px;
    color: #fff9;
    margin-bottom: 2px;
    display: flex
}

.cto-awards-content ul li svg {
    margin: auto 15px auto 0
}

.cto-awards-content ul li span {
    margin: auto auto auto 0;
    font-size: 13.25px;
    width: calc(100% - 50px)
}

.cto-awards-content ul li strong {
    margin-right: 5px;
    color: #fff;
    display: block;
    width: 30px
}

.cto-awards-content .ul {
    margin-left: 40px
}

.cto-awards-content .win-item {
    cursor: default;
    display: flex;
    width: 160px;
    height: 50px;
    background-image: url(https://assets.digerati.dz/boostevent/cto/imgs/cto-awards-bouton.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 50px
}

.cto-awards-content .win-item p {
    font-size: 12.7px;
    margin: auto 10px;
    text-align: center;
    font-weight: 700;
    color: #101010
}

.app-mobile-content {
    width: 900px;
    margin: auto
}

.app-mobile-content img {
    border-radius: 10px;
    margin: auto 0;
    width: 350px
}

.app-mobile-content .app-mobile-content-details {
    margin: auto auto auto 30px
}

.app-mobile-content .app-mobile-content-details p,.app-mobile-content .app-mobile-content-details h4 {
    color: #fff
}

.app-mobile-content .app-mobile-content-details p span,.app-mobile-content .app-mobile-content-details h4 span {
    text-decoration: underline
}

.app-mobile-content .app-mobile-content-details p {
    text-align: justify;
    font-size: 14px;
    line-height: 1.5
}

.app-mobile-content .app-mobile-content-details ul {
    color: #fff;
    list-style-type: none;
    margin-left: 15px
}

.app-mobile-content .app-mobile-content-details ul li {
    display: flex;
    margin-bottom: 4px
}

.app-mobile-content .app-mobile-content-details ul li svg {
    margin: auto 15px auto 0
}

.app-mobile-content .app-mobile-content-details ul li span {
    margin: auto auto auto 0;
    color: #ffffffb3;
    font-size: 13.3px
}

.app-mobile-content .app-mobile-content-details a {
    margin: auto;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.section-bg-image {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover
}

.cto-awards {
    background-image: url(CTO-AWARDS-header.7f543a7199cb8c0e.webp);
    background-position: center bottom 180px
}

.b2b {
    background-image: url(https://assets.digerati.dz/boostevent/cto/imgs/4.webp)
}

.numbers_bg {
    background-image: url(https://assets.digerati.dz/boostevent/cto/imgs/2.webp)
}

.why {
    background-image: url(https://assets.digerati.dz/boostevent/cto/imgs/3.webp)
}

.presentation {
    background-image: url(https://assets.digerati.dz/boostevent/cto/imgs/1.webp)
}

.program {
    background-image: url(https://assets.digerati.dz/boostevent/cto/imgs/program.webp)
}

.program-1 {
    background-image: url(https://assets.digerati.dz/boostevent/cto/imgs/program-1.webp)
}

.visitor {
    background-image: url(https://assets.digerati.dz/boostevent/cto/imgs/visitors.webp)
}

.stand {
    background-image: url(https://assets.digerati.dz/boostevent/cto/imgs/stand.webp)
}

.overflow-x-hidden {
    overflow-x: hidden
}

.form-content {
    padding: 15px
}

.form-content h1,.form-content p {
    font-family: Poppins,sans-serif;
    text-align: center
}

.form-content h1 {
    color: #222327;
    margin-bottom: 5px;
    font-weight: 900;
    font-size: 32px;
    letter-spacing: -.7px
}

.form-content p {
    font-size: 14px;
    color: #203850;
    font-weight: 500;
    line-height: 1.4
}

.form-footer {
    width: 100%;
    height: 64px;
    background: #203850;
    display: flex;
    gap: 15px;
    padding: 0 15px
}

.form-footer p {
    font-family: Poppins,sans-serif
}

.form-footer .form-footer-img {
    height: 40px
}

.form-footer .white-v-line {
    height: 40px;
    width: 1px;
    background: rgba(255,255,255,.5)
}

.form-footer .form-footer-details .date-days {
    font-size: 21px;
    font-weight: 900;
    letter-spacing: -.6px;
    color: #e3177f
}

.form-footer .form-footer-details .date-month-year {
    color: #fff;
    font-size: 14px
}

.form-footer .form-footer-details .date-month-year span {
    font-weight: 700
}

.form-footer .form-footer-img-1 {
    height: 50px;
    margin: auto auto 7px 0
}

.form-footer .form-footer-small-text {
    font-size: 12px;
    color: #fff;
    font-weight: 500
}

.form-footer .form-footer-img,.form-footer .white-v-line,.form-footer .form-footer-details,.form-footer .form-footer-small-text {
    margin: auto 0 12px
}

.section-presentaion {
    height: 300px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right 0px bottom 250px;
    background-size: cover;
    overflow: hidden;
    background-image: url(presentaion-header.0840ae818ca0295e.webp)
}

.section-presentaion .content-header-presentaion .section_stroke_text {
    -webkit-text-stroke-color: rgba(255,255,255,.7)
}

.section-text-presentaion .content-body-presentaion {
    width: 850px
}

.section-text-presentaion .content-body-presentaion p {
    color: #fff;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: Poppins,sans-serif;
    line-height: 1.4;
    text-align: justify
}

.section-imags-callery .callery-item {
    flex: 1;
    overflow: hidden
}

.section-imags-callery .callery-item img {
    width: 100%;
    transform: scale(1);
    transition: transform .3s ease-in-out
}

.section-imags-callery .callery-item:hover img {
    transform: scale(1.1)
}

.contact-vector-bg {
    background-repeat: repeat;
    background-image: url(https://assets.digerati.dz/digerati/public/svg/vector_lines.svg)
}

.content-contact {
    display: flex
}

.content-contact .f1 h1 {
    font-size: 76px;
    line-height: .9;
    margin-bottom: 20px;
    font-weight: 900;
    color: #fff
}

.content-contact form,.content-contact .form-custom {
    width: 100%;
    border-radius: 5px;
    background: #161616
}

.content-contact form .form-content,.content-contact .form-custom .form-content {
    padding: 15px
}

.content-contact form mat-form-field .mdc-text-field,.content-contact .form-custom mat-form-field .mdc-text-field {
    background-color: #0a0a0a
}

.content-contact form mat-form-field mat-label,.content-contact .form-custom mat-form-field mat-label {
    color: #ffffff80!important
}

.content-contact form mat-form-field .mat-mdc-form-field-required-marker,.content-contact .form-custom mat-form-field .mat-mdc-form-field-required-marker {
    color: #f85149!important
}

.content-contact form mat-form-field input,.content-contact form mat-form-field textarea,.content-contact form mat-form-field mat-select,.content-contact .form-custom mat-form-field input,.content-contact .form-custom mat-form-field textarea,.content-contact .form-custom mat-form-field mat-select {
    color: #fff!important;
    font-family: Poppins,sans-serif
}

.content-contact form mat-form-field input::placeholder,.content-contact form mat-form-field textarea::placeholder,.content-contact form mat-form-field mat-select::placeholder,.content-contact .form-custom mat-form-field input::placeholder,.content-contact .form-custom mat-form-field textarea::placeholder,.content-contact .form-custom mat-form-field mat-select::placeholder {
    color: #fff3!important;
    font-weight: 300!important
}

.content-contact form .mdc-text-field--focused mat-label,.content-contact .form-custom .mdc-text-field--focused mat-label {
    color: #fffc!important
}

.content-contact form .inside_input_label,.content-contact .form-custom .inside_input_label {
    font-size: 12px;
    color: #fff6;
    margin-left: 5px;
    margin-right: 10px
}

.content-contact form button,.content-contact .form-custom button {
    background: #e3177f;
    color: #fff!important;
    font-weight: 500;
    font-family: Poppins,sans-serif;
    margin: auto 0 auto auto;
    width: 150px
}

.content-contact form mat-chip-grid button,.content-contact .form-custom mat-chip-grid button {
    width: -moz-fit-content!important;
    width: fit-content!important
}

.content-contact form mat-expansion-panel mat-form-field,.content-contact .form-custom mat-expansion-panel mat-form-field {
    background: white!important;
    color: red!important
}

.content-contact form mat-expansion-panel mat-form-field .mdc-text-field,.content-contact .form-custom mat-expansion-panel mat-form-field .mdc-text-field {
    background-color: #fff!important
}

.content-contact form mat-expansion-panel mat-form-field mat-label,.content-contact .form-custom mat-expansion-panel mat-form-field mat-label {
    color: #0a0a0a!important
}

.content-contact form mat-expansion-panel mat-form-field .mat-mdc-form-field-required-marker,.content-contact .form-custom mat-expansion-panel mat-form-field .mat-mdc-form-field-required-marker {
    color: #f85149!important
}

.content-contact form mat-expansion-panel mat-form-field input,.content-contact form mat-expansion-panel mat-form-field textarea,.content-contact form mat-expansion-panel mat-form-field mat-select,.content-contact .form-custom mat-expansion-panel mat-form-field input,.content-contact .form-custom mat-expansion-panel mat-form-field textarea,.content-contact .form-custom mat-expansion-panel mat-form-field mat-select {
    color: #0a0a0a;
    font-family: Poppins,sans-serif
}

.content-contact form mat-expansion-panel mat-form-field input::placeholder,.content-contact form mat-expansion-panel mat-form-field textarea::placeholder,.content-contact form mat-expansion-panel mat-form-field mat-select::placeholder,.content-contact .form-custom mat-expansion-panel mat-form-field input::placeholder,.content-contact .form-custom mat-expansion-panel mat-form-field textarea::placeholder,.content-contact .form-custom mat-expansion-panel mat-form-field mat-select::placeholder {
    color: #0a0a0a33!important;
    font-weight: 300!important
}

.content-contact .map-content {
    width: 100%;
    padding: 0 0 0 15px;
    margin: auto
}

.content-contact .map-content #map {
    height: 320px;
    margin-bottom: 15px;
    border-radius: 10px
}

.content-contact .map-content .talk-area .item {
    margin-bottom: 15px
}

.content-contact .map-content .talk-area .item p {
    font-size: 14px;
    color: #fff;
    font-family: Poppins,sans-serif;
    font-weight: 600;
    margin-bottom: 15px
}

.content-contact .map-content .talk-area .item a {
    font-size: 13px;
    color: #e3177f;
    text-decoration: none;
    font-family: Poppins,sans-serif;
    line-height: 1;
    display: flex;
    gap: 10px
}

.content-contact .map-content .talk-area .item a svg {
    margin: auto 0;
    width: 24px;
    height: 24px
}

.content-contact .map-content .talk-area .item a span {
    margin: auto 0
}

.content-contact .map-content .talk-area .item .a {
    margin-top: -15px!important
}

.content-contact .map-content .talk-area .item .email {
    font-weight: 600
}

.auth-form,.profile-section {
    width: 100%;
    border-radius: 5px;
    background: #161616
}

.auth-form .form-content,.profile-section .form-content {
    padding: 15px
}

.auth-form mat-form-field .mdc-text-field,.profile-section mat-form-field .mdc-text-field {
    background-color: #0a0a0a
}

.auth-form mat-form-field mat-label,.profile-section mat-form-field mat-label {
    color: #ffffff80!important
}

.auth-form mat-form-field .mat-mdc-form-field-required-marker,.profile-section mat-form-field .mat-mdc-form-field-required-marker {
    color: #f85149!important
}

.auth-form mat-form-field input,.auth-form mat-form-field textarea,.auth-form mat-form-field mat-select,.profile-section mat-form-field input,.profile-section mat-form-field textarea,.profile-section mat-form-field mat-select {
    color: #fff!important;
    font-family: Poppins,sans-serif
}

.auth-form mat-form-field input::placeholder,.auth-form mat-form-field textarea::placeholder,.auth-form mat-form-field mat-select::placeholder,.profile-section mat-form-field input::placeholder,.profile-section mat-form-field textarea::placeholder,.profile-section mat-form-field mat-select::placeholder {
    color: #fff3!important;
    font-weight: 300!important
}

.auth-form mat-form-field mat-icon,.profile-section mat-form-field mat-icon {
    color: #ffffffb3
}

.auth-form .mdc-text-field--focused mat-label,.profile-section .mdc-text-field--focused mat-label {
    color: #fffc!important
}

.auth-form .inside_input_label,.profile-section .inside_input_label {
    font-size: 12px;
    color: #fff6;
    margin-left: 5px;
    margin-right: 10px
}

.auth-form button,.profile-section button {
    background: #e3177f;
    color: #fff!important;
    font-weight: 500;
    font-family: Poppins,sans-serif;
    margin: auto 0 auto auto;
    width: 150px
}

.auth-form mat-chip-grid button,.profile-section mat-chip-grid button {
    width: -moz-fit-content!important;
    width: fit-content!important
}

.auth-form mat-expansion-panel mat-form-field,.profile-section mat-expansion-panel mat-form-field {
    background: white!important;
    color: red!important
}

.auth-form mat-expansion-panel mat-form-field .mdc-text-field,.profile-section mat-expansion-panel mat-form-field .mdc-text-field {
    background-color: #fff!important
}

.auth-form mat-expansion-panel mat-form-field mat-label,.profile-section mat-expansion-panel mat-form-field mat-label {
    color: #0a0a0a!important
}

.auth-form mat-expansion-panel mat-form-field .mat-mdc-form-field-required-marker,.profile-section mat-expansion-panel mat-form-field .mat-mdc-form-field-required-marker {
    color: #f85149!important
}

.auth-form mat-expansion-panel mat-form-field input,.auth-form mat-expansion-panel mat-form-field textarea,.auth-form mat-expansion-panel mat-form-field mat-select,.profile-section mat-expansion-panel mat-form-field input,.profile-section mat-expansion-panel mat-form-field textarea,.profile-section mat-expansion-panel mat-form-field mat-select {
    color: #0a0a0a;
    font-family: Poppins,sans-serif
}

.auth-form mat-expansion-panel mat-form-field input::placeholder,.auth-form mat-expansion-panel mat-form-field textarea::placeholder,.auth-form mat-expansion-panel mat-form-field mat-select::placeholder,.profile-section mat-expansion-panel mat-form-field input::placeholder,.profile-section mat-expansion-panel mat-form-field textarea::placeholder,.profile-section mat-expansion-panel mat-form-field mat-select::placeholder {
    color: #0a0a0a33!important;
    font-weight: 300!important
}

.progress_form {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.5);
    display: flex;
    z-index: 10
}

.progress_form .progress_form_content {
    margin: auto
}

.progress_form .progress_form_content .lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto
}

.progress_form .progress_form_content .lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #e3177f;
    animation-timing-function: cubic-bezier(0,1,1,0)
}

.progress_form .progress_form_content .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 .6s infinite
}

.progress_form .progress_form_content .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 .6s infinite
}

.progress_form .progress_form_content .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 .6s infinite
}

.progress_form .progress_form_content .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 .6s infinite
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(24px)
    }
}

.progress_form .progress_form_content p {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-family: Poppins,sans-serif
}

.check-terms-btn .check-terms-btn-span {
    margin: auto auto auto 0;
    font-size: 14px;
    color: #203850
}

.check-terms-btn .check-terms-btn-span span {
    position: absolute;
    inset: 16px 50% 0;
    height: 1px;
    transition: all .4s cubic-bezier(.7,0,0,1);
    background: linear-gradient(to right,#e3177f,#6e00f5)!important
}

.check-terms-btn .check-terms-btn-span strong {
    position: relative;
    cursor: pointer
}

.check-terms-btn .check-terms-btn-span strong:hover span {
    inset: 16px 0 0
}

button:disabled {
    background: rgba(0,0,0,.1)!important;
    color: #0000004d!important;
    cursor: not-allowed!important
}

.snackbar-class {
    font-size: 14px;
    font-family: Inter,sans-serif;
    --mdc-snackbar-container-color: white
}

.snackbar-class .mat-mdc-snack-bar-label {
    color: #000c!important;
    font-size: 14px;
    font-weight: 700
}

.snackbar-class button {
    font-weight: 800
}

.custom-title {
    color: #fffc!important;
    margin-bottom: 5px;
    font-size: 16px!important
}

code-input {
    --item-spacing: 7px !important;
    --item-height: 50px !important;
    --item-border: none !important;
    --item-border-bottom: none !important
}

code-input span input {
    background: #0a0a0a!important;
    color: #ffffff80!important;
    text-transform: uppercase;
    font-size: 21px!important;
    font-weight: 900!important;
    border: 1px solid rgba(255,255,255,.2)!important
}

.center-txt {
    text-align: center
}

.assets-list .asset-item {
    width: 100%!important;
    padding: 15px 0;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.1);
    background: white;
    cursor: pointer;
    outline: none
}

.assets-list .asset-item .ref {
    margin: auto auto auto 10px;
    color: #474747;
    font-weight: 300;
    font-size: 12px
}

.assets-list .asset-item .amount {
    margin: auto 10px auto auto;
    color: #222327;
    font-weight: 700;
    font-size: 14px
}

.assets-list .asset-item .txt {
    margin: 0 10px auto;
    color: #222327;
    font-size: 13px
}

.assets-list .asset-item:disabled {
    cursor: not-allowed;
    background: rgba(0,0,0,.1)
}

.assets-list .asset-item:focus {
    outline: none
}

.assets-list .asset-item:last-child {
    border: none
}

.disabled-appt,.disabled-appt .cal-event {
    background: #dddddd;
    border: none
}

.disabled-appt .cal-event .cal-event-title {
    color: #203850;
    font-weight: 600
}

.disabled-appt .cal-event .cal-event-title:before {
    content: "\1f6c8  \2022  ";
    font-size: 15px
}

.waiting-appt,.waiting-appt .cal-event {
    background: orangered;
    border: none
}

.waiting-appt .cal-event .cal-event-title {
    color: #fff;
    font-size: 13px
}

.waiting-appt .cal-event .cal-event-title:before {
    content: "\231b  \2022  "
}

.confirmed-appt,.confirmed-appt .cal-event {
    background: #29b3af;
    border: none
}

.confirmed-appt .cal-event .cal-event-title {
    color: #fff;
    font-size: 13px
}

.confirmed-appt .cal-event .cal-event-title:before {
    content: "\2714\2022  ";
    font-size: 18px
}

.error-text {
    line-height: 1.3
}

.username-button {
    border-radius: 20px!important
}

.username-button span {
    font-weight: 600
}

strong {
    margin-right: 5px
}

@media (min-width: 1400px) {
    .content {
        width:1380px
    }

    .b2b-content {
        width: 1100px
    }

    .cto-awards {
        background-image: url(CTO-AWARDS-header.7f543a7199cb8c0e.webp);
        background-position: center bottom 120px
    }

    #exhibitor_form .sub_form,#exhibitor_form .form,#visitor_form .sub_form,#visitor_form .form {
        width: 730px
    }
}

@media (min-width: 1100px) and (max-width: 1400px) {
    .content {
        width:1100px
    }

    footer .f1 .inner_content {
        width: 350px!important
    }

    #exhibitor_form .sub_form,#exhibitor_form .form,#visitor_form .sub_form,#visitor_form .form {
        width: 730px
    }
}

@media (min-width: 768px) and (max-width: 1120px) {
    .content {
        width:730px
    }

    header {
        background: #101010!important;
        height: 64px!important;
        overflow: hidden;
        transition: height .5s cubic-bezier(.86,0,.07,1)
    }

    header .content {
        margin: 0 auto;
        height: 64px
    }

    header .content .header_logo {
        margin: auto auto auto 0
    }

    header .content nav {
        position: absolute;
        width: 100%;
        top: 64px;
        font-family: Inter,sans-serif
    }

    header .content nav .nav-item {
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,.2);
        height: 50px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        transition: height .5s cubic-bezier(.86,0,.07,1)
    }

    header .content nav .nav-item .dot {
        width: 8px;
        margin: 21px 10px auto;
        fill: #fff
    }

    header .content nav .nav-item p {
        margin: 19px auto auto 0;
        font-size: 12px;
        font-weight: 700;
        color: #fff
    }

    header .content nav .nav-item .arrow {
        margin: 15px 10px auto auto;
        fill: #ffffffb3;
        width: 24px;
        transform: rotate(0)
    }

    header .content nav .nav-item .nav-sub-item {
        position: absolute;
        top: 40px;
        left: 50px;
        width: calc(100% - 50px)!important;
        height: 90px
    }

    header .content nav .nav-item .nav-sub-item button {
        width: 100%!important;
        font-size: 13px;
        background: transparent!important;
        border-bottom: 1px solid rgba(255,255,255,.1)!important;
        color: #ffffff80;
        text-align: left
    }

    header .content nav .nav-item .nav-sub-item button:last-child {
        border: none!important
    }

    header .content nav .nav-item:last-child {
        border: none
    }

    header .content nav .nav-item-active {
        height: 120px
    }

    header .content nav .nav-item-active .arrow {
        transform: rotate(180deg)
    }

    header .content nav button {
        margin-top: -1px;
        width: 100%
    }

    header .content .sub-menu {
        width: 32px;
        height: 32px;
        border-radius: 50%!important;
        background: rgba(255,255,255,.1)!important;
        margin: auto 0;
        display: flex
    }

    header .content .sub-menu svg {
        margin: -2px auto auto!important;
        fill: #fff;
        width: 22px!important;
        height: 22px!important
    }

    footer .f1 .inner_content {
        width: 340px
    }

    .schedule-content ul li {
        display: block
    }

    .schedule-content ul li .start-time {
        text-align: center;
        width: 100%;
        margin: auto
    }

    .schedule-content ul li .tag-container {
        margin: auto 0
    }

    .schedule-content ul li .program-details,.app-mobile-content {
        width: 730px
    }

    .app-mobile-content img {
        width: 300px;
        margin: 0 0 auto
    }

    .header-active {
        height: 442px!important
    }

    .counter_down .counter_item p {
        font-size: 13px
    }

    .counter_down .counter_item .number {
        font-size: 63px
    }

    .section-presentaion {
        height: 300px;
        background-position: right 0px bottom 300px
    }

    .section-text-presentaion .content-body-presentaion {
        width: 700px
    }

    .section-text-presentaion .content-body-presentaion p {
        font-size: 16px
    }

    .section-imags-callery .callery-item {
        flex: 1;
        overflow: hidden
    }

    .section-imags-callery .callery-item img {
        width: 100%;
        transform: scale(1);
        transition: transform .3s ease-in-out
    }

    .section-imags-callery .callery-item:hover img {
        transform: scale(1.1)
    }

    .content-contact {
        display: block
    }

    .content-contact .f1 h1 {
        font-size: 50px
    }

    .content-contact .map-content {
        margin-top: 50px;
        padding-left: 0
    }

    #exhibitor_form .sub_form,#exhibitor_form .form,#visitor_form .sub_form,#visitor_form .form {
        width: 690px
    }

    #presentation h1 {
        font-size: 106px
    }

    #presentation .presentation-content {
        display: block
    }

    #presentation .presentation-content .f1 .img1 {
        width: 640px
    }

    #why h1 {
        font-size: 70px
    }

    #why .why-items {
        display: block
    }

    #numbers .h1 {
        font-size: 110px
    }

    #topics h1 {
        font-size: 100px
    }

    #conferences h1 {
        font-size: 80px;
        text-align: center
    }

    #conferences .conferences-item {
        display: block
    }

    #conferences .conferences-item .f1 {
        display: flex
    }

    #conferences .conferences-item .f1 .conference_content {
        width: 500px;
        margin: auto
    }

    #parrainage h1 {
        font-size: 115px
    }

    #sponsors h1 {
        font-size: 135px
    }

    #partners h1 {
        font-size: 110px
    }

    #exhibitors h1 {
        font-size: 130px
    }

    #presentation .p,#why .p,#numbers .p,#topics .p,#b2b .p,#conferences .p,#parrainage .p,#sponsors .p,#partners .p,#exhibitors .p {
        font-size: 26px
    }

    #presentation .section_l_text,#why .section_l_text,#numbers .section_l_text,#topics .section_l_text,#b2b .section_l_text,#conferences .section_l_text,#parrainage .section_l_text,#sponsors .section_l_text,#partners .section_l_text,#exhibitors .section_l_text {
        font-size: 18px;
        margin: auto 80px
    }
}

@media (min-width: 580px) and (max-width: 768px) {
    .content {
        width:550px
    }

    header {
        background: #101010!important;
        height: 64px!important;
        overflow: hidden;
        transition: height .5s cubic-bezier(.86,0,.07,1)
    }

    header .content {
        margin: 0 auto;
        height: 64px
    }

    header .content .header_logo {
        margin: auto auto auto 0
    }

    header .content nav {
        position: absolute;
        width: 100%;
        top: 64px;
        font-family: Inter,sans-serif
    }

    header .content nav .nav-item {
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,.2);
        height: 50px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        transition: height .5s cubic-bezier(.86,0,.07,1)
    }

    header .content nav .nav-item .dot {
        width: 8px;
        margin: 21px 10px auto;
        fill: #fff
    }

    header .content nav .nav-item p {
        margin: 19px auto auto 0;
        font-size: 12px;
        font-weight: 700;
        color: #fff
    }

    header .content nav .nav-item .arrow {
        margin: 15px 10px auto auto;
        fill: #ffffffb3;
        width: 24px;
        transform: rotate(0)
    }

    header .content nav .nav-item .nav-sub-item {
        position: absolute;
        top: 40px;
        left: 50px;
        width: calc(100% - 50px)!important;
        height: 90px
    }

    header .content nav .nav-item .nav-sub-item button {
        width: 100%!important;
        font-size: 13px;
        background: transparent!important;
        border-bottom: 1px solid rgba(255,255,255,.1)!important;
        color: #ffffff80;
        text-align: left
    }

    header .content nav .nav-item .nav-sub-item button:last-child {
        border: none!important
    }

    header .content nav .nav-item:last-child {
        border: none
    }

    header .content nav .nav-item-active {
        height: 120px
    }

    header .content nav .nav-item-active .arrow {
        transform: rotate(180deg)
    }

    header .content nav button {
        margin-top: -1px;
        width: 100%
    }

    header .content .sub-menu {
        width: 32px;
        height: 32px;
        border-radius: 50%!important;
        background: rgba(255,255,255,.1)!important;
        margin: auto 0;
        display: flex
    }

    header .content .sub-menu svg {
        margin: -2px auto auto!important;
        fill: #fff;
        width: 22px!important;
        height: 22px!important
    }

    .header-active {
        height: 442px!important
    }

    .schedule-content ul li {
        display: block
    }

    .schedule-content ul li .start-time {
        text-align: center;
        width: 100%;
        margin: auto 0
    }

    .schedule-content ul li .tag-container {
        margin: auto
    }

    .schedule-content ul li .program-details,.app-mobile-content {
        width: 550px
    }

    .app-mobile-content .flex {
        display: block
    }

    .app-mobile-content img {
        width: 450px;
        margin-left: 45px;
        margin-bottom: 30px
    }

    .app-mobile-content .app-mobile-content-details {
        margin-left: 0
    }

    .form-content {
        padding: 15px
    }

    .form-content h1 {
        color: #222327;
        font-size: 35px
    }

    .form-content p {
        line-height: 1.3
    }

    .section-presentaion {
        height: 300px;
        background-position: right 0px bottom 300px
    }

    .section-presentaion .content-header-presentaion h1 {
        font-size: 70px
    }

    .section-presentaion .content-header-presentaion p {
        font-size: 24px
    }

    .section-text-presentaion .content-body-presentaion {
        width: 500px
    }

    .section-text-presentaion .content-body-presentaion p {
        font-size: 16px
    }

    .section-imags-callery {
        display: flex
    }

    .section-imags-callery .section-imags-callery-content {
        width: 400px;
        margin: auto;
        display: block!important
    }

    .section-imags-callery .section-imags-callery-content .callery-item {
        flex: 1;
        overflow: hidden
    }

    .content-contact {
        display: block
    }

    .content-contact .f1 h1 {
        font-size: 50px
    }

    .content-contact .map-content {
        margin-top: 50px;
        padding-left: 0
    }

    #exhibitor_form .sub_form,#exhibitor_form .form,#visitor_form .sub_form,#visitor_form .form {
        width: 490px
    }

    #cover .cover .cover_content {
        padding-top: 50px
    }

    #cover .cover h1 {
        font-size: 40px;
        gap: 10px
    }

    #cover .cover h1 .left {
        margin: auto 2px auto auto
    }

    #cover .cover h1 .right {
        margin: auto auto auto 2px
    }

    #cover .cover h3 {
        font-size: 27px
    }

    #cover .cover p {
        font-size: 21px
    }

    #cover .cover img {
        height: 50px
    }

    #cover .cover a {
        font-size: 13px
    }

    .counter_down .counter_item p {
        font-size: 12px
    }

    .counter_down .counter_item .number {
        font-size: 55px
    }

    #presentation h1 {
        font-size: 80px
    }

    #presentation .section_title {
        font-size: 26px;
        line-height: 1.2
    }

    #presentation .section_txt {
        font-size: 18px
    }

    #presentation button {
        font-size: 15px
    }

    #presentation .presentation-content {
        display: block
    }

    #presentation .presentation-content .f1 .img1 {
        width: 470px
    }

    #why h1 {
        font-size: 52px
    }

    #why .why-items {
        display: block
    }

    #numbers .h1 {
        font-size: 80px
    }

    #numbers .numbers_content {
        display: block
    }

    #numbers .numbers_content p {
        margin-right: 30px
    }

    #topics h1 {
        font-size: 75px
    }

    #conferences h1 {
        font-size: 80px;
        text-align: center
    }

    #conferences .conferences-item {
        display: block
    }

    #conferences .conferences-item .f1 {
        display: flex
    }

    #conferences .conferences-item .f1 .conference_content {
        width: 400px;
        margin: auto
    }

    #parrainage h1 {
        font-size: 90px
    }

    #sponsors h1 {
        font-size: 100px
    }

    #partners h1 {
        font-size: 85px
    }

    #exhibitors h1 {
        font-size: 95px
    }

    #presentation .p,#why .p,#numbers .p,#topics .p,#b2b .p,#conferences .p,#parrainage .p,#sponsors .p,#partners .p,#exhibitors .p {
        font-size: 26px
    }

    #presentation .section_l_text,#why .section_l_text,#numbers .section_l_text,#topics .section_l_text,#b2b .section_l_text,#conferences .section_l_text,#parrainage .section_l_text,#sponsors .section_l_text,#partners .section_l_text,#exhibitors .section_l_text {
        font-size: 18px;
        margin: auto 15px
    }

    .challenge-form {
        width: 100%
    }

    .challenge-form mat-stepper {
        width: 100%
    }
}

@media (max-width: 580px) {
    .content {
        width:340px
    }

    .c_pink {
        margin-bottom: 10px
    }

    header {
        background: #101010!important;
       /* height: 64px!important;*/
        overflow: hidden;
        transition: height .5s cubic-bezier(.86,0,.07,1)
    }

    header .content {
        margin: 0 auto;
        height: 64px
    }

    header .content .header_logo {
        margin: auto auto auto 0
    }

    header .content nav {
        position: absolute;
        width: 100%;
        top: 64px;
        font-family: Inter,sans-serif
    }

    header .content nav .nav-item {
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,.2);
        height: 50px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        transition: height .5s cubic-bezier(.86,0,.07,1)
    }

    header .content nav .nav-item .dot {
        width: 8px;
        margin: 21px 10px auto;
        fill: #fff
    }

    header .content nav .nav-item p {
        margin: 19px auto auto 0;
        font-size: 12px;
        font-weight: 700;
        color: #fff
    }

    header .content nav .nav-item .arrow {
        margin: 15px 10px auto auto;
        fill: #ffffffb3;
        width: 24px;
        transform: rotate(0)
    }

    header .content nav .nav-item .nav-sub-item {
        display: block;
        position: absolute;
        top: 40px;
        left: 50px;
        width: calc(100% - 50px)!important;
        height: 90px
    }

    header .content nav .nav-item .nav-sub-item button {
        width: 100%!important;
        font-size: 13px;
        background: transparent!important;
        border-bottom: 1px solid rgba(255,255,255,.1)!important;
        color: #ffffff80;
        text-align: left
    }

    header .content nav .nav-item .nav-sub-item button:last-child {
        border: none!important
    }

    header .content nav .nav-item:last-child {
        border: none
    }

    header .content nav .nav-item-active {
        height: 120px
    }

    header .content nav .nav-item-active .arrow {
        transform: rotate(180deg)
    }

    header .content nav button {
        margin-top: -1px;
        width: 100%
    }

    header .content .sub-menu {
        width: 32px;
        height: 32px;
        border-radius: 50%!important;
        background: rgba(255,255,255,.1)!important;
        margin: auto 0;
        display: flex
    }

    header .content .sub-menu svg {
        margin: -2px auto auto!important;
        fill: #fff;
        width: 22px!important;
        height: 22px!important
    }

    .header-active {
        height: 495px!important
    }

    .schedule-content .btn_group .left {
        border-radius: 7px 7px 0 0
    }

    .schedule-content .btn_group .center {
        border-radius: 0
    }

    .schedule-content .btn_group .right {
        border-radius: 0 0 7px 7px
    }

    .schedule-content ul li {
        display: block
    }

    .schedule-content ul li .start-time {
        text-align: center;
        width: -moz-fit-content;
        width: fit-content;
        margin: auto auto 10px
    }

    .schedule-content ul li .tag-container {
        margin: auto auto 15px
    }

    .schedule-content ul li .tag-container .tag {
        padding: 7px 0
    }

    .schedule-content ul li .program-details {
        width: 340px
    }

    .schedule-content ul li .program-details .speaker-item {
        width: 150px
    }

    .cto-awards-content {
        width: 340px
    }

    .cto-awards {
        background-image: url(CTO-AWARDS-header.7f543a7199cb8c0e.webp)
    }

    .app-mobile-content {
        width: 340px
    }

    .app-mobile-content .flex {
        display: block
    }

    .app-mobile-content img {
        width: 300px;
        margin-left: 20px;
        margin-bottom: 30px
    }

    .app-mobile-content .app-mobile-content-details {
        margin-left: 0
    }

    .speaker-item-speaker-page {
        width: 150px!important
    }

    .speaker-item-speaker-page .img {
        width: 100px!important;
        height: 100px!important;
        padding: 5px!important
    }

    .speaker-item-speaker-page p {
        text-align: center
    }

    .speaker-item-speaker-page .name {
        color: #fff;
        font-size: 16px;
        font-weight: 500
    }

    .speaker-item-speaker-page .fonc {
        color: #e3177f;
        font-size: 13.5px;
        line-height: 1.2;
        font-weight: 500
    }

    .speaker-item-speaker-page .company {
        color: #ffffffb3;
        font-size: 13px
    }

    .speaker-item-speaker-page:hover {
        background: rgba(255,255,255,.07)
    }

    .speaker-item-speaker-page:hover .img {
        background: #e3177f
    }

    .section-presentaion {
        height: 300px;
        background-position: right 0px bottom 300px
    }

    .section-presentaion .content-header-presentaion h1 {
        font-size: 50px
    }

    .section-presentaion .content-header-presentaion p {
        font-size: 21px
    }

    .section-text-presentaion .content-body-presentaion {
        width: 340px
    }

    .section-text-presentaion .content-body-presentaion p {
        font-size: 16px
    }

    .section-imags-callery {
        display: flex
    }

    .section-imags-callery .section-imags-callery-content {
        width: 340px;
        margin: auto;
        display: block!important
    }

    .section-imags-callery .section-imags-callery-content .callery-item {
        flex: 1;
        overflow: hidden
    }

    .content-contact,.content-contact .flex,.content-contact .sm-flex {
        display: block
    }

    .content-contact .sm-flex button {
        width: 100%;
        margin: auto
    }

    .content-contact .sm-flex p {
        margin: auto auto 20px 0;
        font-weight: 600
    }

    .content-contact mat-form-field {
        width: 100%
    }

    .content-contact .f1 h1 {
        font-size: 32px
    }

    .content-contact .map-content {
        margin-top: 50px;
        padding-left: 0
    }

    #exhibitor_form .sub_form,#exhibitor_form .form,#visitor_form .sub_form,#visitor_form .form {
        width: 300px
    }

    #exhibitor_form .sub_form .flex,#exhibitor_form .form .flex,#visitor_form .sub_form .flex,#visitor_form .form .flex {
        display: block
    }

    #exhibitor_form .sub_form mat-form-field,#exhibitor_form .form mat-form-field,#visitor_form .sub_form mat-form-field,#visitor_form .form mat-form-field {
        width: 100%
    }

    #exhibitor_form .sub_form h1,#exhibitor_form .form h1,#visitor_form .sub_form h1,#visitor_form .form h1 {
        font-size: 32px
    }

    #exhibitor_form .form-content,#visitor_form .form-content {
        padding: 10px
    }

    #exhibitor_form .form-content h1,#visitor_form .form-content h1 {
        color: #222327;
        font-size: 22px
    }

    #exhibitor_form .form-content p,#visitor_form .form-content p {
        line-height: 1.3
    }

    .btn_form {
        width: 100%!important
    }

    #cover .cover .cover_content {
        padding-top: 50px
    }

    #cover .cover h1 {
        font-size: 40px;
        gap: 5px
    }

    #cover .cover h1 .left {
        margin: auto 2px auto auto
    }

    #cover .cover h1 .right {
        margin: auto auto auto 2px
    }

    #cover .cover h3 {
        font-size: 24px;
        margin-top: -10px
    }

    #cover .cover p {
        font-size: 24px
    }

    #cover .cover img {
        height: 50px
    }

    #cover .cover a {
        font-size: 12px;
        padding: 5px 10px;
        flex: none
    }

    .counter_down .counter_item p {
        font-size: 11px
    }

    .counter_down .counter_item .number {
        font-size: 35px
    }

    #presentation h1 {
        font-size: 50px
    }

    #presentation .section_title {
        font-size: 24px;
        line-height: 1.2
    }

    #presentation .section_txt {
        font-size: 17px
    }

    #presentation button {
        font-size: 14px
    }

    #presentation .presentation-content {
        display: block
    }

    #presentation .presentation-content .f1 .img1 {
        width: 320px;
        margin-left: 10px
    }

    #presentation .presentation-content .f1 .img2 {
        width: 200px;
        inset: auto -70px -50px auto
    }

    #presentation .presentation-content .f1 .img3 {
        width: 150px;
        inset: auto auto -75px -70px
    }

    #why h1 {
        font-size: 40px;
        text-align: center
    }

    #why .why-items {
        display: block
    }

    #numbers .h1 {
        font-size: 60px;
        text-align: center
    }

    #numbers .numbers_content {
        display: block
    }

    #numbers .numbers_content h1,#numbers .numbers_content p {
        margin-right: 15px;
        margin-left: 15px
    }

    #topics h1 {
        font-size: 47px
    }

    #topics .topics {
        gap: 10px
    }

    #topics .topics .topic {
        width: 160px;
        height: 95px
    }

    #topics .topics .topic .img_topics {
        width: 40px
    }

    #topics .topics .topic h4 {
        font-size: 14px
    }

    #b2b .b2bCarousel .b2bCarousel-item .f1-5 {
        display: none
    }

    #b2b .b2bCarousel .b2bCarousel-item .b2bCarousel-item-bg-1 {
        background: linear-gradient(90deg,white 51%,rgba(255,255,255,.3) 100%)
    }

    #b2b .b2bCarousel .b2bCarousel-item .b2bCarousel-item-bg-1 p {
        margin: auto 15px
    }

    #b2b .b2bCarousel .b2bCarousel-item .b2bCarousel-item-bg-2 {
        background: linear-gradient(-90deg,white 50%,rgba(255,255,255,.3) 100%)
    }

    #b2b .b2bCarousel .b2bCarousel-item .b2bCarousel-item-bg-2 p {
        margin: auto 15px
    }

    #conferences h1 {
        font-size: 50px;
        text-align: center
    }

    #conferences .conferences-item {
        display: block
    }

    #conferences .conferences-item .f1 {
        display: flex
    }

    #conferences .conferences-item .f1 .conference_content {
        margin: auto;
        width: 300px
    }

    #conferences .conferences-item .f1 .conference_content .conference_content_detail .icon {
        width: 40px;
        height: 40px;
        margin-bottom: 10px
    }

    #conferences .conferences-item .f1 .conference_content .conference_content_detail .icon svg {
        width: 32px;
        height: 32px
    }

    #conferences .conferences-item .f1 .conference_content .conference_content_detail .txt_content {
        margin: auto auto auto 0
    }

    #conferences .conferences-item .f1 .conference_content .conference_content_detail .txt_content .txt_content_txt {
        width: 300px
    }

    #parrainage h1 {
        font-size: 55px
    }

    #parrainage .jsutify_center_item {
        gap: 10px
    }

    #parrainage .jsutify_center_item .rect_item {
        width: 142px;
        padding: 7px
    }

    #parrainage .jsutify_center_item .rect_item img {
        width: 100px
    }

    #parrainage .jsutify_center_item .rect_item .rect_txt {
        font-size: 13px
    }

    #sponsors h1 {
        font-size: 65px
    }

    #sponsors .jsutify_center_item {
        gap: 10px
    }

    #sponsors .jsutify_center_item .rect_item_max {
        width: 155px;
        height: 155px
    }

    #sponsors .jsutify_center_item .rect_item_max .rect_item_max_content {
        height: 155px
    }

    #sponsors .jsutify_center_item .rect_item_max .rect_item_max_content .title_txt {
        font-size: 13px
    }

    #sponsors .jsutify_center_item .rect_item_max .rect_item_max_content .img_content {
        padding: 10px;
        height: 80px
    }

    #sponsors .jsutify_center_item .rect_item_max .rect_item_max_content .img_content img {
        margin: auto;
        filter: drop-shadow(4px 4px 5px rgba(0,0,0,.3))
    }

    #sponsors .jsutify_center_item .rect_item_max .rect_item_max_content .img_content .img_square {
        height: 80px
    }

    #sponsors .jsutify_center_item .rect_item_max .rect_item_max_content .img_content .img_rect {
        width: 100%
    }

    #partners h1 {
        font-size: 52px
    }

    #partners .jsutify_center_item {
        gap: 10px
    }

    #partners .jsutify_center_item .rect_item_max {
        width: 155px;
        height: 155px
    }

    #partners .jsutify_center_item .rect_item_max .rect_item_max_content {
        height: 155px
    }

    #partners .jsutify_center_item .rect_item_max .rect_item_max_content .title_txt {
        font-size: 13px
    }

    #partners .jsutify_center_item .rect_item_max .rect_item_max_content .img_content {
        padding: 10px;
        height: 80px
    }

    #partners .jsutify_center_item .rect_item_max .rect_item_max_content .img_content img {
        margin: auto;
        filter: drop-shadow(4px 4px 5px rgba(0,0,0,.3))
    }

    #partners .jsutify_center_item .rect_item_max .rect_item_max_content .img_content .img_square {
        height: 80px
    }

    #partners .jsutify_center_item .rect_item_max .rect_item_max_content .img_content .img_rect {
        width: 100%
    }

    #exhibitors h1 {
        font-size: 60px
    }

    #exhibitors .exhibitorCarousel .superimposed_item .superimposed_sub_item {
        width: 145px;
        height: 145px
    }

    #exhibitors .exhibitorCarousel .superimposed_item .superimposed_sub_item .item_img_rect {
        width: 130px
    }

    #exhibitors .exhibitorCarousel .superimposed_item .superimposed_sub_item .item_img_square {
        height: 100px
    }

    #presentation .p,#why .p,#numbers .p,#topics .p,#b2b .p,#conferences .p,#parrainage .p,#sponsors .p,#partners .p,#exhibitors .p {
        font-size: 24px
    }

    #presentation .section_l_text,#why .section_l_text,#numbers .section_l_text,#topics .section_l_text,#b2b .section_l_text,#conferences .section_l_text,#parrainage .section_l_text,#sponsors .section_l_text,#partners .section_l_text,#exhibitors .section_l_text {
        font-size: 17px;
        margin: auto 15px
    }

    footer .content {
        width: 340px
    }

    footer .content .f1 .inner_content {
        width: 340px!important
    }

    .form-footer {
        width: 100%;
        height: 64px;
        background: #203850;
        display: flex;
        gap: 15px;
        padding: 0 15px
    }

    .form-footer p {
        font-family: Poppins,sans-serif
    }

    .form-footer .form-footer-img {
        height: 40px
    }

    .form-footer .white-v-line {
        height: 40px;
        width: 1px;
        background: rgba(255,255,255,.5)
    }

    .form-footer .form-footer-details .date-days {
        font-size: 21px;
        font-weight: 900;
        letter-spacing: -.6px;
        color: #e3177f
    }

    .form-footer .form-footer-details .date-month-year {
        color: #fff;
        font-size: 14px
    }

    .form-footer .form-footer-details .date-month-year span {
        font-weight: 700
    }

    .form-footer .form-footer-img-1 {
        height: 50px;
        margin: auto auto 7px 0
    }

    .form-footer .form-footer-small-text {
        font-size: 12px;
        color: #fff;
        font-weight: 500
    }

    .form-footer .form-footer-img,.form-footer .white-v-line,.form-footer .form-footer-details,.form-footer .form-footer-small-text {
        margin: auto 0 12px
    }

    .form-footer .form-footer-img-1 {
        display: none
    }

    .challenge-form {
        width: 100%
    }

    .challenge-form mat-stepper {
        width: 100%
    }

    .challenge-form mat-stepper .flex {
        display: block
    }
}

.cover-title-animation-in {
    animation: fadeIn cubic-bezier(.86,0,.07,1)
}

.cover-title-animation-duration-700ms {
    animation-duration: .7s
}

@keyframes fadeIn {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes mltShdSpin {
    0% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }

    5%,95% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }

    10%,59% {
        box-shadow: 0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em
    }

    20% {
        box-shadow: 0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em
    }

    38% {
        box-shadow: 0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em
    }

    to {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }
}

@keyframes round {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.custom_spinner_container {
    inset: 0;
    z-index: 3
}

.custom_spinner_container .custom_spinner_container_header {
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    background: linear-gradient(0deg,rgba(16,16,16,0) 20%,rgba(16,16,16,.7) 100%)
}

.custom_spinner_container .spinner_container {
    background: rgba(16,16,16,.2);
    inset: 0;
    width: 100%
}

.custom_spinner_container .spinner_container .loader {
    color: #e3177f;
    font-size: 45px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    transform: translateZ(0);
    margin: auto;
    animation: mltShdSpin 1.7s infinite ease,round 1.7s infinite ease
}

.custom_spinner_container .custom_spinner_container_footer {
    right: 0;
    bottom: 0;
    left: 0;
    height: 200px;
    background: linear-gradient(0deg,rgba(16,16,16,.7) 20%,rgba(16,16,16,0) 100%)
}

.fullwidthbanner-container a.btn {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff!important;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.fullwidthbanner-container a.btn {
    background-color: var(--primary-color-1)
}

:root {
    --primary-color-1: #e3177f;
    --secondary-color: #883ff9
}

.rtl {
    direction: rtl
}

@font-face {
    font-family: revicons;
    src: url(https://assets.digerati.dz/digerati/slider-revolution/fonts/revicons/revicons.woff@5510888);
    font-weight: 400;
    font-style: normal
}

[class^=revicon-]:before,[class*=" revicon-"]:before {
    font-family: revicons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.revicon-search-1:before {
    content: "\e802"
}

.revicon-pencil-1:before {
    content: "\e831"
}

.revicon-picture-1:before {
    content: "\e803"
}

.revicon-cancel:before {
    content: "\e80a"
}

.revicon-info-circled:before {
    content: "\e80f"
}

.revicon-trash:before {
    content: "\e801"
}

.revicon-left-dir:before {
    content: "\e817"
}

.revicon-right-dir:before {
    content: "\e818"
}

.revicon-down-open:before {
    content: "\e83b"
}

.revicon-left-open:before {
    content: "\e819"
}

.revicon-right-open:before {
    content: "\e81a"
}

.revicon-angle-left:before {
    content: "\e820"
}

.revicon-angle-right:before {
    content: "\e81d"
}

.revicon-left-big:before {
    content: "\e81f"
}

.revicon-right-big:before {
    content: "\e81e"
}

.revicon-magic:before {
    content: "\e807"
}

.revicon-picture:before {
    content: "\e800"
}

.revicon-export:before {
    content: "\e80b"
}

.revicon-cog:before {
    content: "\e832"
}

.revicon-login:before {
    content: "\e833"
}

.revicon-logout:before {
    content: "\e834"
}

.revicon-video:before {
    content: "\e805"
}

.revicon-arrow-combo:before {
    content: "\e827"
}

.revicon-left-open-1:before {
    content: "\e82a"
}

.revicon-right-open-1:before {
    content: "\e82b"
}

.revicon-left-open-mini:before {
    content: "\e822"
}

.revicon-right-open-mini:before {
    content: "\e823"
}

.revicon-left-open-big:before {
    content: "\e824"
}

.revicon-right-open-big:before {
    content: "\e825"
}

.revicon-left:before {
    content: "\e836"
}

.revicon-right:before {
    content: "\e826"
}

.revicon-ccw:before {
    content: "\e808"
}

.revicon-arrows-ccw:before {
    content: "\e806"
}

.revicon-palette:before {
    content: "\e829"
}

.revicon-list-add:before {
    content: "\e80c"
}

.revicon-doc:before {
    content: "\e809"
}

.revicon-left-open-outline:before {
    content: "\e82e"
}

.revicon-left-open-2:before {
    content: "\e82c"
}

.revicon-right-open-outline:before {
    content: "\e82f"
}

.revicon-right-open-2:before {
    content: "\e82d"
}

.revicon-equalizer:before {
    content: "\e83a"
}

.revicon-layers-alt:before {
    content: "\e804"
}

.revicon-popup:before {
    content: "\e828"
}

.rev_slider_wrapper {
    position: relative;
    z-index: 0
}

.rev_slider {
    position: relative;
    overflow: visible
}

.tp-overflow-hidden {
    overflow: hidden
}

.tp-simpleresponsive img,.rev_slider img {
    max-width: none!important;
    transition: none;
    margin: 0;
    padding: 0;
    border-width: 0px;
    border: none
}

.rev_slider .no-slides-text {
    font-weight: 700;
    text-align: center;
    padding-top: 80px
}

.rev_slider>ul,.rev_slider_wrapper>ul,.tp-revslider-mainul>li,.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before {
    list-style: none!important;
    position: absolute;
    margin: 0!important;
    padding: 0!important;
    overflow-x: visible;
    overflow-y: visible;
    list-style-type: none!important;
    background-image: none;
    background-position: 0px 0px;
    text-indent: 0em;
    top: 0;
    left: 0
}

.tp-revslider-mainul>li,.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before {
    visibility: hidden
}

.tp-revslider-slidesli,.tp-revslider-mainul {
    padding: 0!important;
    margin: 0!important;
    list-style: none!important
}

.rev_slider li.tp-revslider-slidesli {
    position: absolute!important
}

.tp-caption .rs-untoggled-content {
    display: block
}

.tp-caption .rs-toggled-content {
    display: none
}

.rs-toggle-content-active.tp-caption .rs-toggled-content {
    display: block
}

.rs-toggle-content-active.tp-caption .rs-untoggled-content {
    display: none
}

.rev_slider .tp-caption,.rev_slider .caption {
    position: relative;
    visibility: hidden;
    white-space: nowrap;
    display: block
}

.rev_slider .tp-mask-wrap .tp-caption,.rev_slider .tp-mask-wrap *:last-child,.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,.wpb_text_column .rev_slider .tp-mask-wrap *:last-child {
    margin-bottom: 0
}

.tp-svg-layer svg {
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: top
}

.tp-carousel-wrapper {
    cursor: url(openhand.d88c5495cecce1a4.cur),move
}

.tp-carousel-wrapper.dragged {
    cursor: url(closedhand.715fe9a0b04661cb.cur),move
}

.tp-caption {
    z-index: 1
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none!important
}

.tp-caption {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    position: absolute;
    -webkit-font-smoothing: antialiased!important
}

.tp-caption.tp-layer-selectable {
    -moz-user-select: all;
    -khtml-user-select: all;
    -webkit-user-select: all;
    -o-user-select: all
}

.tp-forcenotvisible,.tp-hide-revslider,.tp-caption.tp-hidden-caption {
    visibility: hidden!important;
    display: none!important
}

.rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider audio,.rev_slider video {
    max-width: none!important
}

.rev_slider_wrapper {
    width: 100%
}

.fullscreen-container {
    position: relative;
    padding: 0
}

.fullwidthbanner-container {
    position: relative;
    padding: 0;
    overflow: hidden
}

.fullwidthbanner-container .fullwidthabanner {
    width: 100%;
    position: relative
}

.tp-static-layers {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0
}

.tp-caption .frontcorner {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-top: 40px solid #00a8ff;
    position: absolute;
    left: -40px;
    top: 0
}

.tp-caption .backcorner {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00a8ff;
    position: absolute;
    right: 0;
    top: 0
}

.tp-caption .frontcornertop {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 40px solid #00a8ff;
    position: absolute;
    left: -40px;
    top: 0
}

.tp-caption .backcornertop {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00a8ff;
    position: absolute;
    right: 0;
    top: 0
}

.tp-layer-inner-rotation {
    position: relative!important
}

img.tp-slider-alternative-image {
    width: 100%;
    height: auto
}

.noFilterClass {
    filter: none!important
}

.rs-background-video-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 0
}

.tp-caption.coverscreenvideo {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.caption.fullscreenvideo,.tp-caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.caption.fullscreenvideo iframe,.caption.fullscreenvideo audio,.caption.fullscreenvideo video,.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe audio,.tp-caption.fullscreenvideo iframe video {
    width: 100%!important;
    height: 100%!important;
    display: none
}

.fullcoveredvideo audio,.fullscreenvideo audio .fullcoveredvideo video,.fullscreenvideo video {
    background: #000
}

.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.videoisplaying .html5vid .tp-poster {
    display: none
}

.tp-video-play-button {
    background: #000;
    background: rgba(0,0,0,.3);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    z-index: 3;
    margin-top: -25px;
    margin-left: -25px;
    line-height: 50px!important;
    text-align: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    z-index: 4;
    opacity: 0;
    transition: opacity .3s ease-out!important
}

.tp-hiddenaudio,.tp-audio-html5 .tp-video-play-button {
    display: none!important
}

.tp-caption .html5vid {
    width: 100%!important;
    height: 100%!important
}

.tp-video-play-button i {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    line-height: 50px!important;
    font-size: 40px!important
}

.tp-caption:hover .tp-video-play-button {
    opacity: 1
}

.tp-caption .tp-revstop {
    display: none;
    border-left: 5px solid #fff!important;
    border-right: 5px solid #fff!important;
    margin-top: 15px!important;
    line-height: 20px!important;
    vertical-align: top;
    font-size: 25px!important
}

.videoisplaying .revicon-right-dir {
    display: none
}

.videoisplaying .tp-revstop {
    display: inline-block
}

.videoisplaying .tp-video-play-button {
    display: none
}

.tp-caption:hover .tp-video-play-button {
    display: block
}

.fullcoveredvideo .tp-video-play-button {
    display: none!important
}

.fullscreenvideo .fullscreenvideo audio {
    object-fit: contain!important
}

.fullscreenvideo .fullscreenvideo video {
    object-fit: contain!important
}

.fullscreenvideo .fullcoveredvideo audio {
    object-fit: cover!important
}

.fullscreenvideo .fullcoveredvideo video {
    object-fit: cover!important
}

.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    transition: opacity .3s;
    background-image: linear-gradient(to bottom,rgb(0,0,0) 13%,rgb(50,50,50) 100%);
    background-image: -ms-linear-gradient(bottom,rgb(0,0,0) 13%,rgb(50,50,50) 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(.13,rgb(0,0,0)),color-stop(1,rgb(50,50,50)));
    display: table;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tp-caption:hover .tp-video-controls {
    opacity: .9
}

.tp-video-button {
    background: rgba(0,0,0,.5);
    border: 0;
    color: #eee;
    border-radius: 3px;
    cursor: pointer;
    line-height: 12px;
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0;
    outline: none
}

.tp-video-button:hover {
    cursor: pointer
}

.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle
}

.tp-video-seek-bar-wrap {
    width: 80%
}

.tp-video-vol-bar-wrap {
    width: 20%
}

.tp-volume-bar,.tp-seek-bar {
    width: 100%;
    cursor: pointer;
    outline: none;
    line-height: 12px;
    margin: 0;
    padding: 0
}

.rs-fullvideo-cover {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: transparent;
    z-index: 5
}

.rs-background-video-layer video::-webkit-media-controls {
    display: none!important
}

.rs-background-video-layer audio::-webkit-media-controls {
    display: none!important
}

.tp-audio-html5 .tp-video-controls {
    opacity: 1!important;
    visibility: visible!important
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.tp-dottedoverlay.twoxtwo {
    background: url(gridtile.2af326b9d9a3f2c1.png)
}

.tp-dottedoverlay.twoxtwowhite {
    background: url(gridtile_white.7eb31edc745e4b57.png)
}

.tp-dottedoverlay.threexthree {
    background: url(gridtile_3x3.2b663130453048d2.png)
}

.tp-dottedoverlay.threexthreewhite {
    background: url(gridtile_3x3_white.dd2ef91f0a2cbc36.png)
}

.tp-shadowcover {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    position: absolute;
    z-index: -1
}

.tp-shadow1 {
    box-shadow: 0 10px 6px -6px #000c
}

.tp-shadow2:before,.tp-shadow2:after,.tp-shadow3:before,.tp-shadow4:after {
    z-index: -2;
    position: absolute;
    content: "";
    bottom: 10px;
    left: 10px;
    width: 50%;
    top: 85%;
    max-width: 300px;
    background: transparent;
    box-shadow: 0 15px 10px #000c;
    transform: rotate(-3deg)
}

.tp-shadow2:after,.tp-shadow4:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.tp-shadow5 {
    position: relative;
    box-shadow: 0 1px 4px #0000004d,0 0 40px #0000001a inset
}

.tp-shadow5:before,.tp-shadow5:after {
    content: "";
    position: absolute;
    z-index: -2;
    box-shadow: 0 0 25px #0009;
    inset: 30% 20px 0;
    border-radius: 100px/20px
}

.tp-button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff!important;
    text-shadow: 0px 1px 1px rgba(0,0,0,.6)!important;
    font-size: 15px;
    line-height: 45px!important;
    font-family: arial,sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-decoration: none
}

.tp-button.big {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,.6);
    font-weight: 700;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px!important
}

.purchase:hover,.tp-button:hover,.tp-button.big:hover {
    background-position: bottom,15px 11px
}

.tp-button.green,.tp-button:hover.green,.purchase.green,.purchase:hover.green {
    background-color: #21a117;
    box-shadow: 0 3px #104d0b
}

.tp-button.blue,.tp-button:hover.blue,.purchase.blue,.purchase:hover.blue {
    background-color: #1d78cb;
    box-shadow: 0 3px #0f3e68
}

.tp-button.red,.tp-button:hover.red,.purchase.red,.purchase:hover.red {
    background-color: #cb1d1d;
    box-shadow: 0 3px #7c1212
}

.tp-button.orange,.tp-button:hover.orange,.purchase.orange,.purchase:hover.orange {
    background-color: #f70;
    box-shadow: 0 3px #a34c00
}

.tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey,.purchase.darkgrey,.purchase:hover.darkgrey {
    background-color: #555;
    box-shadow: 0 3px #222
}

.tp-button.lightgrey,.tp-button:hover.lightgrey,.purchase.lightgrey,.purchase:hover.lightgrey {
    background-color: #888;
    box-shadow: 0 3px #555
}

.rev-btn,.rev-btn:visited {
    outline: none!important;
    box-shadow: none!important;
    text-decoration: none!important;
    line-height: 44px;
    font-size: 17px;
    font-weight: 500;
    padding: 12px 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: Roboto,sans-serif;
    cursor: pointer
}

.rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 900
}

.rev-btn.rev-withicon i {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-out!important;
    -moz-transition: all .2s ease-out!important;
    -o-transition: all .2s ease-out!important;
    -ms-transition: all .2s ease-out!important;
    margin-left: 10px!important
}

.rev-btn.rev-hiddenicon i {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-out!important;
    -moz-transition: all .2s ease-out!important;
    -o-transition: all .2s ease-out!important;
    -ms-transition: all .2s ease-out!important;
    opacity: 0;
    margin-left: 0!important;
    width: 0px!important
}

.rev-btn.rev-hiddenicon:hover i {
    opacity: 1!important;
    margin-left: 10px!important;
    width: auto!important
}

.rev-btn.rev-medium,.rev-btn.rev-medium:visited {
    line-height: 36px;
    font-size: 14px;
    padding: 10px 30px
}

.rev-btn.rev-medium.rev-withicon i,.rev-btn.rev-medium.rev-hiddenicon i {
    font-size: 14px;
    top: 0
}

.rev-btn.rev-small,.rev-btn.rev-small:visited {
    line-height: 28px;
    font-size: 12px;
    padding: 7px 20px
}

.rev-btn.rev-small.rev-withicon i,.rev-btn.rev-small.rev-hiddenicon i {
    font-size: 12px;
    top: 0
}

.rev-maxround {
    border-radius: 30px
}

.rev-minround {
    border-radius: 3px
}

.rev-burger {
    position: relative;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding: 22px 0 0 14px;
    border-radius: 50%;
    border: 1px solid rgba(51,51,51,.25);
    tap-highlight-color: transparent;
    cursor: pointer
}

.rev-burger span {
    display: block;
    width: 30px;
    height: 3px;
    background: #333;
    transition: .7s;
    pointer-events: none;
    transform-style: flat!important
}

.rev-burger span:nth-child(2) {
    margin: 3px 0
}

#dialog_addbutton .rev-burger:hover :first-child,.open .rev-burger :first-child,.open.rev-burger :first-child {
    transform: translateY(6px) rotate(-45deg);
    -webkit-transform: translateY(6px) rotate(-45deg)
}

#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    opacity: 0
}

#dialog_addbutton .rev-burger:hover :last-child,.open .rev-burger :last-child,.open.rev-burger :last-child {
    transform: translateY(-6px) rotate(-135deg);
    -webkit-transform: translateY(-6px) rotate(-135deg)
}

.rev-burger.revb-white {
    border: 2px solid rgba(255,255,255,.2)
}

.rev-burger.revb-white span {
    background: #fff
}

.rev-burger.revb-whitenoborder {
    border: 0
}

.rev-burger.revb-whitenoborder span {
    background: #fff
}

.rev-burger.revb-darknoborder {
    border: 0
}

.rev-burger.revb-darknoborder span {
    background: #333
}

.rev-burger.revb-whitefull {
    background: #fff;
    border: none
}

.rev-burger.revb-whitefull span {
    background: #333
}

.rev-burger.revb-darkfull {
    background: #333;
    border: none
}

.rev-burger.revb-darkfull span {
    background: #fff
}

@keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    to {
        opacity: 0;
        top: 29%
    }
}

.rev-scroll-btn {
    display: inline-block;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    width: 35px;
    height: 55px;
    box-sizing: border-box;
    border: 3px solid white;
    border-radius: 23px
}

.rev-scroll-btn>* {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #7f8c8d;
    color: #fff;
    font-family: proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;
    letter-spacing: 2px
}

.rev-scroll-btn>*:hover,.rev-scroll-btn>*:focus,.rev-scroll-btn>*.active {
    color: #fff
}

.rev-scroll-btn>*:hover,.rev-scroll-btn>*:focus,.rev-scroll-btn>*:active,.rev-scroll-btn>*.active {
    filter: alpha(opacity=80)
}

.rev-scroll-btn.revs-fullwhite {
    background: #fff
}

.rev-scroll-btn.revs-fullwhite span {
    background: #333
}

.rev-scroll-btn.revs-fulldark {
    background: #333;
    border: none
}

.rev-scroll-btn.revs-fulldark span {
    background: #fff
}

.rev-scroll-btn span {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: white;
    border-radius: 50%;
    animation: rev-ani-mouse 2.5s linear infinite
}

.rev-scroll-btn.revs-dark {
    border-color: #333
}

.rev-scroll-btn.revs-dark span {
    background: #333
}

.rev-control-btn {
    position: relative;
    display: inline-block;
    z-index: 5;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    text-decoration: none;
    text-align: center;
    background-color: #000;
    border-radius: 50px;
    text-shadow: none;
    background-color: #00000080;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    cursor: pointer
}

.rev-cbutton-dark-sr {
    border-radius: 3px
}

.rev-cbutton-light {
    color: #333;
    background-color: #ffffffbf
}

.rev-cbutton-light-sr {
    color: #333;
    border-radius: 3px;
    background-color: #ffffffbf
}

.rev-sbutton {
    line-height: 37px;
    width: 37px;
    height: 37px
}

.rev-sbutton-blue {
    background-color: #3b5998
}

.rev-sbutton-lightblue {
    background-color: #00a0d1
}

.rev-sbutton-red {
    background-color: #dd4b39
}

.tp-bannertimer {
    visibility: hidden;
    width: 100%;
    height: 5px;
    background: #fff;
    background: rgba(0,0,0,.15);
    position: absolute;
    z-index: 200;
    top: 0
}

.tp-bannertimer.tp-bottom {
    top: auto;
    bottom: 0!important;
    height: 5px
}

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-caption img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    zoom:1}

.caption.slidelink a div,.tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(coloredbg.f605ef9d26bf5d0d.png) repeat
}

.tp-caption.slidelink a span {
    background: url(coloredbg.f605ef9d26bf5d0d.png) repeat
}

.tp-shape {
    width: 100%;
    height: 100%
}

.tp-caption .rs-starring {
    display: inline-block
}

.tp-caption .rs-starring .star-rating {
    float: none
}

.tp-caption .rs-starring .star-rating {
    color: #ffc321!important;
    display: inline-block;
    vertical-align: top
}

.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating {
    position: relative;
    height: 1em;
    width: 5.4em;
    font-family: star
}

.tp-caption .rs-starring .star-rating:before,.tp-caption .rs-starring-page .star-rating:before {
    content: "sssss";
    color: #e0dadf;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.tp-caption .rs-starring .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    font-size: 1em!important
}

.tp-caption .rs-starring .star-rating span:before {
    content: "SSSSS";
    top: 0;
    position: absolute;
    left: 0
}

.tp-caption .rs-starring .star-rating {
    color: #ffc321!important
}

.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating {
    font-size: 1em!important;
    font-family: star
}

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}

.tp-loader.spinner0 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    background: url(loader.aa9a662a18a3483e.gif) no-repeat center center;
    box-shadow: 0 0 20px #00000026;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15);
    margin-top: -20px;
    margin-left: -20px;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 0 20px #00000026;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15);
    margin-top: -20px;
    margin-left: -20px;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner5 {
    background: url(loader.aa9a662a18a3483e.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: red;
    box-shadow: 0 0 20px #00000026;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15);
    border-radius: 100%;
    animation: tp-scaleout 1s infinite ease-in-out
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.tp-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center
}

.tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0 0 20px #00000026;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15);
    border-radius: 100%;
    display: inline-block;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both
}

.tp-loader.spinner3 .bounce1 {
    animation-delay: -.32s
}

.tp-loader.spinner3 .bounce2 {
    animation-delay: -.16s
}

@keyframes tp-bouncedelay {
    0%,80%,to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.tp-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    animation: tp-rotate 2s infinite linear
}

.tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    animation: tp-bounce 2s infinite ease-in-out;
    box-shadow: 0 0 20px #00000026;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,.15)
}

.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0;
    animation-delay: -1s
}

@keyframes tp-rotate {
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@keyframes tp-bounce {
    0%,to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.tp-thumbs.navbar,.tp-bullets.navbar,.tp-tabs.navbar {
    border: none;
    min-height: 0;
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.tp-tabs,.tp-thumbs,.tp-bullets {
    position: absolute;
    display: block;
    z-index: 1000;
    top: 0;
    left: 0
}

.tp-tab,.tp-thumb {
    cursor: pointer;
    position: absolute;
    opacity: .5;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tp-arr-imgholder,.tp-videoposter,.tp-thumb-image,.tp-tab-image {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.tp-tab:hover,.tp-tab.selected,.tp-thumb:hover,.tp-thumb.selected {
    opacity: 1
}

.tp-tab-mask,.tp-thumb-mask {
    box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important
}

.tp-tabs,.tp-thumbs {
    box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important
}

.tp-bullet {
    width: 15px;
    height: 15px;
    position: absolute;
    background: #fff;
    background: rgba(255,255,255,.3);
    cursor: pointer
}

.tp-bullet.selected,.tp-bullet:hover {
    background: #fff
}

.tp-bannertimer {
    background: #000;
    background: rgba(0,0,0,.15);
    height: 5px
}

.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000
}

.tparrows:hover {
    background: #000
}

.tparrows:before {
    font-family: revicons;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}

.tparrows.tp-leftarrow:before {
    content: "\e824"
}

.tparrows.tp-rightarrow:before {
    content: "\e825"
}

body.rtl .tp-kbimg {
    left: 0!important
}

.dddwrappershadow {
    box-shadow: 0 45px 100px #0006
}

.hglayerinfo {
    position: fixed;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    background: rgba(0,0,0,.75);
    padding: 5px 10px;
    z-index: 2000;
    white-space: normal
}

.hginfo {
    position: absolute;
    top: -2px;
    left: -2px;
    color: #e74c3c;
    font-size: 12px;
    font-weight: 600;
    background: #000;
    padding: 2px 5px
}

.indebugmode .tp-caption:hover {
    border: 1px dashed #c0392b!important
}

.helpgrid {
    border: 2px dashed #c0392b;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

#revsliderlogloglog {
    padding: 15px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 150px;
    background: rgba(0,0,0,.7);
    z-index: 100000;
    font-size: 10px;
    overflow: scroll
}