/*!
    Theme Name: Nounou-top Override
    Version: 3.0.1
 */

 .fc {
    direction: ltr;
    text-align: left
}

.fc-rtl {
    text-align: right
}

body .fc {
    font-size: 1em
}

.fc-unthemed th,.fc-unthemed td,.fc-unthemed thead,.fc-unthemed tbody,.fc-unthemed .fc-divider,.fc-unthemed .fc-row,.fc-unthemed .fc-popover {
    border-color: #ddd
}

.fc-unthemed .fc-popover {
    background-color: #fff
}

.fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header {
    background: #eee
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666
}

.fc-unthemed .fc-today {
    background: #fcf8e3
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-bgevent {
    background: #8fdf82;
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-nonbusiness {
    background: #d7d7d7
}

.fc-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New", Courier, monospace
}

.fc-icon:after {
    position: relative;
    margin: 0 -1em
}

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
    left: 3%
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
    left: -3%
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%;
    left: -2%
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%;
    left: 2%
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%
}

.fc button {
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    font-size: 1em;
    white-space: nowrap;
    cursor: pointer
}

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0
}

.fc-state-default {
    border: 1px solid
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.fc button .fc-icon {
    position: relative;
    top: -0.05em;
    margin: 0 .2em;
    vertical-align: middle
}

.fc-state-default {
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
}

.fc-state-hover,.fc-state-down,.fc-state-active,.fc-state-disabled {
    color: #333333;
    background-color: #e6e6e6
}

.fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    transition: background-position 0.1s linear
}

.fc-state-down,.fc-state-active {
    background-color: #cccccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none
}

.fc-button-group {
    display: inline-block
}

.fc .fc-button-group>* {
    float: left;
    margin: 0 0 0 -1px
}

.fc .fc-button-group>:first-child {
    margin-left: 0
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15)
}

.fc-popover .fc-header {
    padding: 2px 4px
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px
}

.fc-popover .fc-header .fc-close {
    cursor: pointer
}

.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close {
    float: left
}

.fc-rtl .fc-popover .fc-header .fc-title,.fc-ltr .fc-popover .fc-header .fc-close {
    float: right
}

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px
}

.fc-popover>.ui-widget-header+.ui-widget-content {
    border-top: 0
}

.fc-divider {
    border-style: solid;
    border-width: 1px
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0
}

.fc-clear {
    clear: both
}

.fc-bg,.fc-bgevent-skeleton,.fc-highlight-skeleton,.fc-helper-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-bg {
    bottom: 0
}

.fc-bg table {
    height: 100%
}

.fc table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em
}

.fc th {
    text-align: center
}

.fc th,.fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top
}

.fc td.fc-today {
    border-style: double
}

.fc .fc-row {
    border-style: solid;
    border-width: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row {
    position: relative
}

.fc-row .fc-bg {
    z-index: 1
}

.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton {
    bottom: 0
}

.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table {
    height: 100%
}

.fc-row .fc-highlight-skeleton td,.fc-row .fc-bgevent-skeleton td {
    border-color: transparent
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2
}

.fc-row .fc-highlight-skeleton {
    z-index: 3
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px
}

.fc-row .fc-helper-skeleton {
    z-index: 5
}

.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td {
    background: none;
    border-color: transparent;
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}

.fc-scroller {
    overflow-y: scroll;
    overflow-x: hidden
}

.fc-scroller>* {
    position: relative;
    width: 100%;
    overflow: hidden
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
    background-color: #3a87ad;
    font-weight: normal
}

.fc-event,.fc-event:hover,.ui-widget .fc-event {
    color: #fff;
    text-decoration: none
}

.fc-event[href],.fc-event.fc-draggable {
    cursor: pointer
}

.fc-not-allowed,.fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25;
    filter: alpha(opacity=25)
}

.fc-event .fc-content {
    position: relative;
    z-index: 2
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 3
}

.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fc-h-event .fc-resizer {
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    width: 5px
}

.fc-ltr .fc-h-event .fc-start-resizer,.fc-ltr .fc-h-event .fc-start-resizer:before,.fc-ltr .fc-h-event .fc-start-resizer:after,.fc-rtl .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-end-resizer:before,.fc-rtl .fc-h-event .fc-end-resizer:after {
    right: auto;
    cursor: w-resize
}

.fc-ltr .fc-h-event .fc-end-resizer,.fc-ltr .fc-h-event .fc-end-resizer:before,.fc-ltr .fc-h-event .fc-end-resizer:after,.fc-rtl .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-start-resizer:before,.fc-rtl .fc-h-event .fc-start-resizer:after {
    left: auto;
    cursor: e-resize
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden
}

.fc-day-grid-event .fc-time {
    font-weight: bold
}

.fc-day-grid-event .fc-resizer {
    left: -3px;
    right: -3px;
    width: 7px
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}

a.fc-more:hover {
    text-decoration: underline
}

.fc-limited {
    display: none
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

.fc-more-popover .fc-event-container {
    padding: 10px
}

.fc-toolbar {
    text-align: center;
    margin-bottom: 1em
}

.fc-toolbar .fc-left {
    float: left
}

.fc-toolbar .fc-right {
    float: right
}

.fc-toolbar .fc-center {
    display: inline-block
}

.fc .fc-toolbar>*>* {
    float: left;
    margin-left: .75em
}

.fc .fc-toolbar>*>:first-child {
    margin-left: 0
}

.fc-toolbar h2 {
    margin: 0
}

.fc-toolbar button {
    position: relative
}

.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover {
    z-index: 2
}

.fc-toolbar .fc-state-down {
    z-index: 3
}

.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active {
    z-index: 4
}

.fc-toolbar button:focus {
    z-index: 5
}

.fc-view-container *,.fc-view-container *:before,.fc-view-container *:after {
    box-sizing: content-box
}

.fc-view,.fc-view>table {
    position: relative;
    z-index: 1
}

.fc-basicWeek-view .fc-content-skeleton,.fc-basicDay-view .fc-content-skeleton {
    padding-top: 1px;
    padding-bottom: 1em
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em
}

.fc-row.fc-rigid {
    overflow: hidden
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-basic-view .fc-week-number,.fc-basic-view .fc-day-number {
    padding: 0 2px
}

.fc-basic-view td.fc-week-number span,.fc-basic-view td.fc-day-number {
    padding-top: 2px;
    padding-bottom: 2px
}

.fc-basic-view .fc-week-number {
    text-align: center
}

.fc-basic-view .fc-week-number span {
    display: inline-block;
    min-width: 1.25em
}

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right
}

.fc-rtl .fc-basic-view .fc-day-number {
    text-align: left
}

.fc-day-number.fc-other-month {
    opacity: 0.3;
    filter: alpha(opacity=30)
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-top: 1px;
    padding-bottom: 1em
}

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap
}

.fc-ltr .fc-axis {
    text-align: right
}

.fc-rtl .fc-axis {
    text-align: left
}

.ui-widget td.fc-axis {
    font-weight: normal
}

.fc-time-grid-container,.fc-time-grid {
    position: relative;
    z-index: 1
}

.fc-time-grid {
    min-height: 100%
}

.fc-time-grid table {
    border: 0 hidden transparent
}

.fc-time-grid>.fc-bg {
    z-index: 1
}

.fc-time-grid .fc-slats,.fc-time-grid>hr {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-bgevent-skeleton,.fc-time-grid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-time-grid .fc-bgevent-skeleton {
    z-index: 3
}

.fc-time-grid .fc-highlight-skeleton {
    z-index: 4
}

.fc-time-grid .fc-content-skeleton {
    z-index: 5
}

.fc-time-grid .fc-helper-skeleton {
    z-index: 6
}

.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted
}

.fc-time-grid .fc-slats .ui-widget-content {
    background: none
}

.fc-time-grid .fc-highlight-container {
    position: relative
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0
}

.fc-time-grid .fc-event-container,.fc-time-grid .fc-bgevent-container {
    position: relative
}

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-event,.fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fc-time-grid-event {
    overflow: hidden
}

.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title {
    padding: 0 1px
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start)
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0"
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}

.fc-time-grid-event .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}

.fc-time-grid-event .fc-resizer:after {
    content: "="
}

.datepicker-field,.datepicker-field input,.datepicker-field i.icon {
    cursor: pointer !important
}

.datetimepicker {
    font-size: 0.875em;
    display: none;
    position: absolute;
    padding: 4px;
    margin-top: 1px;
    top: 0;
    left: 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    z-index: 999999
}

.datetimepicker>div {
    display: none
}

.datetimepicker.days div.datetimepicker-days {
    display: block
}

.datetimepicker.months div.datetimepicker-months {
    display: block
}

.datetimepicker.years div.datetimepicker-years {
    display: block
}

.datetimepicker table {
    margin: 0;
    width: 250px
}

.datetimepicker td,.datetimepicker th {
    text-align: center;
    width: 35px;
    height: 30px;
    border-radius: 2px;
    border: none
}

.table-striped .datetimepicker table tr td,.table-striped .datetimepicker table tr th {
    background-color: transparent
}

.datetimepicker table tr td.old,.datetimepicker table tr td.new {
    color: #333
}

.datetimepicker table tr td.disabled,.datetimepicker table tr td.disabled:hover {
    background: none;
    color: #EEE;
    cursor: default
}

.datetimepicker table tr th.today,.datetimepicker table tr th.today:hover,.datetimepicker table tr th.today.disabled,.datetimepicker table tr th.today.disabled:hover {
    color: #333;
    font-weight: normal;
    background: #ecfaff;
    cursor: pointer
}

.datetimepicker table tr td.active,.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active.disabled:hover {
    color: #fff;
    background: #2da3ed
}

.datetimepicker table tr td.day:hover {
    background: #86d15b;
    cursor: pointer;
    color: #FFF
}

.datetimepicker table tr td span {
    display: block;
    width: 23%;
    height: 35px;
    line-height: 35px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datetimepicker table tr td span:hover {
    background: #2da3ed;
    color: #FFF
}

.datetimepicker table tr td span.old {
    color: #333
}

.datetimepicker table tr td span.old:hover {
    color: #FFF
}

.datetimepicker table tr td span.disabled,.datetimepicker table tr td span.disabled:hover {
    color: #D9D9D9;
    background: none;
    cursor: default
}

.datetimepicker th.switch {
    width: 145px
}

.datetimepicker thead tr:first-child th,.datetimepicker tfoot tr:first-child th {
    cursor: pointer
}

.datetimepicker thead tr:first-child th:hover,.datetimepicker tfoot tr:first-child th:hover {
    background: #F9F9F9
}

.input-append.date .add-on i,.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.datetimepicker-minutes td,.datetimepicker-hours td {
    width: 220px
}

.jcrop-holder {
    direction: ltr;
    text-align: left;
    -ms-touch-action: none
}

.jcrop-vline,.jcrop-hline {
    background: #FFF;
    font-size: 0;
    position: absolute
}

.jcrop-vline {
    height: 100%;
    width: 2px !important
}

.jcrop-vline.right {
    right: 0
}

.jcrop-hline {
    height: 2px !important;
    width: 100%
}

.jcrop-hline.bottom {
    bottom: 0
}

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.jcrop-handle {
    background-color: #333333;
    border: 1px #eeeeee solid;
    width: 12px;
    height: 12px;
    font-size: 1px
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -5.5px;
    margin-top: -5.5px;
    top: 0
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -5.5px;
    margin-left: -5.5px
}

.jcrop-handle.ord-e {
    margin-right: -5.5px;
    margin-top: -5.5px;
    right: 0;
    top: 50%
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -5.5px;
    margin-top: -5.5px;
    top: 50%
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -5.5px;
    margin-top: -5.5px;
    top: 0
}

.jcrop-handle.ord-ne {
    margin-right: -5.5px;
    margin-top: -5.5px;
    right: 0;
    top: 0
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -5.5px;
    margin-right: -5.5px;
    right: 0
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -5.5px;
    margin-left: -5.5px
}

.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%
}

.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px
}

.jcrop-dragbar.ord-n {
    margin-top: -5.5px
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -5.5px
}

.jcrop-dragbar.ord-e {
    margin-right: -5.5px;
    right: 0
}

.jcrop-dragbar.ord-w {
    margin-left: -5.5px
}

.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline {
    background: #ffffff;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #FFF;
    border-color: #FFF;
    border-radius: 3px
}

.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline {
    background: #FFF;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #ffffff;
    border-color: #000;
    border-radius: 3px
}

.solid-line .jcrop-vline,.solid-line .jcrop-hline {
    background: #ffffff
}

.jcrop-holder img,img.jcrop-preview {
    max-width: none
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

@keyframes bounce {
    0%,100%,20%,53%,80% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0)
    }

    40%,43% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    0% {
        transform: scale3d(1, 1, 1)
    }

    30% {
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, 0.95, 1)
    }

    100% {
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    0%,100% {
        transform: translate3d(0, 0, 0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1)
    }

    10%,20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    100% {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-name: bounceIn;
    animation-duration: .75s
}

@keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    100% {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    100% {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    animation-name: bounceOut;
    animation-duration: .75s
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        animation-timing-function: ease-in
    }

    100% {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        transform: perspective(400px)
    }
}

.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    100% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    animation-duration: .75s;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    100% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    backface-visibility: visible !important;
    animation-name: flipOutY;
    animation-duration: .75s
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    100% {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    100% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    100% {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    0% {
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        transform: translateY(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        visibility: visible
    }

    100% {
        transform: translateX(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translateX(100%);
        visibility: visible
    }

    100% {
        transform: translateX(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        transform: translateY(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        transform: translateY(100%)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        transform: translateX(-100%)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        transform: translateX(100%)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        transform: translateY(-100%)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1;*display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3FB8AF
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB
}

.noUi-handle:after,.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle,.noUi-handle[disabled],.noUi-target[disabled] {
    cursor: not-allowed
}

.noUi-pips,.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-sub {
    background: #AAA
}

.noUi-marker-large {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    transform: translate(0, -18px);
    top: auto;
    right: 28px
}

.typed-cursor.waiting {
    opacity: 1;
    animation: blink 0.7s infinite
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fxp-sidebar {
    position: fixed !important;
    top: 0;
    overflow: hidden;
    bottom: 0;
    z-index: 1032;
    width: 240px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-left: none;
    transform: translate3d(-240px, 0px, 0px)
}

.fxp-sidebar.fxp-sidebar--large {
    width: 290px;
    transform: translate3d(-290px, 0px, 0px)
}

.fxp-sidebar.fxp-sidebar-ready {
    transition: transform 0.2s
}

.fxp-sidebar.fxp-sidebar-open {
    transform: translate3d(0px, 0px, 0px)
}

.fxp-sidebar .fxp-sidebar-menu {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
    list-style: none;
    text-align: left;
    font-size: 14px;
    direction: ltr
}

.fxp-sidebar .fxp-sidebar-menu ul {
    padding: 0;
    margin: 0
}

.fxp-sidebar .fxp-sidebar-menu li {
    display: block
}

.fxp-sidebar .fxp-sidebar-menu,.fxp-sidebar .fxp-sidebar-menu ul,.fxp-sidebar .fxp-sidebar-menu li,.fxp-sidebar .fxp-sidebar-menu span,.fxp-sidebar .fxp-sidebar-menu a {
    touch-action: pan-y
}

.fxp-sidebar.fxp-sidebar-ready .fxp-sidebar-menu {
    overflow-y: auto
}

.fxp-sidebar .fxp-sidebar-group>span,.fxp-sidebar .fxp-sidebar-item>a {
    display: block;
    height: 100%;
    padding: 12px 15px;
    text-decoration: none;
    position: relative
}

.fxp-sidebar .fxp-sidebar-group>span:empty,.fxp-sidebar .fxp-sidebar-item>a:empty {
    padding: 0
}

.fxp-sidebar .fxp-sidebar-item>a.active {
    border-left: 5px solid;
    padding: 12px 15px 12px 10px
}

.fxp-sidebar .fxp-sidebar-item.fxp-sidebar-item-mini>a.active {
    padding-top: 12px;
    padding-bottom: 12px
}

.fxp-sidebar .fxp-sidebar-item.fxp-sidebar-item-mini {
    font-size: 0.85em
}

.fxp-sidebar .fxp-sidebar-item.fxp-sidebar-item-mini>a {
    padding-top: 12px;
    padding-bottom: 12px
}

.fxp-sidebar .fxp-sidebar-group>span {
    font-family: inherit;
    font-size: 24px;
    border-top: 1px solid transparent
}

.fxp-sidebar .fxp-sidebar-group>span.no-bar {
    border-top: none
}

.fxp-sidebar .fxp-sidebar-group.sticky-header {
    position: absolute;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin-top: 0
}

.fxp-sidebar .fxp-sidebar-group+.fxp-sidebar-item {
    margin-top: 32px;
    border-top: 1px solid transparent
}

.fxp-sidebar .fxp-sidebar-divider-item {
    border-top: 1px solid transparent
}

.fxp-sidebar .fxp-sidebar-item>a {
    cursor: pointer
}

.fxp-sidebar[data-clickable-swipe="true"]+.fxp-sidebar-swipe {
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-radius: 10px
}

.fxp-sidebar-swipe {
    position: fixed;
    z-index: 1031;
    width: 10px;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.01;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fxp-sidebar-disabled+.fxp-sidebar-swipe {
    display: none
}

.fxp-sidebar-open+.fxp-sidebar-swipe,.fxp-sidebar-force-open+.fxp-sidebar-swipe {
    left: 240px
}

.fxp-sidebar-open.fxp-sidebar--large+.fxp-sidebar-swipe,.fxp-sidebar-force-open.fxp-sidebar--large+.fxp-sidebar-swipe {
    left: 290px
}

.fxp-sidebar-obfuscator {
    position: fixed;
    display: none;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s ease, z-index 0s linear 0.3s
}

.fxp-sidebar-open~.fxp-sidebar-obfuscator {
    transition: opacity 0.3s ease;
    z-index: 1031;
    opacity: 1
}

.fxp-sidebar-right.fxp-sidebar {
    width: 300px;
    right: 0;
    border-right: none;
    transform: translate3d(300px, 0px, 0px)
}

.fxp-sidebar-right.fxp-sidebar.fxp-sidebar-open {
    transform: translate3d(0px, 0px, 0px)
}

.fxp-sidebar-right.fxp-sidebar .fxp-sidebar-menu {
    direction: rtl
}

.fxp-sidebar-right.fxp-sidebar .fxp-sidebar-item>a.active {
    border-left: inherit;
    border-right: 5px solid;
    padding: 12px 10px 12px 15px
}

.fxp-sidebar-right.fxp-sidebar .fxp-sidebar-item.fxp-sidebar-item-mini>a.active {
    padding-top: 12px;
    padding-bottom: 12px
}

.fxp-sidebar-right+.fxp-sidebar-swipe {
    left: auto;
    right: 0
}

.fxp-sidebar-right.fxp-sidebar-open+.fxp-sidebar-swipe,.fxp-sidebar-right.fxp-sidebar-force-open+.fxp-sidebar-swipe {
    right: 300px
}

.fxp-sidebar.fxp-sidebar-default.fxp-sidebar-open,.fxp-sidebar.fxp-sidebar-default.fxp-sidebar-dragging {
    box-shadow: 3px 0 4px rgba(0,0,0,0.18)
}

.fxp-sidebar.fxp-sidebar-inverse.fxp-sidebar-open,.fxp-sidebar.fxp-sidebar-inverse.fxp-sidebar-dragging {
    box-shadow: 3px 0 4px rgba(0,0,0,0.32)
}

.fxp-sidebar-right.fxp-sidebar.fxp-sidebar-default.fxp-sidebar-open,.fxp-sidebar-right.fxp-sidebar.fxp-sidebar-default.fxp-sidebar-dragging {
    box-shadow: -3px 0 4px rgba(0,0,0,0.18)
}

.fxp-sidebar-right.fxp-sidebar.fxp-sidebar-inverse.fxp-sidebar-open,.fxp-sidebar-right.fxp-sidebar.fxp-sidebar-inverse.fxp-sidebar-dragging {
    box-shadow: -3px 0 4px rgba(0,0,0,0.32)
}

@media (max-width: 767px) and (orientation: portrait),(max-width: 991px) and (orientation: landscape) {
    .fxp-sidebar {
        width:240px;
        transform: translate3d(-100%, 0px, 0px)
    }

    .fxp-sidebar--large {
        width: 290px
    }

    .fxp-sidebar-force-open+.fxp-sidebar-swipe {
        left: 0
    }

    .fxp-sidebar-right.fxp-sidebar {
        width: 300px;
        transform: translate3d(100%, 0px, 0px)
    }

    .fxp-sidebar-right.fxp-sidebar-open+.fxp-sidebar-swipe {
        left: auto
    }

    .fxp-sidebar-right.fxp-sidebar-force-open+.fxp-sidebar-swipe {
        left: auto;
        right: 0
    }

    .fxp-sidebar-force-open.fxp-sidebar:not(.fxp-sidebar-open)+.fxp-sidebar-swipe {
        left: 0
    }
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 992px) and (orientation: landscape) {
    .fxp-sidebar.fxp-sidebar-open-init {
        transform:translate3d(0px, 0px, 0px)
    }

    .fxp-sidebar.fxp-sidebar-mini:not(.fxp-sidebar-open) {
        transform: translate3d(-172px, 0px, 0px)
    }

    .fxp-sidebar--large.fxp-sidebar-mini:not(.fxp-sidebar-open) {
        transform: translate3d(-222px, 0px, 0px)
    }

    .fxp-sidebar.fxp-sidebar-mini.fxp-sidebar-right:not(.fxp-sidebar-open) {
        transform: translate3d(232px, 0px, 0px)
    }

    .fxp-sidebar-force-open.fxp-sidebar.fxp-sidebar-default.fxp-sidebar-open,.fxp-sidebar-force-open.fxp-sidebar.fxp-sidebar-default.fxp-sidebar-dragging {
        box-shadow: none
    }

    .fxp-sidebar-force-open.fxp-sidebar.fxp-sidebar-inverse.fxp-sidebar-open,.fxp-sidebar-force-open.fxp-sidebar.fxp-sidebar-inverse.fxp-sidebar-dragging {
        box-shadow: none
    }

    .fxp-sidebar-force-open.fxp-sidebar-right.fxp-sidebar.fxp-sidebar-default.fxp-sidebar-open,.fxp-sidebar-force-open.fxp-sidebar-right.fxp-sidebar.fxp-sidebar-default.fxp-sidebar-dragging {
        box-shadow: none
    }

    .fxp-sidebar-force-open.fxp-sidebar-right.fxp-sidebar.fxp-sidebar-inverse.fxp-sidebar-open,.fxp-sidebar-force-open.fxp-sidebar-right.fxp-sidebar.fxp-sidebar-inverse.fxp-sidebar-dragging {
        box-shadow: none
    }
}

@media (max-width: 767px) {
    .fxp-sidebar,.fxp-sidebar-swipe {
        top:0 !important;
        bottom: 0 !important
    }
}

.fxp-sidebar.fxp-sidebar-default {
    color: #222222;
    background-color: #fff
}

.fxp-sidebar.fxp-sidebar-default .fxp-sidebar-group>span {
    color: #dbdbdb;
    border-top-color: #eeeeee
}

.fxp-sidebar.fxp-sidebar-default .fxp-sidebar-group.sticky-header>span {
    background-color: #fff
}

.fxp-sidebar.fxp-sidebar-default .fxp-sidebar-group+.fxp-sidebar-item {
    border-top-color: #eeeeee
}

.fxp-sidebar.fxp-sidebar-default .fxp-sidebar-divider-item {
    border-top-color: #eeeeee
}

.fxp-sidebar.fxp-sidebar-default .fxp-sidebar-item>a {
    color: #222222;
    background-color: transparent
}

.fxp-sidebar.fxp-sidebar-default .fxp-sidebar-item>a:hover,.fxp-sidebar.fxp-sidebar-default .fxp-sidebar-item>a:focus {
    color: #333;
    background-color: #eeeeee
}

.fxp-sidebar.fxp-sidebar-default .fxp-sidebar-item>a.active {
    color: #337ab7;
    background-color: transparent
}

.fxp-sidebar.fxp-sidebar-default .fxp-sidebar-item.fxp-sidebar-item-mini>a {
    color: #464646
}

.fxp-sidebar.fxp-sidebar-default .fxp-sidebar-item.fxp-sidebar-item-mini>a.active {
    color: #337ab7;
    background-color: transparent
}

.fxp-sidebar.fxp-sidebar-default .hammer-scrollbar {
    background-color: #555
}

.fxp-sidebar.fxp-sidebar-inverse {
    color: #9d9d9d;
    background-color: #2a3542
}

.fxp-sidebar.fxp-sidebar-inverse .fxp-sidebar-group>span {
    color: #46586e;
    border-top-color: #344252
}

.fxp-sidebar.fxp-sidebar-inverse .fxp-sidebar-group.sticky-header>span {
    background-color: #2a3542
}

.fxp-sidebar.fxp-sidebar-inverse .fxp-sidebar-group+.fxp-sidebar-item {
    border-top-color: #344252
}

.fxp-sidebar.fxp-sidebar-inverse .fxp-sidebar-divider-item {
    border-top-color: #344252
}

.fxp-sidebar.fxp-sidebar-inverse .fxp-sidebar-item>a {
    color: #9d9d9d;
    background-color: #2a3542
}

.fxp-sidebar.fxp-sidebar-inverse .fxp-sidebar-item>a:hover,.fxp-sidebar.fxp-sidebar-inverse .fxp-sidebar-item>a:focus {
    color: #fff;
    background-color: #344252
}

.fxp-sidebar.fxp-sidebar-inverse .fxp-sidebar-item>a.active {
    color: #dfecf6;
    background-color: #2a3542
}

.fxp-sidebar.fxp-sidebar-inverse .fxp-sidebar-item.fxp-sidebar-item-mini>a {
    color: #c1c1c1
}

.fxp-sidebar.fxp-sidebar-inverse .fxp-sidebar-item.fxp-sidebar-item-mini>a.active {
    color: #dfecf6;
    background-color: #2a3542
}

.fxp-sidebar.fxp-sidebar-inverse .hammer-scrollbar {
    background-color: #e4e8ed
}

.fxp-sidebar[data-clickable-swipe="true"]+.fxp-sidebar-swipe.mouse-hover {
    background-color: rgba(51,122,183,0.23)
}

.fxp-sidebar-obfuscator.show {
    background-color: rgba(0,0,0,0.5);
    display: block
}

@media (min-width: 768px) {
    .fxp-sidebar.fxp-sidebar-locked.fxp-sidebar-default {
        border-color:#eeeeee
    }

    .fxp-sidebar.fxp-sidebar-locked.fxp-sidebar-inverse {
        border-color: #344252
    }
}

.vue__time-picker .dropdown ul li.active:not([disabled]),.vue__time-picker .dropdown ul li.active:not([disabled]):hover,.vue__time-picker .dropdown ul li.active:not([disabled]):focus,.vue__time-picker-dropdown ul li.active:not([disabled]),.vue__time-picker-dropdown ul li.active:not([disabled]):hover,.vue__time-picker-dropdown ul li.active:not([disabled]):focus {
    background: #2DA3ED !important
}

.vue__time-picker .dropdown {
    z-index: 50 !important
}

.custom-style-timepicker {
    text-align: center
}

.vue-slider-disabled {
    opacity: 0.5;
    cursor: not-allowed
}

.vue-slider-rail {
    background-color: #ccc;
    border-radius: 15px
}

.vue-slider-process {
    background-color: #3498db;
    border-radius: 15px
}

.vue-slider-mark {
    z-index: 4
}

.vue-slider-mark:first-child .vue-slider-mark-step,.vue-slider-mark:last-child .vue-slider-mark-step {
    display: none
}

.vue-slider-mark-step {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.16)
}

.vue-slider-mark-label {
    font-size: 14px;
    white-space: nowrap
}

.vue-slider-dot-handle {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0.5px 0.5px 2px 1px rgba(0,0,0,0.32)
}

.vue-slider-dot-handle-focus {
    box-shadow: 0px 0px 1px 2px rgba(52,152,219,0.36)
}

.vue-slider-dot-handle-disabled {
    cursor: not-allowed;
    background-color: #ccc
}

.vue-slider-dot-tooltip-inner {
    font-size: 14px;
    white-space: nowrap;
    padding: 2px 5px;
    min-width: 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border-color: #3498db;
    background-color: #3498db;
    box-sizing: content-box
}

.vue-slider-dot-tooltip-inner::after {
    content: "";
    position: absolute
}

.vue-slider-dot-tooltip-inner-top::after {
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-top-color: inherit
}

.vue-slider-dot-tooltip-inner-bottom::after {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: inherit
}

.vue-slider-dot-tooltip-inner-left::after {
    left: 100%;
    top: 50%;
    transform: translate(0, -50%);
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-left-color: inherit
}

.vue-slider-dot-tooltip-inner-right::after {
    right: 100%;
    top: 50%;
    transform: translate(0, -50%);
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-right-color: inherit
}

.vue-slider-dot-tooltip-wrapper {
    opacity: 0;
    transition: all 0.3s
}

.vue-slider-dot-tooltip-wrapper-show {
    opacity: 1
}

.fade-x-enter,.fade-x-leave-to {
    opacity: 0;
    transform: translateX(20px)
}

.fade-x-enter-active,.fade-x-leave-to {
    transition: opacity .3s,transform .5s
}

.fade-y-enter,.fade-y-leave-to {
    opacity: 0;
    transform: translateY(20px)
}

.fade-y-enter-active,.fade-y-leave-active {
    transition: opacity .3s,transform .5s
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .3s
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

.flip-x-enter,.flip-x-leave-to {
    transform: rotateY(-80deg);
    opacity: 0
}

.flip-x-enter-active,.flip-x-leave-active {
    transition: transform .5s,opacity .3s
}

.roll-in-left-enter,.roll-in-left-leave-to {
    transform: translateX(-500px) rotate(-200deg);
    opacity: 0
}

.roll-in-left-enter-active,.roll-in-left-leave-active {
    transition: transform .3s,opacity .5s
}

.rotate-enter,.rotate-leave-to {
    transform: rotate(-360deg);
    opacity: 0
}

.rotate-enter-active,.rotate-leave-active {
    transition: transform .7s,opacity .5s
}

.scale-in-enter,.scale-in-leave-to {
    transform: scale(0.88);
    opacity: 0
}

.scale-in-enter-active,.scale-in-leave-active {
    transition: transform .3s,opacity .5s
}

.shrink-enter,.shrink-leave-to {
    transform: scale(1.12);
    opacity: 0
}

.shrink-enter-active,.shrink-leave-active {
    transition: transform .5s,opacity .3s
}

.swirl-enter,.swirl-leave-to {
    transform: rotate(-540deg) scale(0);
    opacity: 0
}

.swirl-enter-active,.swirl-leave-active {
    transition: transform .5s,opacity 1s
}

.tilt-in-enter,.tilt-in-leave-to {
    transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0
}

.tilt-in-enter-active,.tilt-in-leave-active {
    transition: ease-out transform .4s,opacity .3s
}

.alert.alert-info {
    background-color: #EFF8FE
}

.alert.alert-info--darken {
    background-color: #cde9fb
}

.dropdown-menu {
    box-shadow: 0px 2px 4px 0px rgba(34,36,38,0.12),0px 2px 10px 0px rgba(34,36,38,0.08)
}

.row>.input-group {
    padding-left: 0px;
    padding-right: 0px
}

.input-group {
    border: 2px solid #BBD1DF;
    border-radius: 16px;
    overflow: hidden;
    height: 50px
}

.input-group.input-group-focus {
    border-color: #2DA3ED;
    outline: 0;
    box-shadow: 0 0px 0px 2px #2DA3ED
}

.input-group.input-group-focus.is-invalid {
    box-shadow: 0 0px 0px 2px #E84D67
}

.input-group.is-invalid {
    border-color: #E84D67
}

.input-group>* {
    border: none;
    border-radius: 0
}

.input-group .input-group-text {
    border: none;
    border-radius: 0;
    line-height: 1
}

.input-group .form-control {
    border: none;
    border-radius: 0
}

.input-group .form-control:focus {
    box-shadow: none
}

.input-group .form-control.is-invalid:focus {
    box-shadow: none;
    border: none
}

.popover {
    box-shadow: 0px 2px 4px 0px rgba(34,36,38,0.12),0px 2px 10px 0px rgba(34,36,38,0.08)
}

.progress {
    width: 100%
}

.progress .progress-bar.blue {
    background-color: #2DA3ED
}

.progress .progress-bar.green {
    background-color: #1DCB8C
}

.progress .progress-bar.red {
    background-color: #E84D67
}

.progress--xs {
    height: 0.5rem !important;
    width: 2.5rem !important
}

.progress--sm {
    height: 0.75rem !important;
    width: 5rem !important
}

.progress--md {
    height: 1rem !important;
    width: 7.5rem !important
}

.progress--lg {
    height: 1.25rem !important;
    width: 10rem !important
}

.progress--xl {
    height: 1.5rem !important;
    width: 12.5rem !important
}

.progress--adaptative {
    height: 0.75rem !important;
    width: 5rem !important
}

@media (min-width: 768px) {
    .progress--adaptative {
        height:1rem !important;
        width: 7.5rem !important
    }
}

@media (min-width: 992px) {
    .progress--adaptative {
        height:1.25rem !important;
        width: 10rem !important
    }
}

:root {
    --bs-blue: #2DA3ED;
    --bs-indigo: #6610f2;
    --bs-purple: #9074E0;
    --bs-pink: #EA93A3;
    --bs-red: #E84D67;
    --bs-orange: #F7B844;
    --bs-yellow: #e5e171;
    --bs-green: #1DCB8C;
    --bs-teal: #2FCFC8;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #2DA3ED;
    --bs-secondary: #5f707c;
    --bs-success: #8AC43B;
    --bs-info: #BBD1DF;
    --bs-warning: #e5e171;
    --bs-danger: #E84D67;
    --bs-light: #ebedef;
    --bs-dark: #374d5b;
    --bs-primary-rgb: 45, 163, 237;
    --bs-secondary-rgb: 95, 112, 124;
    --bs-success-rgb: 138, 196, 59;
    --bs-info-rgb: 187, 209, 223;
    --bs-warning-rgb: 229, 225, 113;
    --bs-danger-rgb: 232, 77, 103;
    --bs-light-rgb: 235, 237, 239;
    --bs-dark-rgb: 55, 77, 91;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 224, 246, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #e0f6ff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 8px;
    --bs-border-radius-sm: 4px;
    --bs-border-radius-lg: 16px;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #2DA3ED;
    --bs-link-hover-color: #239ce8;
    --bs-code-color: #EA93A3;
    --bs-highlight-bg: #faf9e3
}

*,*::before,*::after {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: 0.25
}

h6,h5,h4,h3,h2,h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2
}

h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    h1 {
        font-size:2.5rem
    }
}

h2 {
    font-size: calc(1.325rem + 0.9vw)
}

@media (min-width: 1200px) {
    h2 {
        font-size:2rem
    }
}

h3 {
    font-size: calc(1.3rem + 0.6vw)
}

@media (min-width: 1200px) {
    h3 {
        font-size:1.75rem
    }
}

h4 {
    font-size: calc(1.275rem + 0.3vw)
}

@media (min-width: 1200px) {
    h4 {
        font-size:1.5rem
    }
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul {
    padding-left: 2rem
}

ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 0.875em
}

mark {
    padding: 0.1875em;
    background-color: var(--bs-highlight-bg)
}

sub,sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: none
}

a:hover {
    color: var(--bs-link-hover-color);
    text-decoration: none
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,code,kbd,samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: 0.875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: 0.1875rem 0.375rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: 4px
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,tbody,tfoot,tr,td,th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,button,select,optgroup,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
    display: none !important
}

button,[type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button
}

button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size:1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: white;
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1
}

.figure-caption {
    font-size: 0.875em;
    color: #6c757d
}

.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 520px) {
    .container-sm,.container-xs,.container-xxs,.container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container-md,.container-sm,.container-xs,.container-xxs,.container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container-lg,.container-md,.container-sm,.container-xs,.container-xxs,.container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container-xs,.container-xxs,.container {
        max-width:1140px
    }
}

@media (min-width: 1600px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container-xs,.container-xxs,.container {
        max-width:1320px
    }
}

.row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: 4px
}

.g-1,.gy-1 {
    --bs-gutter-y: 4px
}

.g-2,.gx-2 {
    --bs-gutter-x: 8px
}

.g-2,.gy-2 {
    --bs-gutter-y: 8px
}

.g-3,.gx-3 {
    --bs-gutter-x: 16px
}

.g-3,.gy-3 {
    --bs-gutter-y: 16px
}

.g-4,.gx-4 {
    --bs-gutter-x: 24px
}

.g-4,.gy-4 {
    --bs-gutter-y: 24px
}

.g-5,.gx-5 {
    --bs-gutter-x: 32px
}

.g-5,.gy-5 {
    --bs-gutter-y: 32px
}

.g-6,.gx-6 {
    --bs-gutter-x: 48px
}

.g-6,.gy-6 {
    --bs-gutter-y: 48px
}

.g-7,.gx-7 {
    --bs-gutter-x: 80px
}

.g-7,.gy-7 {
    --bs-gutter-y: 80px
}

@media (min-width: 320px) {
    .col-xxs {
        flex:1 0 0%
    }

    .row-cols-xxs-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxs-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxs-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxs-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxs-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxs-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxs-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxs-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxs-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxs-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxs-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxs-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxs-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxs-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxs-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxs-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxs-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxs-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxs-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxs-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxs-0 {
        margin-left: 0
    }

    .offset-xxs-1 {
        margin-left: 8.33333333%
    }

    .offset-xxs-2 {
        margin-left: 16.66666667%
    }

    .offset-xxs-3 {
        margin-left: 25%
    }

    .offset-xxs-4 {
        margin-left: 33.33333333%
    }

    .offset-xxs-5 {
        margin-left: 41.66666667%
    }

    .offset-xxs-6 {
        margin-left: 50%
    }

    .offset-xxs-7 {
        margin-left: 58.33333333%
    }

    .offset-xxs-8 {
        margin-left: 66.66666667%
    }

    .offset-xxs-9 {
        margin-left: 75%
    }

    .offset-xxs-10 {
        margin-left: 83.33333333%
    }

    .offset-xxs-11 {
        margin-left: 91.66666667%
    }

    .g-xxs-0,.gx-xxs-0 {
        --bs-gutter-x: 0
    }

    .g-xxs-0,.gy-xxs-0 {
        --bs-gutter-y: 0
    }

    .g-xxs-1,.gx-xxs-1 {
        --bs-gutter-x: 4px
    }

    .g-xxs-1,.gy-xxs-1 {
        --bs-gutter-y: 4px
    }

    .g-xxs-2,.gx-xxs-2 {
        --bs-gutter-x: 8px
    }

    .g-xxs-2,.gy-xxs-2 {
        --bs-gutter-y: 8px
    }

    .g-xxs-3,.gx-xxs-3 {
        --bs-gutter-x: 16px
    }

    .g-xxs-3,.gy-xxs-3 {
        --bs-gutter-y: 16px
    }

    .g-xxs-4,.gx-xxs-4 {
        --bs-gutter-x: 24px
    }

    .g-xxs-4,.gy-xxs-4 {
        --bs-gutter-y: 24px
    }

    .g-xxs-5,.gx-xxs-5 {
        --bs-gutter-x: 32px
    }

    .g-xxs-5,.gy-xxs-5 {
        --bs-gutter-y: 32px
    }

    .g-xxs-6,.gx-xxs-6 {
        --bs-gutter-x: 48px
    }

    .g-xxs-6,.gy-xxs-6 {
        --bs-gutter-y: 48px
    }

    .g-xxs-7,.gx-xxs-7 {
        --bs-gutter-x: 80px
    }

    .g-xxs-7,.gy-xxs-7 {
        --bs-gutter-y: 80px
    }
}

@media (min-width: 360px) {
    .col-xs {
        flex:1 0 0%
    }

    .row-cols-xs-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xs-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xs-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xs-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xs-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xs-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xs-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xs-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xs-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xs-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xs-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xs-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xs-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xs-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xs-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xs-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xs-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xs-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xs-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xs-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xs-0 {
        margin-left: 0
    }

    .offset-xs-1 {
        margin-left: 8.33333333%
    }

    .offset-xs-2 {
        margin-left: 16.66666667%
    }

    .offset-xs-3 {
        margin-left: 25%
    }

    .offset-xs-4 {
        margin-left: 33.33333333%
    }

    .offset-xs-5 {
        margin-left: 41.66666667%
    }

    .offset-xs-6 {
        margin-left: 50%
    }

    .offset-xs-7 {
        margin-left: 58.33333333%
    }

    .offset-xs-8 {
        margin-left: 66.66666667%
    }

    .offset-xs-9 {
        margin-left: 75%
    }

    .offset-xs-10 {
        margin-left: 83.33333333%
    }

    .offset-xs-11 {
        margin-left: 91.66666667%
    }

    .g-xs-0,.gx-xs-0 {
        --bs-gutter-x: 0
    }

    .g-xs-0,.gy-xs-0 {
        --bs-gutter-y: 0
    }

    .g-xs-1,.gx-xs-1 {
        --bs-gutter-x: 4px
    }

    .g-xs-1,.gy-xs-1 {
        --bs-gutter-y: 4px
    }

    .g-xs-2,.gx-xs-2 {
        --bs-gutter-x: 8px
    }

    .g-xs-2,.gy-xs-2 {
        --bs-gutter-y: 8px
    }

    .g-xs-3,.gx-xs-3 {
        --bs-gutter-x: 16px
    }

    .g-xs-3,.gy-xs-3 {
        --bs-gutter-y: 16px
    }

    .g-xs-4,.gx-xs-4 {
        --bs-gutter-x: 24px
    }

    .g-xs-4,.gy-xs-4 {
        --bs-gutter-y: 24px
    }

    .g-xs-5,.gx-xs-5 {
        --bs-gutter-x: 32px
    }

    .g-xs-5,.gy-xs-5 {
        --bs-gutter-y: 32px
    }

    .g-xs-6,.gx-xs-6 {
        --bs-gutter-x: 48px
    }

    .g-xs-6,.gy-xs-6 {
        --bs-gutter-y: 48px
    }

    .g-xs-7,.gx-xs-7 {
        --bs-gutter-x: 80px
    }

    .g-xs-7,.gy-xs-7 {
        --bs-gutter-y: 80px
    }
}

@media (min-width: 520px) {
    .col-sm {
        flex:1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 4px
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 4px
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 8px
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 8px
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 16px
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 16px
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 24px
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 24px
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 32px
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 32px
    }

    .g-sm-6,.gx-sm-6 {
        --bs-gutter-x: 48px
    }

    .g-sm-6,.gy-sm-6 {
        --bs-gutter-y: 48px
    }

    .g-sm-7,.gx-sm-7 {
        --bs-gutter-x: 80px
    }

    .g-sm-7,.gy-sm-7 {
        --bs-gutter-y: 80px
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 4px
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 4px
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 8px
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 8px
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 16px
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 16px
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 24px
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 24px
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 32px
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 32px
    }

    .g-md-6,.gx-md-6 {
        --bs-gutter-x: 48px
    }

    .g-md-6,.gy-md-6 {
        --bs-gutter-y: 48px
    }

    .g-md-7,.gx-md-7 {
        --bs-gutter-x: 80px
    }

    .g-md-7,.gy-md-7 {
        --bs-gutter-y: 80px
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 4px
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 4px
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 8px
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 8px
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 16px
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 16px
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 24px
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 24px
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 32px
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 32px
    }

    .g-lg-6,.gx-lg-6 {
        --bs-gutter-x: 48px
    }

    .g-lg-6,.gy-lg-6 {
        --bs-gutter-y: 48px
    }

    .g-lg-7,.gx-lg-7 {
        --bs-gutter-x: 80px
    }

    .g-lg-7,.gy-lg-7 {
        --bs-gutter-y: 80px
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 4px
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 4px
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 8px
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 8px
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 16px
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 16px
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 24px
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 24px
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 32px
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 32px
    }

    .g-xl-6,.gx-xl-6 {
        --bs-gutter-x: 48px
    }

    .g-xl-6,.gy-xl-6 {
        --bs-gutter-y: 48px
    }

    .g-xl-7,.gx-xl-7 {
        --bs-gutter-x: 80px
    }

    .g-xl-7,.gy-xl-7 {
        --bs-gutter-y: 80px
    }
}

@media (min-width: 1600px) {
    .col-xxl {
        flex:1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 4px
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 4px
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 8px
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 8px
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 16px
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 16px
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 24px
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 24px
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 32px
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 32px
    }

    .g-xxl-6,.gx-xxl-6 {
        --bs-gutter-x: 48px
    }

    .g-xxl-6,.gy-xxl-6 {
        --bs-gutter-y: 48px
    }

    .g-xxl-7,.gx-xxl-7 {
        --bs-gutter-x: 80px
    }

    .g-xxl-7,.gy-xxl-7 {
        --bs-gutter-y: 80px
    }
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: 2px solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: 0.25rem 0.25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-striped-columns>:not(caption)>tr>:nth-child(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #d5edfb;
    --bs-table-border-color: #c0d5e2;
    --bs-table-striped-bg: #cae1ee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c0d5e2;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c5dbe8;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #dfe2e5;
    --bs-table-border-color: #c9cbce;
    --bs-table-striped-bg: #d4d7da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c9cbce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ced1d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #e8f3d8;
    --bs-table-border-color: #d1dbc2;
    --bs-table-striped-bg: #dce7cd;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #d1dbc2;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d7e1c8;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #f1f6f9;
    --bs-table-border-color: #d9dde0;
    --bs-table-striped-bg: #e5eaed;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #d9dde0;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #dfe4e6;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #faf9e3;
    --bs-table-border-color: #e1e0cc;
    --bs-table-striped-bg: #eeedd8;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e1e0cc;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e7e6d2;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #fadbe1;
    --bs-table-border-color: #e1c5cb;
    --bs-table-striped-bg: #eed0d6;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e1c5cb;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e7cbd0;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #ebedef;
    --bs-table-border-color: #d4d5d7;
    --bs-table-striped-bg: #dfe1e3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #d4d5d7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d9dbdd;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #374d5b;
    --bs-table-border-color: #4b5f6b;
    --bs-table-striped-bg: #415663;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #4b5f6b;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #465a67;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 319.98px) {
    .table-responsive-xxs {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 359.98px) {
    .table-responsive-xs {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 519.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1599.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: 0.5rem
}

.col-form-label {
    padding-top: calc(0.375rem + 2px);
    padding-bottom: calc(0.375rem + 2px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 2
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 2px);
    padding-bottom: calc(0.5rem + 2px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 2px);
    padding-bottom: calc(0.25rem + 2px);
    font-size: 0.875rem
}

.form-text {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    color: #212529;
    background-color: white;
    background-clip: padding-box;
    border: 2px solid #BBD1DF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 16px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type="file"] {
    overflow: hidden
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: white;
    border-color: #2DA3ED;
    outline: 0;
    box-shadow: 0 0px 0px 2px #2DA3ED
}

.form-control::-webkit-date-and-time-value {
    height: 2em
}

.form-control::-moz-placeholder {
    color: #9ba6ad;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #9ba6ad;
    opacity: 1
}

.form-control::placeholder {
    color: #9ba6ad;
    opacity: 1
}

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end:0.75rem;color: #212529;
    background-color: white;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:2px;border-radius: 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.form-control::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end:0.75rem;color: #212529;
    background-color: white;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:2px;border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #f2f2f2
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #f2f2f2
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 2;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 2px 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(2em + 0.5rem + 4px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 4px
}

.form-control-sm::-webkit-file-upload-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end:0.5rem}

.form-control-sm::file-selector-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end:0.5rem}

.form-control-lg {
    min-height: calc(2em + 1rem + 4px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 16px
}

.form-control-lg::-webkit-file-upload-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end:1rem}

.form-control-lg::file-selector-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end:1rem}

textarea.form-control {
    min-height: calc(2em + 0.75rem + 4px)
}

textarea.form-control-sm {
    min-height: calc(2em + 0.5rem + 4px)
}

textarea.form-control-lg {
    min-height: calc(2em + 1rem + 4px)
}

.form-control-color {
    width: 3rem;
    height: calc(2em + 0.75rem + 4px);
    padding: 0.375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: 16px
}

.form-control-color::-webkit-color-swatch {
    border-radius: 16px
}

.form-control-color.form-control-sm {
    height: calc(2em + 0.5rem + 4px)
}

.form-control-color.form-control-lg {
    height: calc(2em + 1rem + 4px)
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    color: #212529;
    background-color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 2px solid #BBD1DF;
    border-radius: 16px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #2DA3ED;
    outline: 0;
    box-shadow: 0 0px 0px 2px #2DA3ED
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
    border-radius: 4px
}

.form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: 16px
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #d7dbde;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type="checkbox"] {
    border-radius: 0.25em
}

.form-check-input[type="radio"] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #2DA3ED;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(45,163,237,0.25)
}

.form-check-input:checked {
    background-color: #2DA3ED;
    border-color: #2DA3ED
}

.form-check-input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: #2DA3ED;
    border-color: #2DA3ED;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5
}

.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label {
    cursor: default;
    opacity: 0.5
}

.form-switch {
    padding-left: 0px
}

.form-switch .form-check-input {
    width: 56px;
    margin-left: 0px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 56px;
    transition: background-position 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 0px;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: 0px;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check[disabled]+.btn,.btn-check:disabled+.btn {
    pointer-events: none;
    filter: none;
    opacity: 0.65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #e0f6ff, 0 0px 0px 2px #2DA3ED
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #e0f6ff, 0 0px 0px 2px #2DA3ED
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #2DA3ED;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #c0e3fa
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #2DA3ED;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #c0e3fa
}

.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
    height: calc(3.5rem + 4px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 2px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,.form-floating>.form-control-plaintext {
    padding: 1rem 0.75rem
}

.form-floating>.form-control::-moz-placeholder,.form-floating>.form-control-plaintext::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control:-ms-input-placeholder,.form-floating>.form-control-plaintext:-ms-input-placeholder {
    color: transparent
}

.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder {
    color: transparent
}

.form-floating>.form-control:not(:-moz-placeholder-shown),.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem
}

.form-floating>.form-control:not(:-ms-input-placeholder),.form-floating>.form-control-plaintext:not(:-ms-input-placeholder) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem
}

.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem
}

.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control:not(:-ms-input-placeholder)~label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: 2px 0
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: white;
    border: 2px solid #BBD1DF;
    border-radius: 16px
}

.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 16px
}

.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 4px
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4),.input-group.has-validation>.form-floating:nth-last-child(n + 3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n + 3)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #8AC43B
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #000;
    background-color: rgba(138,196,59,0.9);
    border-radius: 8px
}

.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid,.form-control.is-valid {
    border-color: #8AC43B
}

.was-validated .form-control:valid:focus,.form-control.is-valid:focus {
    border-color: #8AC43B;
    box-shadow: 0 0px 0px 2px #2DA3ED
}

.was-validated .form-select:valid,.form-select.is-valid {
    border-color: #8AC43B
}

.was-validated .form-select:valid:focus,.form-select.is-valid:focus {
    border-color: #8AC43B;
    box-shadow: 0 0px 0px 2px #2DA3ED
}

.was-validated .form-check-input:valid,.form-check-input.is-valid {
    border-color: #8AC43B
}

.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked {
    background-color: #8AC43B
}

.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus {
    box-shadow: 0 0px 0px 2px #2DA3ED
}

.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label {
    color: #8AC43B
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control.is-valid:not(:focus),.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select.is-valid:not(:focus),.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating.is-valid:not(:focus-within) {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #E84D67
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #000;
    background-color: rgba(232,77,103,0.9);
    border-radius: 8px
}

.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid,.form-control.is-invalid {
    border-color: #E84D67
}

.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus {
    border-color: #E84D67;
    box-shadow: 0 0px 0px 2px #E84D67
}

.was-validated .form-select:invalid,.form-select.is-invalid {
    border-color: #E84D67
}

.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus {
    border-color: #E84D67;
    box-shadow: 0 0px 0px 2px #E84D67
}

.was-validated .form-check-input:invalid,.form-check-input.is-invalid {
    border-color: #E84D67
}

.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked {
    background-color: #E84D67
}

.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus {
    box-shadow: 0 0px 0px 2px #E84D67
}

.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label {
    color: #E84D67
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control.is-invalid:not(:focus),.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select.is-invalid:not(:focus),.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating.is-invalid:not(:focus-within) {
    z-index: 4
}

.fade {
    transition: opacity 0.15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: rgba(0, 0, 0, 0.2);
    --bs-dropdown-border-radius: 16px;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-inner-border-radius: 16px;
    --bs-dropdown-divider-bg: rgba(0, 0, 0, 0.2);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: white;
    --bs-dropdown-link-active-bg: #2da3ed;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.75rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu>.dropdown-item:first-child,.dropdown-menu>li:first-child .dropdown-item {
    border-top-left-radius: var(--bs-dropdown-inner-border-radius);
    border-top-right-radius: var(--bs-dropdown-inner-border-radius)
}

.dropdown-menu>.dropdown-item:last-child,.dropdown-menu>li:last-child .dropdown-item {
    border-bottom-right-radius: var(--bs-dropdown-inner-border-radius);
    border-bottom-left-radius: var(--bs-dropdown-inner-border-radius)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 320px) {
    .dropdown-menu-xxs-start {
        --bs-position: start
    }

    .dropdown-menu-xxs-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxs-end {
        --bs-position: end
    }

    .dropdown-menu-xxs-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 360px) {
    .dropdown-menu-xs-start {
        --bs-position: start
    }

    .dropdown-menu-xs-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xs-end {
        --bs-position: end
    }

    .dropdown-menu-xs-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 520px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1600px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,.dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: rgba(0, 0, 0, 0.2);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: rgba(0, 0, 0, 0.2);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: white;
    --bs-dropdown-link-active-bg: #2da3ed;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,.btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: 8px
}

.btn-group>:not(.btn-check:first-child)+.btn,.btn-group>.btn-group:not(:first-child) {
    margin-left: -2px
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:nth-child(n + 3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem
}

.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem
}

.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -2px
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn~.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: normal;
    --bs-nav-link-color: #5f707c;
    --bs-nav-link-hover-color: #052032;
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:hover,.nav-link:focus {
    color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: 8px;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: white;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 white;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    background: none;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: 30px;
    --bs-nav-pills-link-active-color: white;
    --bs-nav-pills-link-active-bg: #2DA3ED
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-fill>.nav-link,.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.accordion {
    --bs-accordion-color: #212529;
    --bs-accordion-bg: transparent;
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: unset;
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: unset;
    --bs-accordion-inner-border-radius: unset;
    --bs-accordion-btn-padding-x: 1rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #212529;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-btn-icon: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" fill="none" width="24px" height="24px" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M 16.707 11.707 C 17.098 11.317 17.098 10.683 16.707 10.293 C 16.317 9.902 15.683 9.902 15.293 10.293 L 16.707 11.707 Z M 12 15 L 11.293 15.707 C 11.683 16.098 12.317 16.098 12.707 15.707 L 12 15 Z M 8.707 10.293 C 8.317 9.902 7.683 9.902 7.293 10.293 C 6.902 10.683 6.902 11.317 7.293 11.707 L 8.707 10.293 Z M 15.293 10.293 L 11.293 14.293 L 12.707 15.707 L 16.707 11.707 L 15.293 10.293 Z M 12.707 14.293 L 8.707 10.293 L 7.293 11.707 L 11.293 15.707 L 12.707 14.293 Z" style="fill: %23212529; stroke-width: 0px;"/%3e%3c/svg%3e');
    --bs-accordion-btn-icon-width: 24px;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" fill="none" width="24px" height="24px" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M 16.707 11.707 C 17.098 11.317 17.098 10.683 16.707 10.293 C 16.317 9.902 15.683 9.902 15.293 10.293 L 16.707 11.707 Z M 12 15 L 11.293 15.707 C 11.683 16.098 12.317 16.098 12.707 15.707 L 12 15 Z M 8.707 10.293 C 8.317 9.902 7.683 9.902 7.293 10.293 C 6.902 10.683 6.902 11.317 7.293 11.707 L 8.707 10.293 Z M 15.293 10.293 L 11.293 14.293 L 12.707 15.707 L 16.707 11.707 L 15.293 10.293 Z M 12.707 14.293 L 8.707 10.293 L 7.293 11.707 L 11.293 15.707 L 12.707 14.293 Z" style="fill: %23212529; stroke-width: 0px;"/%3e%3c/svg%3e');
    --bs-accordion-btn-focus-border-color: unset;
    --bs-accordion-btn-focus-box-shadow: unset;
    --bs-accordion-body-padding-x: 1rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #212529;
    --bs-accordion-active-bg: transparent
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 0 solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 12px;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: #1b628e;
    --bs-alert-bg: #d5edfb;
    --bs-alert-border-color: #c0e3fa
}

.alert-primary .alert-link {
    color: #164e72
}

.alert-secondary {
    --bs-alert-color: #39434a;
    --bs-alert-bg: #dfe2e5;
    --bs-alert-border-color: #cfd4d8
}

.alert-secondary .alert-link {
    color: #2e363b
}

.alert-success {
    --bs-alert-color: #537623;
    --bs-alert-bg: #e8f3d8;
    --bs-alert-border-color: #dcedc4
}

.alert-success .alert-link {
    color: #425e1c
}

.alert-info {
    --bs-alert-color: #4b5459;
    --bs-alert-bg: #f1f6f9;
    --bs-alert-border-color: #ebf1f5
}

.alert-info .alert-link {
    color: #3c4347
}

.alert-warning {
    --bs-alert-color: #5c5a2d;
    --bs-alert-bg: #faf9e3;
    --bs-alert-border-color: #f7f6d4
}

.alert-warning .alert-link {
    color: #4a4824
}

.alert-danger {
    --bs-alert-color: #8b2e3e;
    --bs-alert-bg: #fadbe1;
    --bs-alert-border-color: #f8cad1
}

.alert-danger .alert-link {
    color: #6f2532
}

.alert-light {
    --bs-alert-color: #5e5f60;
    --bs-alert-bg: #fbfbfc;
    --bs-alert-border-color: #f9fafa
}

.alert-light .alert-link {
    color: #4b4c4d
}

.alert-dark {
    --bs-alert-color: #212e37;
    --bs-alert-bg: #d7dbde;
    --bs-alert-border-color: #c3cace
}

.alert-dark .alert-link {
    color: #1a252c
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: #cde9fb;
    --bs-progress-border-radius: 4px;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-progress-bar-color: #EFF8FE;
    --bs-progress-bar-bg: #2DA3ED;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 40px;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 1rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: 8px;
    --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
    --bs-toast-header-color: #6c757d;
    --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 24px;
    --bs-modal-color: ;
    --bs-modal-bg: white;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: 12px;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: 11px;
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #052032;
    --bs-backdrop-opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 520px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 319.98px) {
    .modal-fullscreen-xxs-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxs-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxs-down .modal-header,.modal-fullscreen-xxs-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxs-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 359.98px) {
    .modal-fullscreen-xs-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xs-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xs-down .modal-header,.modal-fullscreen-xs-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xs-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 519.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1599.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 550px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: #fff;
    --bs-popover-border-width: 0;
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: 16px;
    --bs-popover-inner-border-radius: 16px;
    --bs-popover-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 1rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: ;
    --bs-popover-header-bg: transparent;
    --bs-popover-body-padding-x: 1.5rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: #212529;
    --bs-popover-arrow-width: 0;
    --bs-popover-arrow-height: 0;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow::before,.popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0
}

.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
}

.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg)
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active,.carousel-item-next,.carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end {
    transform: translateX(100%)
}

.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end {
        transition: none
    }
}

.carousel-control-prev,.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,.carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-prev-icon,.carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

.spinner-grow,.spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border,.spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas,.offcanvas-xxl,.offcanvas-xl,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xs,.offcanvas-xxs {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: fit-content;
    --bs-offcanvas-padding-x: 20px;
    --bs-offcanvas-padding-y: 24px;
    --bs-offcanvas-color: ;
    --bs-offcanvas-bg: white;
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
}

@media (max-width: 319.98px) {
    .offcanvas-xxs {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out
    }
}

@media (max-width: 319.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxs {
        transition:none
    }
}

@media (max-width: 319.98px) {
    .offcanvas-xxs.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xxs.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xxs.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xxs.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xxs.showing,.offcanvas-xxs.show:not(.hiding) {
        transform: none
    }

    .offcanvas-xxs.showing,.offcanvas-xxs.hiding,.offcanvas-xxs.show {
        visibility: visible
    }
}

@media (min-width: 320px) {
    .offcanvas-xxs {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xxs .offcanvas-header {
        display: none
    }

    .offcanvas-xxs .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 359.98px) {
    .offcanvas-xs {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out
    }
}

@media (max-width: 359.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xs {
        transition:none
    }
}

@media (max-width: 359.98px) {
    .offcanvas-xs.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xs.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xs.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xs.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xs.showing,.offcanvas-xs.show:not(.hiding) {
        transform: none
    }

    .offcanvas-xs.showing,.offcanvas-xs.hiding,.offcanvas-xs.show {
        visibility: visible
    }
}

@media (min-width: 360px) {
    .offcanvas-xs {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xs .offcanvas-header {
        display: none
    }

    .offcanvas-xs .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 519.98px) {
    .offcanvas-sm {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out
    }
}

@media (max-width: 519.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
        transition:none
    }
}

@media (max-width: 519.98px) {
    .offcanvas-sm.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-sm.showing,.offcanvas-sm.show:not(.hiding) {
        transform: none
    }

    .offcanvas-sm.showing,.offcanvas-sm.hiding,.offcanvas-sm.show {
        visibility: visible
    }
}

@media (min-width: 520px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
        transition:none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-md.showing,.offcanvas-md.show:not(.hiding) {
        transform: none
    }

    .offcanvas-md.showing,.offcanvas-md.hiding,.offcanvas-md.show {
        visibility: visible
    }
}

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
        transition:none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-lg.showing,.offcanvas-lg.show:not(.hiding) {
        transform: none
    }

    .offcanvas-lg.showing,.offcanvas-lg.hiding,.offcanvas-lg.show {
        visibility: visible
    }
}

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out
    }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
        transition:none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xl.showing,.offcanvas-xl.show:not(.hiding) {
        transform: none
    }

    .offcanvas-xl.showing,.offcanvas-xl.hiding,.offcanvas-xl.show {
        visibility: visible
    }
}

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 1599.98px) {
    .offcanvas-xxl {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out
    }
}

@media (max-width: 1599.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
        transition:none
    }
}

@media (max-width: 1599.98px) {
    .offcanvas-xxl.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xxl.showing,.offcanvas-xxl.show:not(.hiding) {
        transform: none
    }

    .offcanvas-xxl.showing,.offcanvas-xxl.hiding,.offcanvas-xxl.show {
        visibility: visible
    }
}

@media (min-width: 1600px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.showing,.offcanvas.show:not(.hiding) {
    transform: none
}

.offcanvas.showing,.offcanvas.hiding,.offcanvas.show {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #052032
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: 0.8
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width: 320px) {
    .sticky-xxs-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxs-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 360px) {
    .sticky-xs-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xs-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 520px) {
    .sticky-sm-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1600px) {
    .sticky-xxl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: 0.25 !important
}

.opacity-50 {
    opacity: 0.5 !important
}

.opacity-75 {
    opacity: 0.75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
    --bs-border-width: 1px
}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 4px !important
}

.m-2 {
    margin: 8px !important
}

.m-3 {
    margin: 16px !important
}

.m-4 {
    margin: 24px !important
}

.m-5 {
    margin: 32px !important
}

.m-6 {
    margin: 48px !important
}

.m-7 {
    margin: 80px !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: 4px !important;
    margin-left: 4px !important
}

.mx-2 {
    margin-right: 8px !important;
    margin-left: 8px !important
}

.mx-3 {
    margin-right: 16px !important;
    margin-left: 16px !important
}

.mx-4 {
    margin-right: 24px !important;
    margin-left: 24px !important
}

.mx-5 {
    margin-right: 32px !important;
    margin-left: 32px !important
}

.mx-6 {
    margin-right: 48px !important;
    margin-left: 48px !important
}

.mx-7 {
    margin-right: 80px !important;
    margin-left: 80px !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.my-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.my-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.my-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.my-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.my-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.my-7 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 4px !important
}

.mt-2 {
    margin-top: 8px !important
}

.mt-3 {
    margin-top: 16px !important
}

.mt-4 {
    margin-top: 24px !important
}

.mt-5 {
    margin-top: 32px !important
}

.mt-6 {
    margin-top: 48px !important
}

.mt-7 {
    margin-top: 80px !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: 4px !important
}

.me-2 {
    margin-right: 8px !important
}

.me-3 {
    margin-right: 16px !important
}

.me-4 {
    margin-right: 24px !important
}

.me-5 {
    margin-right: 32px !important
}

.me-6 {
    margin-right: 48px !important
}

.me-7 {
    margin-right: 80px !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 4px !important
}

.mb-2 {
    margin-bottom: 8px !important
}

.mb-3 {
    margin-bottom: 16px !important
}

.mb-4 {
    margin-bottom: 24px !important
}

.mb-5 {
    margin-bottom: 32px !important
}

.mb-6 {
    margin-bottom: 48px !important
}

.mb-7 {
    margin-bottom: 80px !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: 4px !important
}

.ms-2 {
    margin-left: 8px !important
}

.ms-3 {
    margin-left: 16px !important
}

.ms-4 {
    margin-left: 24px !important
}

.ms-5 {
    margin-left: 32px !important
}

.ms-6 {
    margin-left: 48px !important
}

.ms-7 {
    margin-left: 80px !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 4px !important
}

.p-2 {
    padding: 8px !important
}

.p-3 {
    padding: 16px !important
}

.p-4 {
    padding: 24px !important
}

.p-5 {
    padding: 32px !important
}

.p-6 {
    padding: 48px !important
}

.p-7 {
    padding: 80px !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: 4px !important;
    padding-left: 4px !important
}

.px-2 {
    padding-right: 8px !important;
    padding-left: 8px !important
}

.px-3 {
    padding-right: 16px !important;
    padding-left: 16px !important
}

.px-4 {
    padding-right: 24px !important;
    padding-left: 24px !important
}

.px-5 {
    padding-right: 32px !important;
    padding-left: 32px !important
}

.px-6 {
    padding-right: 48px !important;
    padding-left: 48px !important
}

.px-7 {
    padding-right: 80px !important;
    padding-left: 80px !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.py-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.py-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.py-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.py-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.py-7 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: 4px !important
}

.pt-2 {
    padding-top: 8px !important
}

.pt-3 {
    padding-top: 16px !important
}

.pt-4 {
    padding-top: 24px !important
}

.pt-5 {
    padding-top: 32px !important
}

.pt-6 {
    padding-top: 48px !important
}

.pt-7 {
    padding-top: 80px !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: 4px !important
}

.pe-2 {
    padding-right: 8px !important
}

.pe-3 {
    padding-right: 16px !important
}

.pe-4 {
    padding-right: 24px !important
}

.pe-5 {
    padding-right: 32px !important
}

.pe-6 {
    padding-right: 48px !important
}

.pe-7 {
    padding-right: 80px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 4px !important
}

.pb-2 {
    padding-bottom: 8px !important
}

.pb-3 {
    padding-bottom: 16px !important
}

.pb-4 {
    padding-bottom: 24px !important
}

.pb-5 {
    padding-bottom: 32px !important
}

.pb-6 {
    padding-bottom: 48px !important
}

.pb-7 {
    padding-bottom: 80px !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: 4px !important
}

.ps-2 {
    padding-left: 8px !important
}

.ps-3 {
    padding-left: 16px !important
}

.ps-4 {
    padding-left: 24px !important
}

.ps-5 {
    padding-left: 32px !important
}

.ps-6 {
    padding-left: 48px !important
}

.ps-7 {
    padding-left: 80px !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: 4px !important
}

.gap-2 {
    gap: 8px !important
}

.gap-3 {
    gap: 16px !important
}

.gap-4 {
    gap: 24px !important
}

.gap-5 {
    gap: 32px !important
}

.gap-6 {
    gap: 48px !important
}

.gap-7 {
    gap: 80px !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,0.5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255,255,255,0.5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width: 320px) {
    .float-xxs-start {
        float:left !important
    }

    .float-xxs-end {
        float: right !important
    }

    .float-xxs-none {
        float: none !important
    }

    .d-xxs-inline {
        display: inline !important
    }

    .d-xxs-inline-block {
        display: inline-block !important
    }

    .d-xxs-block {
        display: block !important
    }

    .d-xxs-grid {
        display: grid !important
    }

    .d-xxs-table {
        display: table !important
    }

    .d-xxs-table-row {
        display: table-row !important
    }

    .d-xxs-table-cell {
        display: table-cell !important
    }

    .d-xxs-flex {
        display: flex !important
    }

    .d-xxs-inline-flex {
        display: inline-flex !important
    }

    .d-xxs-none {
        display: none !important
    }

    .flex-xxs-fill {
        flex: 1 1 auto !important
    }

    .flex-xxs-row {
        flex-direction: row !important
    }

    .flex-xxs-column {
        flex-direction: column !important
    }

    .flex-xxs-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxs-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxs-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxs-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxs-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxs-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxs-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxs-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxs-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxs-start {
        justify-content: flex-start !important
    }

    .justify-content-xxs-end {
        justify-content: flex-end !important
    }

    .justify-content-xxs-center {
        justify-content: center !important
    }

    .justify-content-xxs-between {
        justify-content: space-between !important
    }

    .justify-content-xxs-around {
        justify-content: space-around !important
    }

    .justify-content-xxs-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxs-start {
        align-items: flex-start !important
    }

    .align-items-xxs-end {
        align-items: flex-end !important
    }

    .align-items-xxs-center {
        align-items: center !important
    }

    .align-items-xxs-baseline {
        align-items: baseline !important
    }

    .align-items-xxs-stretch {
        align-items: stretch !important
    }

    .align-content-xxs-start {
        align-content: flex-start !important
    }

    .align-content-xxs-end {
        align-content: flex-end !important
    }

    .align-content-xxs-center {
        align-content: center !important
    }

    .align-content-xxs-between {
        align-content: space-between !important
    }

    .align-content-xxs-around {
        align-content: space-around !important
    }

    .align-content-xxs-stretch {
        align-content: stretch !important
    }

    .align-self-xxs-auto {
        align-self: auto !important
    }

    .align-self-xxs-start {
        align-self: flex-start !important
    }

    .align-self-xxs-end {
        align-self: flex-end !important
    }

    .align-self-xxs-center {
        align-self: center !important
    }

    .align-self-xxs-baseline {
        align-self: baseline !important
    }

    .align-self-xxs-stretch {
        align-self: stretch !important
    }

    .order-xxs-first {
        order: -1 !important
    }

    .order-xxs-0 {
        order: 0 !important
    }

    .order-xxs-1 {
        order: 1 !important
    }

    .order-xxs-2 {
        order: 2 !important
    }

    .order-xxs-3 {
        order: 3 !important
    }

    .order-xxs-4 {
        order: 4 !important
    }

    .order-xxs-5 {
        order: 5 !important
    }

    .order-xxs-last {
        order: 6 !important
    }

    .m-xxs-0 {
        margin: 0 !important
    }

    .m-xxs-1 {
        margin: 4px !important
    }

    .m-xxs-2 {
        margin: 8px !important
    }

    .m-xxs-3 {
        margin: 16px !important
    }

    .m-xxs-4 {
        margin: 24px !important
    }

    .m-xxs-5 {
        margin: 32px !important
    }

    .m-xxs-6 {
        margin: 48px !important
    }

    .m-xxs-7 {
        margin: 80px !important
    }

    .m-xxs-auto {
        margin: auto !important
    }

    .mx-xxs-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxs-1 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .mx-xxs-2 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }

    .mx-xxs-3 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }

    .mx-xxs-4 {
        margin-right: 24px !important;
        margin-left: 24px !important
    }

    .mx-xxs-5 {
        margin-right: 32px !important;
        margin-left: 32px !important
    }

    .mx-xxs-6 {
        margin-right: 48px !important;
        margin-left: 48px !important
    }

    .mx-xxs-7 {
        margin-right: 80px !important;
        margin-left: 80px !important
    }

    .mx-xxs-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxs-1 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .my-xxs-2 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .my-xxs-3 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .my-xxs-4 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .my-xxs-5 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .my-xxs-6 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .my-xxs-7 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .my-xxs-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxs-0 {
        margin-top: 0 !important
    }

    .mt-xxs-1 {
        margin-top: 4px !important
    }

    .mt-xxs-2 {
        margin-top: 8px !important
    }

    .mt-xxs-3 {
        margin-top: 16px !important
    }

    .mt-xxs-4 {
        margin-top: 24px !important
    }

    .mt-xxs-5 {
        margin-top: 32px !important
    }

    .mt-xxs-6 {
        margin-top: 48px !important
    }

    .mt-xxs-7 {
        margin-top: 80px !important
    }

    .mt-xxs-auto {
        margin-top: auto !important
    }

    .me-xxs-0 {
        margin-right: 0 !important
    }

    .me-xxs-1 {
        margin-right: 4px !important
    }

    .me-xxs-2 {
        margin-right: 8px !important
    }

    .me-xxs-3 {
        margin-right: 16px !important
    }

    .me-xxs-4 {
        margin-right: 24px !important
    }

    .me-xxs-5 {
        margin-right: 32px !important
    }

    .me-xxs-6 {
        margin-right: 48px !important
    }

    .me-xxs-7 {
        margin-right: 80px !important
    }

    .me-xxs-auto {
        margin-right: auto !important
    }

    .mb-xxs-0 {
        margin-bottom: 0 !important
    }

    .mb-xxs-1 {
        margin-bottom: 4px !important
    }

    .mb-xxs-2 {
        margin-bottom: 8px !important
    }

    .mb-xxs-3 {
        margin-bottom: 16px !important
    }

    .mb-xxs-4 {
        margin-bottom: 24px !important
    }

    .mb-xxs-5 {
        margin-bottom: 32px !important
    }

    .mb-xxs-6 {
        margin-bottom: 48px !important
    }

    .mb-xxs-7 {
        margin-bottom: 80px !important
    }

    .mb-xxs-auto {
        margin-bottom: auto !important
    }

    .ms-xxs-0 {
        margin-left: 0 !important
    }

    .ms-xxs-1 {
        margin-left: 4px !important
    }

    .ms-xxs-2 {
        margin-left: 8px !important
    }

    .ms-xxs-3 {
        margin-left: 16px !important
    }

    .ms-xxs-4 {
        margin-left: 24px !important
    }

    .ms-xxs-5 {
        margin-left: 32px !important
    }

    .ms-xxs-6 {
        margin-left: 48px !important
    }

    .ms-xxs-7 {
        margin-left: 80px !important
    }

    .ms-xxs-auto {
        margin-left: auto !important
    }

    .p-xxs-0 {
        padding: 0 !important
    }

    .p-xxs-1 {
        padding: 4px !important
    }

    .p-xxs-2 {
        padding: 8px !important
    }

    .p-xxs-3 {
        padding: 16px !important
    }

    .p-xxs-4 {
        padding: 24px !important
    }

    .p-xxs-5 {
        padding: 32px !important
    }

    .p-xxs-6 {
        padding: 48px !important
    }

    .p-xxs-7 {
        padding: 80px !important
    }

    .px-xxs-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxs-1 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .px-xxs-2 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .px-xxs-3 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .px-xxs-4 {
        padding-right: 24px !important;
        padding-left: 24px !important
    }

    .px-xxs-5 {
        padding-right: 32px !important;
        padding-left: 32px !important
    }

    .px-xxs-6 {
        padding-right: 48px !important;
        padding-left: 48px !important
    }

    .px-xxs-7 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .py-xxs-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxs-1 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .py-xxs-2 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .py-xxs-3 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .py-xxs-4 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .py-xxs-5 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .py-xxs-6 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .py-xxs-7 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pt-xxs-0 {
        padding-top: 0 !important
    }

    .pt-xxs-1 {
        padding-top: 4px !important
    }

    .pt-xxs-2 {
        padding-top: 8px !important
    }

    .pt-xxs-3 {
        padding-top: 16px !important
    }

    .pt-xxs-4 {
        padding-top: 24px !important
    }

    .pt-xxs-5 {
        padding-top: 32px !important
    }

    .pt-xxs-6 {
        padding-top: 48px !important
    }

    .pt-xxs-7 {
        padding-top: 80px !important
    }

    .pe-xxs-0 {
        padding-right: 0 !important
    }

    .pe-xxs-1 {
        padding-right: 4px !important
    }

    .pe-xxs-2 {
        padding-right: 8px !important
    }

    .pe-xxs-3 {
        padding-right: 16px !important
    }

    .pe-xxs-4 {
        padding-right: 24px !important
    }

    .pe-xxs-5 {
        padding-right: 32px !important
    }

    .pe-xxs-6 {
        padding-right: 48px !important
    }

    .pe-xxs-7 {
        padding-right: 80px !important
    }

    .pb-xxs-0 {
        padding-bottom: 0 !important
    }

    .pb-xxs-1 {
        padding-bottom: 4px !important
    }

    .pb-xxs-2 {
        padding-bottom: 8px !important
    }

    .pb-xxs-3 {
        padding-bottom: 16px !important
    }

    .pb-xxs-4 {
        padding-bottom: 24px !important
    }

    .pb-xxs-5 {
        padding-bottom: 32px !important
    }

    .pb-xxs-6 {
        padding-bottom: 48px !important
    }

    .pb-xxs-7 {
        padding-bottom: 80px !important
    }

    .ps-xxs-0 {
        padding-left: 0 !important
    }

    .ps-xxs-1 {
        padding-left: 4px !important
    }

    .ps-xxs-2 {
        padding-left: 8px !important
    }

    .ps-xxs-3 {
        padding-left: 16px !important
    }

    .ps-xxs-4 {
        padding-left: 24px !important
    }

    .ps-xxs-5 {
        padding-left: 32px !important
    }

    .ps-xxs-6 {
        padding-left: 48px !important
    }

    .ps-xxs-7 {
        padding-left: 80px !important
    }

    .gap-xxs-0 {
        gap: 0 !important
    }

    .gap-xxs-1 {
        gap: 4px !important
    }

    .gap-xxs-2 {
        gap: 8px !important
    }

    .gap-xxs-3 {
        gap: 16px !important
    }

    .gap-xxs-4 {
        gap: 24px !important
    }

    .gap-xxs-5 {
        gap: 32px !important
    }

    .gap-xxs-6 {
        gap: 48px !important
    }

    .gap-xxs-7 {
        gap: 80px !important
    }

    .text-xxs-start {
        text-align: left !important
    }

    .text-xxs-end {
        text-align: right !important
    }

    .text-xxs-center {
        text-align: center !important
    }
}

@media (min-width: 360px) {
    .float-xs-start {
        float:left !important
    }

    .float-xs-end {
        float: right !important
    }

    .float-xs-none {
        float: none !important
    }

    .d-xs-inline {
        display: inline !important
    }

    .d-xs-inline-block {
        display: inline-block !important
    }

    .d-xs-block {
        display: block !important
    }

    .d-xs-grid {
        display: grid !important
    }

    .d-xs-table {
        display: table !important
    }

    .d-xs-table-row {
        display: table-row !important
    }

    .d-xs-table-cell {
        display: table-cell !important
    }

    .d-xs-flex {
        display: flex !important
    }

    .d-xs-inline-flex {
        display: inline-flex !important
    }

    .d-xs-none {
        display: none !important
    }

    .flex-xs-fill {
        flex: 1 1 auto !important
    }

    .flex-xs-row {
        flex-direction: row !important
    }

    .flex-xs-column {
        flex-direction: column !important
    }

    .flex-xs-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xs-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xs-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xs-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xs-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xs-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xs-wrap {
        flex-wrap: wrap !important
    }

    .flex-xs-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xs-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xs-start {
        justify-content: flex-start !important
    }

    .justify-content-xs-end {
        justify-content: flex-end !important
    }

    .justify-content-xs-center {
        justify-content: center !important
    }

    .justify-content-xs-between {
        justify-content: space-between !important
    }

    .justify-content-xs-around {
        justify-content: space-around !important
    }

    .justify-content-xs-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xs-start {
        align-items: flex-start !important
    }

    .align-items-xs-end {
        align-items: flex-end !important
    }

    .align-items-xs-center {
        align-items: center !important
    }

    .align-items-xs-baseline {
        align-items: baseline !important
    }

    .align-items-xs-stretch {
        align-items: stretch !important
    }

    .align-content-xs-start {
        align-content: flex-start !important
    }

    .align-content-xs-end {
        align-content: flex-end !important
    }

    .align-content-xs-center {
        align-content: center !important
    }

    .align-content-xs-between {
        align-content: space-between !important
    }

    .align-content-xs-around {
        align-content: space-around !important
    }

    .align-content-xs-stretch {
        align-content: stretch !important
    }

    .align-self-xs-auto {
        align-self: auto !important
    }

    .align-self-xs-start {
        align-self: flex-start !important
    }

    .align-self-xs-end {
        align-self: flex-end !important
    }

    .align-self-xs-center {
        align-self: center !important
    }

    .align-self-xs-baseline {
        align-self: baseline !important
    }

    .align-self-xs-stretch {
        align-self: stretch !important
    }

    .order-xs-first {
        order: -1 !important
    }

    .order-xs-0 {
        order: 0 !important
    }

    .order-xs-1 {
        order: 1 !important
    }

    .order-xs-2 {
        order: 2 !important
    }

    .order-xs-3 {
        order: 3 !important
    }

    .order-xs-4 {
        order: 4 !important
    }

    .order-xs-5 {
        order: 5 !important
    }

    .order-xs-last {
        order: 6 !important
    }

    .m-xs-0 {
        margin: 0 !important
    }

    .m-xs-1 {
        margin: 4px !important
    }

    .m-xs-2 {
        margin: 8px !important
    }

    .m-xs-3 {
        margin: 16px !important
    }

    .m-xs-4 {
        margin: 24px !important
    }

    .m-xs-5 {
        margin: 32px !important
    }

    .m-xs-6 {
        margin: 48px !important
    }

    .m-xs-7 {
        margin: 80px !important
    }

    .m-xs-auto {
        margin: auto !important
    }

    .mx-xs-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xs-1 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .mx-xs-2 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }

    .mx-xs-3 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }

    .mx-xs-4 {
        margin-right: 24px !important;
        margin-left: 24px !important
    }

    .mx-xs-5 {
        margin-right: 32px !important;
        margin-left: 32px !important
    }

    .mx-xs-6 {
        margin-right: 48px !important;
        margin-left: 48px !important
    }

    .mx-xs-7 {
        margin-right: 80px !important;
        margin-left: 80px !important
    }

    .mx-xs-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xs-1 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .my-xs-2 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .my-xs-3 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .my-xs-4 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .my-xs-5 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .my-xs-6 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .my-xs-7 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .my-xs-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xs-0 {
        margin-top: 0 !important
    }

    .mt-xs-1 {
        margin-top: 4px !important
    }

    .mt-xs-2 {
        margin-top: 8px !important
    }

    .mt-xs-3 {
        margin-top: 16px !important
    }

    .mt-xs-4 {
        margin-top: 24px !important
    }

    .mt-xs-5 {
        margin-top: 32px !important
    }

    .mt-xs-6 {
        margin-top: 48px !important
    }

    .mt-xs-7 {
        margin-top: 80px !important
    }

    .mt-xs-auto {
        margin-top: auto !important
    }

    .me-xs-0 {
        margin-right: 0 !important
    }

    .me-xs-1 {
        margin-right: 4px !important
    }

    .me-xs-2 {
        margin-right: 8px !important
    }

    .me-xs-3 {
        margin-right: 16px !important
    }

    .me-xs-4 {
        margin-right: 24px !important
    }

    .me-xs-5 {
        margin-right: 32px !important
    }

    .me-xs-6 {
        margin-right: 48px !important
    }

    .me-xs-7 {
        margin-right: 80px !important
    }

    .me-xs-auto {
        margin-right: auto !important
    }

    .mb-xs-0 {
        margin-bottom: 0 !important
    }

    .mb-xs-1 {
        margin-bottom: 4px !important
    }

    .mb-xs-2 {
        margin-bottom: 8px !important
    }

    .mb-xs-3 {
        margin-bottom: 16px !important
    }

    .mb-xs-4 {
        margin-bottom: 24px !important
    }

    .mb-xs-5 {
        margin-bottom: 32px !important
    }

    .mb-xs-6 {
        margin-bottom: 48px !important
    }

    .mb-xs-7 {
        margin-bottom: 80px !important
    }

    .mb-xs-auto {
        margin-bottom: auto !important
    }

    .ms-xs-0 {
        margin-left: 0 !important
    }

    .ms-xs-1 {
        margin-left: 4px !important
    }

    .ms-xs-2 {
        margin-left: 8px !important
    }

    .ms-xs-3 {
        margin-left: 16px !important
    }

    .ms-xs-4 {
        margin-left: 24px !important
    }

    .ms-xs-5 {
        margin-left: 32px !important
    }

    .ms-xs-6 {
        margin-left: 48px !important
    }

    .ms-xs-7 {
        margin-left: 80px !important
    }

    .ms-xs-auto {
        margin-left: auto !important
    }

    .p-xs-0 {
        padding: 0 !important
    }

    .p-xs-1 {
        padding: 4px !important
    }

    .p-xs-2 {
        padding: 8px !important
    }

    .p-xs-3 {
        padding: 16px !important
    }

    .p-xs-4 {
        padding: 24px !important
    }

    .p-xs-5 {
        padding: 32px !important
    }

    .p-xs-6 {
        padding: 48px !important
    }

    .p-xs-7 {
        padding: 80px !important
    }

    .px-xs-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xs-1 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .px-xs-2 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .px-xs-3 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .px-xs-4 {
        padding-right: 24px !important;
        padding-left: 24px !important
    }

    .px-xs-5 {
        padding-right: 32px !important;
        padding-left: 32px !important
    }

    .px-xs-6 {
        padding-right: 48px !important;
        padding-left: 48px !important
    }

    .px-xs-7 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .py-xs-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xs-1 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .py-xs-2 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .py-xs-3 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .py-xs-4 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .py-xs-5 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .py-xs-6 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .py-xs-7 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pt-xs-0 {
        padding-top: 0 !important
    }

    .pt-xs-1 {
        padding-top: 4px !important
    }

    .pt-xs-2 {
        padding-top: 8px !important
    }

    .pt-xs-3 {
        padding-top: 16px !important
    }

    .pt-xs-4 {
        padding-top: 24px !important
    }

    .pt-xs-5 {
        padding-top: 32px !important
    }

    .pt-xs-6 {
        padding-top: 48px !important
    }

    .pt-xs-7 {
        padding-top: 80px !important
    }

    .pe-xs-0 {
        padding-right: 0 !important
    }

    .pe-xs-1 {
        padding-right: 4px !important
    }

    .pe-xs-2 {
        padding-right: 8px !important
    }

    .pe-xs-3 {
        padding-right: 16px !important
    }

    .pe-xs-4 {
        padding-right: 24px !important
    }

    .pe-xs-5 {
        padding-right: 32px !important
    }

    .pe-xs-6 {
        padding-right: 48px !important
    }

    .pe-xs-7 {
        padding-right: 80px !important
    }

    .pb-xs-0 {
        padding-bottom: 0 !important
    }

    .pb-xs-1 {
        padding-bottom: 4px !important
    }

    .pb-xs-2 {
        padding-bottom: 8px !important
    }

    .pb-xs-3 {
        padding-bottom: 16px !important
    }

    .pb-xs-4 {
        padding-bottom: 24px !important
    }

    .pb-xs-5 {
        padding-bottom: 32px !important
    }

    .pb-xs-6 {
        padding-bottom: 48px !important
    }

    .pb-xs-7 {
        padding-bottom: 80px !important
    }

    .ps-xs-0 {
        padding-left: 0 !important
    }

    .ps-xs-1 {
        padding-left: 4px !important
    }

    .ps-xs-2 {
        padding-left: 8px !important
    }

    .ps-xs-3 {
        padding-left: 16px !important
    }

    .ps-xs-4 {
        padding-left: 24px !important
    }

    .ps-xs-5 {
        padding-left: 32px !important
    }

    .ps-xs-6 {
        padding-left: 48px !important
    }

    .ps-xs-7 {
        padding-left: 80px !important
    }

    .gap-xs-0 {
        gap: 0 !important
    }

    .gap-xs-1 {
        gap: 4px !important
    }

    .gap-xs-2 {
        gap: 8px !important
    }

    .gap-xs-3 {
        gap: 16px !important
    }

    .gap-xs-4 {
        gap: 24px !important
    }

    .gap-xs-5 {
        gap: 32px !important
    }

    .gap-xs-6 {
        gap: 48px !important
    }

    .gap-xs-7 {
        gap: 80px !important
    }

    .text-xs-start {
        text-align: left !important
    }

    .text-xs-end {
        text-align: right !important
    }

    .text-xs-center {
        text-align: center !important
    }
}

@media (min-width: 520px) {
    .float-sm-start {
        float:left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: 4px !important
    }

    .m-sm-2 {
        margin: 8px !important
    }

    .m-sm-3 {
        margin: 16px !important
    }

    .m-sm-4 {
        margin: 24px !important
    }

    .m-sm-5 {
        margin: 32px !important
    }

    .m-sm-6 {
        margin: 48px !important
    }

    .m-sm-7 {
        margin: 80px !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .mx-sm-2 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }

    .mx-sm-3 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }

    .mx-sm-4 {
        margin-right: 24px !important;
        margin-left: 24px !important
    }

    .mx-sm-5 {
        margin-right: 32px !important;
        margin-left: 32px !important
    }

    .mx-sm-6 {
        margin-right: 48px !important;
        margin-left: 48px !important
    }

    .mx-sm-7 {
        margin-right: 80px !important;
        margin-left: 80px !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .my-sm-2 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .my-sm-3 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .my-sm-4 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .my-sm-5 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .my-sm-6 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .my-sm-7 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: 4px !important
    }

    .mt-sm-2 {
        margin-top: 8px !important
    }

    .mt-sm-3 {
        margin-top: 16px !important
    }

    .mt-sm-4 {
        margin-top: 24px !important
    }

    .mt-sm-5 {
        margin-top: 32px !important
    }

    .mt-sm-6 {
        margin-top: 48px !important
    }

    .mt-sm-7 {
        margin-top: 80px !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: 4px !important
    }

    .me-sm-2 {
        margin-right: 8px !important
    }

    .me-sm-3 {
        margin-right: 16px !important
    }

    .me-sm-4 {
        margin-right: 24px !important
    }

    .me-sm-5 {
        margin-right: 32px !important
    }

    .me-sm-6 {
        margin-right: 48px !important
    }

    .me-sm-7 {
        margin-right: 80px !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: 4px !important
    }

    .mb-sm-2 {
        margin-bottom: 8px !important
    }

    .mb-sm-3 {
        margin-bottom: 16px !important
    }

    .mb-sm-4 {
        margin-bottom: 24px !important
    }

    .mb-sm-5 {
        margin-bottom: 32px !important
    }

    .mb-sm-6 {
        margin-bottom: 48px !important
    }

    .mb-sm-7 {
        margin-bottom: 80px !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: 4px !important
    }

    .ms-sm-2 {
        margin-left: 8px !important
    }

    .ms-sm-3 {
        margin-left: 16px !important
    }

    .ms-sm-4 {
        margin-left: 24px !important
    }

    .ms-sm-5 {
        margin-left: 32px !important
    }

    .ms-sm-6 {
        margin-left: 48px !important
    }

    .ms-sm-7 {
        margin-left: 80px !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: 4px !important
    }

    .p-sm-2 {
        padding: 8px !important
    }

    .p-sm-3 {
        padding: 16px !important
    }

    .p-sm-4 {
        padding: 24px !important
    }

    .p-sm-5 {
        padding: 32px !important
    }

    .p-sm-6 {
        padding: 48px !important
    }

    .p-sm-7 {
        padding: 80px !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .px-sm-2 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .px-sm-3 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .px-sm-4 {
        padding-right: 24px !important;
        padding-left: 24px !important
    }

    .px-sm-5 {
        padding-right: 32px !important;
        padding-left: 32px !important
    }

    .px-sm-6 {
        padding-right: 48px !important;
        padding-left: 48px !important
    }

    .px-sm-7 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .py-sm-2 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .py-sm-3 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .py-sm-4 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .py-sm-5 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .py-sm-6 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .py-sm-7 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: 4px !important
    }

    .pt-sm-2 {
        padding-top: 8px !important
    }

    .pt-sm-3 {
        padding-top: 16px !important
    }

    .pt-sm-4 {
        padding-top: 24px !important
    }

    .pt-sm-5 {
        padding-top: 32px !important
    }

    .pt-sm-6 {
        padding-top: 48px !important
    }

    .pt-sm-7 {
        padding-top: 80px !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: 4px !important
    }

    .pe-sm-2 {
        padding-right: 8px !important
    }

    .pe-sm-3 {
        padding-right: 16px !important
    }

    .pe-sm-4 {
        padding-right: 24px !important
    }

    .pe-sm-5 {
        padding-right: 32px !important
    }

    .pe-sm-6 {
        padding-right: 48px !important
    }

    .pe-sm-7 {
        padding-right: 80px !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: 4px !important
    }

    .pb-sm-2 {
        padding-bottom: 8px !important
    }

    .pb-sm-3 {
        padding-bottom: 16px !important
    }

    .pb-sm-4 {
        padding-bottom: 24px !important
    }

    .pb-sm-5 {
        padding-bottom: 32px !important
    }

    .pb-sm-6 {
        padding-bottom: 48px !important
    }

    .pb-sm-7 {
        padding-bottom: 80px !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: 4px !important
    }

    .ps-sm-2 {
        padding-left: 8px !important
    }

    .ps-sm-3 {
        padding-left: 16px !important
    }

    .ps-sm-4 {
        padding-left: 24px !important
    }

    .ps-sm-5 {
        padding-left: 32px !important
    }

    .ps-sm-6 {
        padding-left: 48px !important
    }

    .ps-sm-7 {
        padding-left: 80px !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: 4px !important
    }

    .gap-sm-2 {
        gap: 8px !important
    }

    .gap-sm-3 {
        gap: 16px !important
    }

    .gap-sm-4 {
        gap: 24px !important
    }

    .gap-sm-5 {
        gap: 32px !important
    }

    .gap-sm-6 {
        gap: 48px !important
    }

    .gap-sm-7 {
        gap: 80px !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: 4px !important
    }

    .m-md-2 {
        margin: 8px !important
    }

    .m-md-3 {
        margin: 16px !important
    }

    .m-md-4 {
        margin: 24px !important
    }

    .m-md-5 {
        margin: 32px !important
    }

    .m-md-6 {
        margin: 48px !important
    }

    .m-md-7 {
        margin: 80px !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .mx-md-2 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }

    .mx-md-3 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }

    .mx-md-4 {
        margin-right: 24px !important;
        margin-left: 24px !important
    }

    .mx-md-5 {
        margin-right: 32px !important;
        margin-left: 32px !important
    }

    .mx-md-6 {
        margin-right: 48px !important;
        margin-left: 48px !important
    }

    .mx-md-7 {
        margin-right: 80px !important;
        margin-left: 80px !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .my-md-2 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .my-md-3 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .my-md-4 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .my-md-5 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .my-md-6 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .my-md-7 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: 4px !important
    }

    .mt-md-2 {
        margin-top: 8px !important
    }

    .mt-md-3 {
        margin-top: 16px !important
    }

    .mt-md-4 {
        margin-top: 24px !important
    }

    .mt-md-5 {
        margin-top: 32px !important
    }

    .mt-md-6 {
        margin-top: 48px !important
    }

    .mt-md-7 {
        margin-top: 80px !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: 4px !important
    }

    .me-md-2 {
        margin-right: 8px !important
    }

    .me-md-3 {
        margin-right: 16px !important
    }

    .me-md-4 {
        margin-right: 24px !important
    }

    .me-md-5 {
        margin-right: 32px !important
    }

    .me-md-6 {
        margin-right: 48px !important
    }

    .me-md-7 {
        margin-right: 80px !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: 4px !important
    }

    .mb-md-2 {
        margin-bottom: 8px !important
    }

    .mb-md-3 {
        margin-bottom: 16px !important
    }

    .mb-md-4 {
        margin-bottom: 24px !important
    }

    .mb-md-5 {
        margin-bottom: 32px !important
    }

    .mb-md-6 {
        margin-bottom: 48px !important
    }

    .mb-md-7 {
        margin-bottom: 80px !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: 4px !important
    }

    .ms-md-2 {
        margin-left: 8px !important
    }

    .ms-md-3 {
        margin-left: 16px !important
    }

    .ms-md-4 {
        margin-left: 24px !important
    }

    .ms-md-5 {
        margin-left: 32px !important
    }

    .ms-md-6 {
        margin-left: 48px !important
    }

    .ms-md-7 {
        margin-left: 80px !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: 4px !important
    }

    .p-md-2 {
        padding: 8px !important
    }

    .p-md-3 {
        padding: 16px !important
    }

    .p-md-4 {
        padding: 24px !important
    }

    .p-md-5 {
        padding: 32px !important
    }

    .p-md-6 {
        padding: 48px !important
    }

    .p-md-7 {
        padding: 80px !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .px-md-2 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .px-md-3 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .px-md-4 {
        padding-right: 24px !important;
        padding-left: 24px !important
    }

    .px-md-5 {
        padding-right: 32px !important;
        padding-left: 32px !important
    }

    .px-md-6 {
        padding-right: 48px !important;
        padding-left: 48px !important
    }

    .px-md-7 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .py-md-2 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .py-md-3 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .py-md-4 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .py-md-5 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .py-md-6 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .py-md-7 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: 4px !important
    }

    .pt-md-2 {
        padding-top: 8px !important
    }

    .pt-md-3 {
        padding-top: 16px !important
    }

    .pt-md-4 {
        padding-top: 24px !important
    }

    .pt-md-5 {
        padding-top: 32px !important
    }

    .pt-md-6 {
        padding-top: 48px !important
    }

    .pt-md-7 {
        padding-top: 80px !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: 4px !important
    }

    .pe-md-2 {
        padding-right: 8px !important
    }

    .pe-md-3 {
        padding-right: 16px !important
    }

    .pe-md-4 {
        padding-right: 24px !important
    }

    .pe-md-5 {
        padding-right: 32px !important
    }

    .pe-md-6 {
        padding-right: 48px !important
    }

    .pe-md-7 {
        padding-right: 80px !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: 4px !important
    }

    .pb-md-2 {
        padding-bottom: 8px !important
    }

    .pb-md-3 {
        padding-bottom: 16px !important
    }

    .pb-md-4 {
        padding-bottom: 24px !important
    }

    .pb-md-5 {
        padding-bottom: 32px !important
    }

    .pb-md-6 {
        padding-bottom: 48px !important
    }

    .pb-md-7 {
        padding-bottom: 80px !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: 4px !important
    }

    .ps-md-2 {
        padding-left: 8px !important
    }

    .ps-md-3 {
        padding-left: 16px !important
    }

    .ps-md-4 {
        padding-left: 24px !important
    }

    .ps-md-5 {
        padding-left: 32px !important
    }

    .ps-md-6 {
        padding-left: 48px !important
    }

    .ps-md-7 {
        padding-left: 80px !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: 4px !important
    }

    .gap-md-2 {
        gap: 8px !important
    }

    .gap-md-3 {
        gap: 16px !important
    }

    .gap-md-4 {
        gap: 24px !important
    }

    .gap-md-5 {
        gap: 32px !important
    }

    .gap-md-6 {
        gap: 48px !important
    }

    .gap-md-7 {
        gap: 80px !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: 4px !important
    }

    .m-lg-2 {
        margin: 8px !important
    }

    .m-lg-3 {
        margin: 16px !important
    }

    .m-lg-4 {
        margin: 24px !important
    }

    .m-lg-5 {
        margin: 32px !important
    }

    .m-lg-6 {
        margin: 48px !important
    }

    .m-lg-7 {
        margin: 80px !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .mx-lg-2 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }

    .mx-lg-3 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }

    .mx-lg-4 {
        margin-right: 24px !important;
        margin-left: 24px !important
    }

    .mx-lg-5 {
        margin-right: 32px !important;
        margin-left: 32px !important
    }

    .mx-lg-6 {
        margin-right: 48px !important;
        margin-left: 48px !important
    }

    .mx-lg-7 {
        margin-right: 80px !important;
        margin-left: 80px !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .my-lg-2 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .my-lg-3 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .my-lg-4 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .my-lg-5 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .my-lg-6 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .my-lg-7 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: 4px !important
    }

    .mt-lg-2 {
        margin-top: 8px !important
    }

    .mt-lg-3 {
        margin-top: 16px !important
    }

    .mt-lg-4 {
        margin-top: 24px !important
    }

    .mt-lg-5 {
        margin-top: 32px !important
    }

    .mt-lg-6 {
        margin-top: 48px !important
    }

    .mt-lg-7 {
        margin-top: 80px !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: 4px !important
    }

    .me-lg-2 {
        margin-right: 8px !important
    }

    .me-lg-3 {
        margin-right: 16px !important
    }

    .me-lg-4 {
        margin-right: 24px !important
    }

    .me-lg-5 {
        margin-right: 32px !important
    }

    .me-lg-6 {
        margin-right: 48px !important
    }

    .me-lg-7 {
        margin-right: 80px !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: 4px !important
    }

    .mb-lg-2 {
        margin-bottom: 8px !important
    }

    .mb-lg-3 {
        margin-bottom: 16px !important
    }

    .mb-lg-4 {
        margin-bottom: 24px !important
    }

    .mb-lg-5 {
        margin-bottom: 32px !important
    }

    .mb-lg-6 {
        margin-bottom: 48px !important
    }

    .mb-lg-7 {
        margin-bottom: 80px !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: 4px !important
    }

    .ms-lg-2 {
        margin-left: 8px !important
    }

    .ms-lg-3 {
        margin-left: 16px !important
    }

    .ms-lg-4 {
        margin-left: 24px !important
    }

    .ms-lg-5 {
        margin-left: 32px !important
    }

    .ms-lg-6 {
        margin-left: 48px !important
    }

    .ms-lg-7 {
        margin-left: 80px !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: 4px !important
    }

    .p-lg-2 {
        padding: 8px !important
    }

    .p-lg-3 {
        padding: 16px !important
    }

    .p-lg-4 {
        padding: 24px !important
    }

    .p-lg-5 {
        padding: 32px !important
    }

    .p-lg-6 {
        padding: 48px !important
    }

    .p-lg-7 {
        padding: 80px !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .px-lg-2 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .px-lg-3 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .px-lg-4 {
        padding-right: 24px !important;
        padding-left: 24px !important
    }

    .px-lg-5 {
        padding-right: 32px !important;
        padding-left: 32px !important
    }

    .px-lg-6 {
        padding-right: 48px !important;
        padding-left: 48px !important
    }

    .px-lg-7 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .py-lg-2 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .py-lg-3 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .py-lg-4 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .py-lg-5 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .py-lg-6 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .py-lg-7 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: 4px !important
    }

    .pt-lg-2 {
        padding-top: 8px !important
    }

    .pt-lg-3 {
        padding-top: 16px !important
    }

    .pt-lg-4 {
        padding-top: 24px !important
    }

    .pt-lg-5 {
        padding-top: 32px !important
    }

    .pt-lg-6 {
        padding-top: 48px !important
    }

    .pt-lg-7 {
        padding-top: 80px !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: 4px !important
    }

    .pe-lg-2 {
        padding-right: 8px !important
    }

    .pe-lg-3 {
        padding-right: 16px !important
    }

    .pe-lg-4 {
        padding-right: 24px !important
    }

    .pe-lg-5 {
        padding-right: 32px !important
    }

    .pe-lg-6 {
        padding-right: 48px !important
    }

    .pe-lg-7 {
        padding-right: 80px !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: 4px !important
    }

    .pb-lg-2 {
        padding-bottom: 8px !important
    }

    .pb-lg-3 {
        padding-bottom: 16px !important
    }

    .pb-lg-4 {
        padding-bottom: 24px !important
    }

    .pb-lg-5 {
        padding-bottom: 32px !important
    }

    .pb-lg-6 {
        padding-bottom: 48px !important
    }

    .pb-lg-7 {
        padding-bottom: 80px !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: 4px !important
    }

    .ps-lg-2 {
        padding-left: 8px !important
    }

    .ps-lg-3 {
        padding-left: 16px !important
    }

    .ps-lg-4 {
        padding-left: 24px !important
    }

    .ps-lg-5 {
        padding-left: 32px !important
    }

    .ps-lg-6 {
        padding-left: 48px !important
    }

    .ps-lg-7 {
        padding-left: 80px !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: 4px !important
    }

    .gap-lg-2 {
        gap: 8px !important
    }

    .gap-lg-3 {
        gap: 16px !important
    }

    .gap-lg-4 {
        gap: 24px !important
    }

    .gap-lg-5 {
        gap: 32px !important
    }

    .gap-lg-6 {
        gap: 48px !important
    }

    .gap-lg-7 {
        gap: 80px !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: 4px !important
    }

    .m-xl-2 {
        margin: 8px !important
    }

    .m-xl-3 {
        margin: 16px !important
    }

    .m-xl-4 {
        margin: 24px !important
    }

    .m-xl-5 {
        margin: 32px !important
    }

    .m-xl-6 {
        margin: 48px !important
    }

    .m-xl-7 {
        margin: 80px !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .mx-xl-2 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }

    .mx-xl-3 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }

    .mx-xl-4 {
        margin-right: 24px !important;
        margin-left: 24px !important
    }

    .mx-xl-5 {
        margin-right: 32px !important;
        margin-left: 32px !important
    }

    .mx-xl-6 {
        margin-right: 48px !important;
        margin-left: 48px !important
    }

    .mx-xl-7 {
        margin-right: 80px !important;
        margin-left: 80px !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .my-xl-2 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .my-xl-3 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .my-xl-4 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .my-xl-5 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .my-xl-6 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .my-xl-7 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: 4px !important
    }

    .mt-xl-2 {
        margin-top: 8px !important
    }

    .mt-xl-3 {
        margin-top: 16px !important
    }

    .mt-xl-4 {
        margin-top: 24px !important
    }

    .mt-xl-5 {
        margin-top: 32px !important
    }

    .mt-xl-6 {
        margin-top: 48px !important
    }

    .mt-xl-7 {
        margin-top: 80px !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: 4px !important
    }

    .me-xl-2 {
        margin-right: 8px !important
    }

    .me-xl-3 {
        margin-right: 16px !important
    }

    .me-xl-4 {
        margin-right: 24px !important
    }

    .me-xl-5 {
        margin-right: 32px !important
    }

    .me-xl-6 {
        margin-right: 48px !important
    }

    .me-xl-7 {
        margin-right: 80px !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: 4px !important
    }

    .mb-xl-2 {
        margin-bottom: 8px !important
    }

    .mb-xl-3 {
        margin-bottom: 16px !important
    }

    .mb-xl-4 {
        margin-bottom: 24px !important
    }

    .mb-xl-5 {
        margin-bottom: 32px !important
    }

    .mb-xl-6 {
        margin-bottom: 48px !important
    }

    .mb-xl-7 {
        margin-bottom: 80px !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: 4px !important
    }

    .ms-xl-2 {
        margin-left: 8px !important
    }

    .ms-xl-3 {
        margin-left: 16px !important
    }

    .ms-xl-4 {
        margin-left: 24px !important
    }

    .ms-xl-5 {
        margin-left: 32px !important
    }

    .ms-xl-6 {
        margin-left: 48px !important
    }

    .ms-xl-7 {
        margin-left: 80px !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: 4px !important
    }

    .p-xl-2 {
        padding: 8px !important
    }

    .p-xl-3 {
        padding: 16px !important
    }

    .p-xl-4 {
        padding: 24px !important
    }

    .p-xl-5 {
        padding: 32px !important
    }

    .p-xl-6 {
        padding: 48px !important
    }

    .p-xl-7 {
        padding: 80px !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .px-xl-2 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .px-xl-3 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .px-xl-4 {
        padding-right: 24px !important;
        padding-left: 24px !important
    }

    .px-xl-5 {
        padding-right: 32px !important;
        padding-left: 32px !important
    }

    .px-xl-6 {
        padding-right: 48px !important;
        padding-left: 48px !important
    }

    .px-xl-7 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .py-xl-2 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .py-xl-3 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .py-xl-4 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .py-xl-5 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .py-xl-6 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .py-xl-7 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: 4px !important
    }

    .pt-xl-2 {
        padding-top: 8px !important
    }

    .pt-xl-3 {
        padding-top: 16px !important
    }

    .pt-xl-4 {
        padding-top: 24px !important
    }

    .pt-xl-5 {
        padding-top: 32px !important
    }

    .pt-xl-6 {
        padding-top: 48px !important
    }

    .pt-xl-7 {
        padding-top: 80px !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: 4px !important
    }

    .pe-xl-2 {
        padding-right: 8px !important
    }

    .pe-xl-3 {
        padding-right: 16px !important
    }

    .pe-xl-4 {
        padding-right: 24px !important
    }

    .pe-xl-5 {
        padding-right: 32px !important
    }

    .pe-xl-6 {
        padding-right: 48px !important
    }

    .pe-xl-7 {
        padding-right: 80px !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: 4px !important
    }

    .pb-xl-2 {
        padding-bottom: 8px !important
    }

    .pb-xl-3 {
        padding-bottom: 16px !important
    }

    .pb-xl-4 {
        padding-bottom: 24px !important
    }

    .pb-xl-5 {
        padding-bottom: 32px !important
    }

    .pb-xl-6 {
        padding-bottom: 48px !important
    }

    .pb-xl-7 {
        padding-bottom: 80px !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: 4px !important
    }

    .ps-xl-2 {
        padding-left: 8px !important
    }

    .ps-xl-3 {
        padding-left: 16px !important
    }

    .ps-xl-4 {
        padding-left: 24px !important
    }

    .ps-xl-5 {
        padding-left: 32px !important
    }

    .ps-xl-6 {
        padding-left: 48px !important
    }

    .ps-xl-7 {
        padding-left: 80px !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: 4px !important
    }

    .gap-xl-2 {
        gap: 8px !important
    }

    .gap-xl-3 {
        gap: 16px !important
    }

    .gap-xl-4 {
        gap: 24px !important
    }

    .gap-xl-5 {
        gap: 32px !important
    }

    .gap-xl-6 {
        gap: 48px !important
    }

    .gap-xl-7 {
        gap: 80px !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width: 1600px) {
    .float-xxl-start {
        float:left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: 4px !important
    }

    .m-xxl-2 {
        margin: 8px !important
    }

    .m-xxl-3 {
        margin: 16px !important
    }

    .m-xxl-4 {
        margin: 24px !important
    }

    .m-xxl-5 {
        margin: 32px !important
    }

    .m-xxl-6 {
        margin: 48px !important
    }

    .m-xxl-7 {
        margin: 80px !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .mx-xxl-2 {
        margin-right: 8px !important;
        margin-left: 8px !important
    }

    .mx-xxl-3 {
        margin-right: 16px !important;
        margin-left: 16px !important
    }

    .mx-xxl-4 {
        margin-right: 24px !important;
        margin-left: 24px !important
    }

    .mx-xxl-5 {
        margin-right: 32px !important;
        margin-left: 32px !important
    }

    .mx-xxl-6 {
        margin-right: 48px !important;
        margin-left: 48px !important
    }

    .mx-xxl-7 {
        margin-right: 80px !important;
        margin-left: 80px !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .my-xxl-2 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .my-xxl-3 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .my-xxl-4 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .my-xxl-5 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .my-xxl-6 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .my-xxl-7 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: 4px !important
    }

    .mt-xxl-2 {
        margin-top: 8px !important
    }

    .mt-xxl-3 {
        margin-top: 16px !important
    }

    .mt-xxl-4 {
        margin-top: 24px !important
    }

    .mt-xxl-5 {
        margin-top: 32px !important
    }

    .mt-xxl-6 {
        margin-top: 48px !important
    }

    .mt-xxl-7 {
        margin-top: 80px !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: 4px !important
    }

    .me-xxl-2 {
        margin-right: 8px !important
    }

    .me-xxl-3 {
        margin-right: 16px !important
    }

    .me-xxl-4 {
        margin-right: 24px !important
    }

    .me-xxl-5 {
        margin-right: 32px !important
    }

    .me-xxl-6 {
        margin-right: 48px !important
    }

    .me-xxl-7 {
        margin-right: 80px !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: 4px !important
    }

    .mb-xxl-2 {
        margin-bottom: 8px !important
    }

    .mb-xxl-3 {
        margin-bottom: 16px !important
    }

    .mb-xxl-4 {
        margin-bottom: 24px !important
    }

    .mb-xxl-5 {
        margin-bottom: 32px !important
    }

    .mb-xxl-6 {
        margin-bottom: 48px !important
    }

    .mb-xxl-7 {
        margin-bottom: 80px !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: 4px !important
    }

    .ms-xxl-2 {
        margin-left: 8px !important
    }

    .ms-xxl-3 {
        margin-left: 16px !important
    }

    .ms-xxl-4 {
        margin-left: 24px !important
    }

    .ms-xxl-5 {
        margin-left: 32px !important
    }

    .ms-xxl-6 {
        margin-left: 48px !important
    }

    .ms-xxl-7 {
        margin-left: 80px !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: 4px !important
    }

    .p-xxl-2 {
        padding: 8px !important
    }

    .p-xxl-3 {
        padding: 16px !important
    }

    .p-xxl-4 {
        padding: 24px !important
    }

    .p-xxl-5 {
        padding: 32px !important
    }

    .p-xxl-6 {
        padding: 48px !important
    }

    .p-xxl-7 {
        padding: 80px !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .px-xxl-2 {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .px-xxl-3 {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .px-xxl-4 {
        padding-right: 24px !important;
        padding-left: 24px !important
    }

    .px-xxl-5 {
        padding-right: 32px !important;
        padding-left: 32px !important
    }

    .px-xxl-6 {
        padding-right: 48px !important;
        padding-left: 48px !important
    }

    .px-xxl-7 {
        padding-right: 80px !important;
        padding-left: 80px !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .py-xxl-2 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .py-xxl-3 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .py-xxl-4 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .py-xxl-5 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .py-xxl-6 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .py-xxl-7 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: 4px !important
    }

    .pt-xxl-2 {
        padding-top: 8px !important
    }

    .pt-xxl-3 {
        padding-top: 16px !important
    }

    .pt-xxl-4 {
        padding-top: 24px !important
    }

    .pt-xxl-5 {
        padding-top: 32px !important
    }

    .pt-xxl-6 {
        padding-top: 48px !important
    }

    .pt-xxl-7 {
        padding-top: 80px !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: 4px !important
    }

    .pe-xxl-2 {
        padding-right: 8px !important
    }

    .pe-xxl-3 {
        padding-right: 16px !important
    }

    .pe-xxl-4 {
        padding-right: 24px !important
    }

    .pe-xxl-5 {
        padding-right: 32px !important
    }

    .pe-xxl-6 {
        padding-right: 48px !important
    }

    .pe-xxl-7 {
        padding-right: 80px !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: 4px !important
    }

    .pb-xxl-2 {
        padding-bottom: 8px !important
    }

    .pb-xxl-3 {
        padding-bottom: 16px !important
    }

    .pb-xxl-4 {
        padding-bottom: 24px !important
    }

    .pb-xxl-5 {
        padding-bottom: 32px !important
    }

    .pb-xxl-6 {
        padding-bottom: 48px !important
    }

    .pb-xxl-7 {
        padding-bottom: 80px !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: 4px !important
    }

    .ps-xxl-2 {
        padding-left: 8px !important
    }

    .ps-xxl-3 {
        padding-left: 16px !important
    }

    .ps-xxl-4 {
        padding-left: 24px !important
    }

    .ps-xxl-5 {
        padding-left: 32px !important
    }

    .ps-xxl-6 {
        padding-left: 48px !important
    }

    .ps-xxl-7 {
        padding-left: 80px !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: 4px !important
    }

    .gap-xxl-2 {
        gap: 8px !important
    }

    .gap-xxl-3 {
        gap: 16px !important
    }

    .gap-xxl-4 {
        gap: 24px !important
    }

    .gap-xxl-5 {
        gap: 32px !important
    }

    .gap-xxl-6 {
        gap: 48px !important
    }

    .gap-xxl-7 {
        gap: 80px !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

@keyframes cloud-grow {
    0% {
        opacity: 1;
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

@media (max-width: 767.98px) {
    body {
        -webkit-user-select:none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    a {
        -webkit-touch-callout: none
    }
}

img {
    color: transparent
}

img,svg {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none
}

sup,sub {
    font-size: 65%;
    top: -0.5em;
    position: relative;
    vertical-align: baseline;
    line-height: 0
}

p:last-child {
    margin-bottom: 0
}

.sticky-top {
    z-index: 50
}

.accordion .accordion-item .accordion-button:after {
    box-sizing: content-box;
    border: 1px solid;
    border-color: transparent;
    border-radius: 20px
}

.accordion .accordion-item .accordion-button:not(.collapsed):after,.accordion .accordion-item .accordion-button:hover:after {
    transition: border-color 0.25s linear;
    border-color: #2DA3ED
}

.accordion .accordion-item:not(.accordion-item--first) {
    border-top: 1px solid #d7dbde
}

.accordion .accordion-item--active>.accordion-header>.accordion-button>.title>.end>.hidable {
    display: none
}

.accordion .accordion-item .accordion-header .accordion-button {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif
}

.accordion .accordion-item .accordion-header .accordion-button .tag--yes-no {
    margin-right: 10px
}

.accordion .accordion-item .accordion-header .accordion-button>span {
    width: 100%
}

.accordion .accordion-item .accordion-header .accordion-button .title {
    display: flex;
    align-items: center;
    width: 100%
}

.accordion .accordion-item .accordion-header .accordion-button .title .content {
    flex-grow: 1
}

.accordion .accordion-item .accordion-header .accordion-button .title .content .description {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #5f707c
}

@media (min-width: 385px) {
    .accordion .accordion-item .accordion-header .accordion-button .title .content .description {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .accordion .accordion-item .accordion-header .accordion-button .title .content .description {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .accordion .accordion-item .accordion-header .accordion-button .title .content .description {
        font-size:16px
    }
}

.accordion .accordion-item .accordion-header .accordion-button .title .start {
    margin-right: 12px
}

.accordion .accordion-item .accordion-header .accordion-button .title .start>img {
    height: 24px;
    width: 24px
}

.accordion .accordion-item .accordion-header .accordion-button .title .start>svg.icon {
    color: #2DA3ED;
    height: 24px;
    width: 24px
}

.accordion .accordion-item .accordion-header .accordion-button .title .end {
    margin-left: auto;
    margin-right: 10px
}

.accordion--border {
    border: 1px solid #d7dbde;
    border-radius: 12px;
    margin: 1rem 0 !important;
    overflow: hidden;
    background: white
}

.accordion--border>.accordion-item--active>.accordion-header {
    background: #cde9fb
}

.accordion--minimalist .accordion-item {
    border-top: none !important
}

.accordion--minimalist .accordion-item .accordion-header .accordion-button {
    padding: 3px 0
}

.accordion--minimalist .accordion-item .accordion-header .accordion-button .title {
    color: #2DA3ED;
    font-weight: normal;
    width: -moz-fit-content;
    width: fit-content;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    border-bottom: 1px dotted #2DA3ED
}

.accordion--minimalist .accordion-item .accordion-header .accordion-button:after {
    margin-left: 12px
}

.accordion--minimalist .accordion-item .accordion-collapse .accordion-body {
    padding: 12px 12px
}

.accordion--floating .accordion-item {
    border: none !important;
    margin-bottom: 0.5rem
}

.accordion--floating .accordion-item .accordion-header {
    background: #eef8fe;
    border-radius: 1rem;
    line-height: 1.25rem
}

.accordion--floating .accordion-item .accordion-header button {
    padding: 1rem 0.75rem
}

.accordion--floating .accordion-item .accordion-body {
    padding: 1rem 0.75rem;
    line-height: 1.75rem
}

.accordion--floating--small .accordion-item .accordion-header .accordion-button .title {
    font-size: 0.875em !important
}

.accordion--floating--small .accordion-collapse .accordion-body {
    font-size: 0.875em !important
}

.accordion--blue .accordion-item {
    background-color: #cde9fb;
    margin-bottom: 8px;
    border-radius: 12px;
    border: none !important
}

.accordion--blue .accordion--white .accordion-item {
    background-color: white
}

.accordion--preview .accordion-item .accordion-header {
    position: relative;
    z-index: 2;
    background: #FFF;
    border-top: 1px solid #DDD
}

.accordion--preview .accordion-collapse.collapse,.accordion--preview .accordion-collapse.collapsing {
    height: 105px;
    display: block
}

.accordion--preview .accordion-collapse.collapse.show {
    height: auto
}

.segment>.accordion.accordion--default,.modal-body>.accordion.accordion--default {
    margin-left: 0;
    margin-right: 0;
    background: transparent
}

.segment>.accordion.accordion--default>.accordion-item>.accordion-header>.accordion-button,.segment>.accordion.accordion--default>.accordion-item>.accordion-collapse>.accordion-body,.segment>.accordion.accordion--default .inner-accordion>.accordion-item>.accordion-header>.accordion-button,.segment>.accordion.accordion--default .inner-accordion>.accordion-item>.accordion-collapse>.accordion-body,.modal-body>.accordion.accordion--default>.accordion-item>.accordion-header>.accordion-button,.modal-body>.accordion.accordion--default>.accordion-item>.accordion-collapse>.accordion-body,.modal-body>.accordion.accordion--default .inner-accordion>.accordion-item>.accordion-header>.accordion-button,.modal-body>.accordion.accordion--default .inner-accordion>.accordion-item>.accordion-collapse>.accordion-body {
    padding-left: 0;
    padding-right: 0
}

.accordion--breakable>.accordion-item:not(.accordion-item--first) {
    position: relative;
    transition: margin 0.3s ease
}

.accordion--breakable>.accordion-item:not(.accordion-item--first):before {
    background: var(--app-background, #E5F0F6);
    position: absolute;
    top: -15px;
    content: '';
    height: 15px;
    display: block;
    width: calc(100% + 2rem);
    left: -1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 3
}

.accordion--breakable>.accordion-item.accordion-item--active:not(.accordion-item--first) {
    margin-top: 10px
}

.accordion--breakable>.accordion-item.accordion-item--active:not(.accordion-item--first):before {
    opacity: 1
}

.accordion--breakable>.accordion-item:not(:last-of-type),.accordion--breakable>.inner-accordion:not(:last-of-type)>.accordion-item {
    position: relative
}

.accordion--breakable>.accordion-item:not(:last-of-type):after,.accordion--breakable>.inner-accordion:not(:last-of-type)>.accordion-item:after {
    background: var(--app-background, #E5F0F6);
    position: absolute;
    bottom: -11px;
    content: '';
    display: block;
    left: -1rem;
    width: calc(100% + 2rem);
    height: 15px;
    opacity: 0;
    transition: opacity, margin 0.3s ease;
    z-index: 3
}

.accordion--breakable>.accordion-item.accordion-item--active:not(:last-of-type),.accordion--breakable>.inner-accordion:not(:last-of-type)>.accordion-item.accordion-item--active {
    margin-bottom: 10px
}

.accordion--breakable>.accordion-item.accordion-item--active:not(:last-of-type):after,.accordion--breakable>.inner-accordion:not(:last-of-type)>.accordion-item.accordion-item--active:after {
    opacity: 1
}

.accordion--breakable .inner-accordion>.accordion-item:not(.accordion-item--first) {
    position: relative;
    transition: margin 0.3s ease
}

.accordion--breakable .inner-accordion>.accordion-item:not(.accordion-item--first):before {
    background: var(--app-background, #E5F0F6);
    position: absolute;
    top: -15px;
    content: '';
    height: 15px;
    display: block;
    width: calc(100% + 2rem);
    left: -1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 3
}

.accordion--breakable .inner-accordion>.accordion-item.accordion-item--active:not(.accordion-item--first) {
    margin-top: 10px
}

.accordion--breakable .inner-accordion>.accordion-item.accordion-item--active:not(.accordion-item--first):before {
    opacity: 1
}

.accordion--breakable .inner-accordion>.accordion-item:not(:last-of-type),.accordion--breakable .inner-accordion>.inner-accordion:not(:last-of-type)>.accordion-item {
    position: relative
}

.accordion--breakable .inner-accordion>.accordion-item:not(:last-of-type):after,.accordion--breakable .inner-accordion>.inner-accordion:not(:last-of-type)>.accordion-item:after {
    background: var(--app-background, #E5F0F6);
    position: absolute;
    bottom: -11px;
    content: '';
    display: block;
    left: -1rem;
    width: calc(100% + 2rem);
    height: 15px;
    opacity: 0;
    transition: opacity, margin 0.3s ease;
    z-index: 3
}

.accordion--breakable .inner-accordion>.accordion-item.accordion-item--active:not(:last-of-type),.accordion--breakable .inner-accordion>.inner-accordion:not(:last-of-type)>.accordion-item.accordion-item--active {
    margin-bottom: 10px
}

.accordion--breakable .inner-accordion>.accordion-item.accordion-item--active:not(:last-of-type):after,.accordion--breakable .inner-accordion>.inner-accordion:not(:last-of-type)>.accordion-item.accordion-item--active:after {
    opacity: 1
}

.segment>.accordion--breakable>.accordion-item:not(.accordion-item--first):before {
    width: calc(100% + 2 * 1.25rem);
    left: -1.25rem
}

@media (min-width: 992px) {
    .segment>.accordion--breakable>.accordion-item:not(.accordion-item--first):before {
        width:calc(100% + 2 * 2rem);
        left: -2rem
    }
}

.segment>.accordion--breakable>.accordion-item:after {
    left: -1.25rem;
    width: calc(100% + 2 * 1.25rem)
}

@media (min-width: 992px) {
    .segment>.accordion--breakable>.accordion-item:after {
        width:calc(100% + 2 * 2rem);
        left: -2rem
    }
}

.segment>.accordion--breakable .inner-accordion>.accordion-item:not(.accordion-item--first):before {
    width: calc(100% + 2 * 1.25rem);
    left: -1.25rem
}

@media (min-width: 992px) {
    .segment>.accordion--breakable .inner-accordion>.accordion-item:not(.accordion-item--first):before {
        width:calc(100% + 2 * 2rem);
        left: -2rem
    }
}

.segment>.accordion--breakable .inner-accordion>.accordion-item:after {
    left: -1.25rem;
    width: calc(100% + 2 * 1.25rem)
}

@media (min-width: 992px) {
    .segment>.accordion--breakable .inner-accordion>.accordion-item:after {
        width:calc(100% + 2 * 2rem);
        left: -2rem
    }
}

.accordion--noindent .accordion-button,.accordion--noindent .accordion-body {
    padding-left: 5px;
    padding-right: 0
}

.accordion--menu,.accordion .accordion-item--menu {
    z-index: 100000
}

.accordion--menu .accordion-item,.accordion .accordion-item--menu .accordion-item {
    border: none !important
}

.accordion--menu .accordion-item .accordion-header .accordion-button,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    width: auto;
    padding: 0
}

@media (min-width: 385px) {
    .accordion--menu .accordion-item .accordion-header .accordion-button,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .accordion--menu .accordion-item .accordion-header .accordion-button,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .accordion--menu .accordion-item .accordion-header .accordion-button,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button {
        font-size:16px
    }
}

.accordion--menu .accordion-item .accordion-header .accordion-button>span,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button>span {
    width: 100%
}

.accordion--menu .accordion-item .accordion-header .accordion-button .title,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button .title {
    display: block;
    border-bottom: 1px dotted transparent;
    padding-bottom: 0 !important
}

.accordion--menu .accordion-item .accordion-header .accordion-button .title .content,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button .title .content {
    display: inline;
    font-size: 14px !important
}

.accordion--menu .accordion-item .accordion-header .accordion-button .title .content:hover,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button .title .content:hover {
    border-bottom: 1px dotted #e84d67
}

.accordion--menu .accordion-item .accordion-header .accordion-button .title .content>a,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button .title .content>a {
    margin-left: 0
}

.accordion--menu .accordion-item .accordion-header .accordion-button .title .content>a:before,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button .title .content>a:before {
    content: "";
    width: 0
}

.accordion--menu .accordion-item .accordion-header .accordion-button:not(.collapsed)::before,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: rotate(0deg)
}

.accordion--menu .accordion-item .accordion-header .accordion-button:before,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button:before {
    transform: rotate(-90deg);
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

.accordion--menu .accordion-item .accordion-header .accordion-button:after,.accordion .accordion-item--menu .accordion-item .accordion-header .accordion-button:after {
    display: none
}

.accordion--menu .accordion-item .accordion-body,.accordion .accordion-item--menu .accordion-item .accordion-body {
    padding: 0 0 0 15px !important;
    display: inline-flex;
    flex-direction: column
}

.accordion--menu .accordion-item .accordion-body p,.accordion .accordion-item--menu .accordion-item .accordion-body p {
    padding: 0;
    font-size: 14px !important
}

.accordion--menu .accordion-item .accordion-body a,.accordion .accordion-item--menu .accordion-item .accordion-body a {
    border-bottom: 1px dotted transparent;
    position: relative;
    margin-left: 24px;
    color: #e84d67;
    font-size: 14px !important
}

.accordion--menu .accordion-item .accordion-body a.current,.accordion .accordion-item--menu .accordion-item .accordion-body a.current {
    border-bottom: 1px solid #333 !important;
    color: #333
}

.accordion--menu .accordion-item .accordion-body a::before,.accordion .accordion-item--menu .accordion-item .accordion-body a::before {
    content: "•";
    width: 24px;
    height: 24px;
    margin-left: -24px;
    text-align: center;
    position: absolute;
    left: 0
}

.accordion--menu .accordion-item .accordion-body a:hover,.accordion .accordion-item--menu .accordion-item .accordion-body a:hover {
    border-bottom: 1px dotted #e84d67
}

.accordion--menu .accordion-item--selected .accordion-header .accordion-button .title,.accordion .accordion-item--menu .accordion-item--selected .accordion-header .accordion-button .title {
    border-bottom: 1px solid #333
}

.accordion.prevent-accordion .accordion-item--active,.accordion.prevent-accordion.accordion-item--active,.accordion .accordion-item.prevent-accordion .accordion-item--active,.accordion .accordion-item.prevent-accordion.accordion-item--active {
    margin-top: 0px;
    margin-bottom: 0px
}

.accordion.prevent-accordion .accordion-item--active::before,.accordion.prevent-accordion .accordion-item--active::after,.accordion.prevent-accordion.accordion-item--active::before,.accordion.prevent-accordion.accordion-item--active::after,.accordion .accordion-item.prevent-accordion .accordion-item--active::before,.accordion .accordion-item.prevent-accordion .accordion-item--active::after,.accordion .accordion-item.prevent-accordion.accordion-item--active::before,.accordion .accordion-item.prevent-accordion.accordion-item--active::after {
    content: none
}

.accordion.prevent-accordion .accordion-button::after,.accordion .accordion-item.prevent-accordion .accordion-button::after {
    content: none
}

.accordion.prevent-accordion .accordion-button,.accordion .accordion-item.prevent-accordion .accordion-button {
    cursor: auto
}

.accordion.prevent-accordion .accordion-body,.accordion .accordion-item.prevent-accordion .accordion-body {
    display: none !important
}

@media (min-width: 992px) {
    .accordion.prevent-lg-accordion .accordion-item--active,.accordion.prevent-lg-accordion.accordion-item--active,.accordion .accordion-item.prevent-lg-accordion .accordion-item--active,.accordion .accordion-item.prevent-lg-accordion.accordion-item--active {
        margin-top:0px;
        margin-bottom: 0px
    }

    .accordion.prevent-lg-accordion .accordion-item--active::before,.accordion.prevent-lg-accordion .accordion-item--active::after,.accordion.prevent-lg-accordion.accordion-item--active::before,.accordion.prevent-lg-accordion.accordion-item--active::after,.accordion .accordion-item.prevent-lg-accordion .accordion-item--active::before,.accordion .accordion-item.prevent-lg-accordion .accordion-item--active::after,.accordion .accordion-item.prevent-lg-accordion.accordion-item--active::before,.accordion .accordion-item.prevent-lg-accordion.accordion-item--active::after {
        content: none
    }

    .accordion.prevent-lg-accordion .accordion-button::after,.accordion .accordion-item.prevent-lg-accordion .accordion-button::after {
        content: none
    }

    .accordion.prevent-lg-accordion .accordion-button,.accordion .accordion-item.prevent-lg-accordion .accordion-button {
        cursor: auto
    }

    .accordion.prevent-lg-accordion .accordion-body,.accordion .accordion-item.prevent-lg-accordion .accordion-body {
        display: none !important
    }
}

.alert {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    position: relative
}

@media (min-width: 768px) {
    .alert {
        margin-left:auto;
        margin-right: auto
    }
}

.alert--small {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .alert--small {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .alert--small {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .alert--small {
        font-size:16px
    }
}

.alert--small p,.alert--small ul,.alert--small li {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .alert--small p,.alert--small ul,.alert--small li {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .alert--small p,.alert--small ul,.alert--small li {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .alert--small p,.alert--small ul,.alert--small li {
        font-size:16px
    }
}

.alert .corner-icon-link {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px
}

.accordion-body>.alert {
    margin-left: auto;
    margin-right: auto
}

.birthday-alert {
    display: flex;
    flex-direction: column;
    text-align: center
}

@media (min-width: 768px) {
    .birthday-alert {
        flex-direction:row;
        text-align: inherit;
        align-items: center
    }
}

.birthday-alert__icon {
    color: #2DA3ED;
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto 15px
}

@media (min-width: 768px) {
    .birthday-alert__icon {
        width:32px !important;
        height: 32px !important;
        margin-right: 15px;
        margin-left: unset;
        margin-bottom: unset
    }
}

.birthday-alert__text {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .birthday-alert__text {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .birthday-alert__text {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .birthday-alert__text {
        font-size:16px
    }
}

.blinking {
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: infinite
}

.blinking.fast {
    animation-duration: 0.5s
}

.blinking.slow {
    animation-duration: 1.5s
}

.blinking.medium {
    animation-name: blinker-medium
}

.blinking--opacity-50 {
    animation-name: blinker-50
}

@keyframes blinker {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: 0.0
    }

    100% {
        opacity: 1.0
    }
}

@keyframes blinker-medium {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1.0
    }
}

@keyframes blinker-50 {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: 0.5
    }

    100% {
        opacity: 1.0
    }
}

blockquote {
    font-style: italic;
    padding: 0px 20px;
    margin: 0px 0 20px;
    border-left: 5px solid #eee;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px
}

@media (min-width: 385px) {
    blockquote {
        font-size:17px
    }
}

@media (min-width: 768px) {
    blockquote {
        font-size:16px
    }
}

@media (min-width: 992px) {
    blockquote {
        font-size:17px
    }
}

blockquote.blockquote--small,blockquote.blockquote--small p {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    blockquote.blockquote--small,blockquote.blockquote--small p {
        font-size:16px
    }
}

@media (min-width: 768px) {
    blockquote.blockquote--small,blockquote.blockquote--small p {
        font-size:15px
    }
}

@media (min-width: 992px) {
    blockquote.blockquote--small,blockquote.blockquote--small p {
        font-size:16px
    }
}

blockquote span.quote-content:before {
    margin-left: 5px;
    margin-right: 5px;
    color: #CCC;
    content: open-quote;
    font-size: 2em;
    line-height: 0.1em
}

blockquote span.quote-content:after {
    margin-right: 5px;
    margin-left: 5px;
    color: #CCC;
    content: close-quote;
    font-size: 2em;
    line-height: 0.1em
}

blockquote span.source {
    margin-left: 20px;
    color: #AAA
}

.bubble-fixed {
    color: #374d5b;
    z-index: 1040;
    position: fixed;
    height: 55px !important;
    width: 55px !important;
    font-size: 27px;
    margin: 0;
    background: rgba(255,255,255,0.85);
    border-radius: 100px;
    box-shadow: 0 0 3px rgba(45,163,237,0.5);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.bubble-fixed svg {
    height: 29px !important;
    width: 29px !important
}

.bubble-fixed__title {
    font-weight: bold;
    width: 100%;
    font-size: 10px;
    text-align: center
}

.bubble-fixed__badge {
    display: none;
    position: absolute;
    top: -7px;
    right: -6px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: white;
    background: #E84D67;
    border-radius: 100%
}

@media (min-width: 768px) {
    .bubble-fixed__badge {
        font-size:12px;
        line-height: 24px;
        width: 24px;
        height: 24px
    }
}

.bubble-fixed__badge--shown {
    display: initial
}

.bubble-fixed--active {
    background: rgba(45,163,237,0.8)
}

.bubble-fixed--active svg {
    color: white
}

.btn {
    width: -moz-fit-content;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    border-radius: 40px;
    padding: 12px 20px;
    height: 40px;
    border: none;
    background-color: unset;
    cursor: pointer;
    box-sizing: border-box
}

@media (min-width: 385px) {
    .btn {
        font-size:15px
    }
}

@media (min-width: 768px) {
    .btn {
        font-size:14px
    }
}

.btn--huge {
    height: unset;
    min-height: 60px;
    padding: 12px 24px;
    font-size: 20px;
    line-height: 26px
}

@media (min-width: 768px) {
    .btn--huge {
        font-size:22px;
        line-height: 28px
    }
}

.btn--huge.btn--left-icon svg {
    margin-right: 12px;
    height: 24px !important;
    width: 24px !important
}

.btn--left-icon svg {
    height: 16px !important;
    width: 16px !important;
    margin-right: 12px;
    flex-shrink: 0
}

.btn--right-icon svg {
    height: 16px !important;
    width: 16px !important;
    margin-left: 12px;
    flex-shrink: 0
}

.btn--icon {
    background-color: #1b4159;
    color: white;
    padding: unset;
    border-radius: 50%;
    width: 40px;
    height: 40px
}

.btn--icon svg {
    height: 16px !important;
    width: 16px !important;
    margin: 0
}

.btn--icon:hover {
    color: white;
    background-color: #153345
}

.btn--icon-bigger svg {
    height: 24px !important;
    width: 24px !important
}

@media (max-width: 767.98px) {
    .btn--icon-mobile {
        background-color:#1b4159;
        color: white;
        padding: unset;
        border-radius: 50%;
        width: 40px;
        height: 40px
    }

    .btn--icon-mobile svg {
        height: 16px !important;
        width: 16px !important;
        margin: 0
    }

    .btn--icon-mobile:hover {
        color: white;
        background-color: #153345
    }
}

.btn--primary {
    background-color: #1b4159;
    color: white
}

.btn--primary:hover {
    color: white;
    background-color: #153345
}

.btn--primary.btn--alert:not(.btn--disabled):not(.btn--tmp-disabled),.btn--primary.btn--danger:not(.btn--disabled):not(.btn--tmp-disabled) {
    background-color: #E84D67;
    color: white
}

.btn--primary.btn--disabled,.btn--primary.btn--tmp-disabled {
    background-color: #d7dbde;
    color: white
}

.btn--primary.btn--validation {
    background-color: #8AC43B;
    color: white
}

.btn--primary.btn--validation:hover {
    color: white;
    background-color: #7cb035
}

.btn--secondary {
    border: 2px solid #1b4159;
    color: #1b4159
}

.btn--secondary:not(.btn--icon) {
    padding-left: 18px;
    padding-right: 18px
}

@media (min-width: 768px) {
    .btn--secondary:not(.btn--icon) {
        padding-left:22px;
        padding-right: 22px
    }
}

.btn--secondary:hover {
    color: #153345;
    border-color: #153345
}

.btn--secondary.btn--alert:not(.btn--disabled):not(.btn--tmp-disabled),.btn--secondary.btn--danger:not(.btn--disabled):not(.btn--tmp-disabled) {
    border: 2px solid #E84D67;
    color: #E84D67
}

.btn--secondary.btn--disabled,.btn--secondary.btn--tmp-disabled {
    border: 2px solid #9ba6ad;
    color: #9ba6ad
}

.btn--secondary.btn--icon {
    background-color: inherit
}

.btn--secondary.btn--validation {
    border: 2px solid #8AC43B;
    color: #8AC43B
}

.btn--secondary.btn--validation:hover {
    color: #74a532;
    border-color: #74a532
}

@media (max-width: 767.98px) {
    .btn--mobile-icon-only {
        padding-left:0 !important;
        padding-right: 0 !important;
        border-radius: 50%;
        width: 40px;
        height: 40px
    }

    .btn--mobile-icon-only svg {
        height: 16px !important;
        width: 16px !important;
        margin: 0
    }

    .btn--mobile-icon-only span {
        display: none
    }
}

.btn--empty {
    border: 1px solid transparent;
    background: transparent;
    color: #1b4159
}

.btn--empty:hover {
    color: #1b4159;
    border: 1px dashed #1b4159;
    background: transparent
}

.btn--empty.btn--alert:not(.btn--disabled):not(.btn--tmp-disabled),.btn--empty.btn--danger:not(.btn--disabled):not(.btn--tmp-disabled) {
    color: #E84D67
}

.btn--empty.btn--alert:not(.btn--disabled):not(.btn--tmp-disabled):hover,.btn--empty.btn--danger:not(.btn--disabled):not(.btn--tmp-disabled):hover {
    border-color: #E84D67
}

.btn--empty.btn--disabled,.btn--empty.btn--tmp-disabled {
    border: none;
    color: #9ba6ad
}

.btn--empty.btn--validation:not(.btn--disabled):not(.btn--tmp-disabled) {
    color: #8AC43B
}

.btn--empty.btn--validation:not(.btn--disabled):not(.btn--tmp-disabled):hover {
    color: #96ca4f;
    border-color: #8AC43B
}

.btn--ghost {
    border: none;
    background: transparent;
    cursor: default
}

.btn--ghost:hover {
    cursor: default;
    border: none;
    background: transparent
}

.btn__social-icon img {
    width: 20px;
    margin-right: 16px
}

.btn--disabled-cursor {
    cursor: default
}

.btn--facebook.btn--primary {
    background-color: #1778f2
}

.btn--facebook.btn--secondary {
    border-color: #1778f2;
    color: #1778f2
}

.btn--facebook.btn--ghost {
    color: #1778f2
}

.btn--link {
    padding: 0;
    height: initial;
    color: #2DA3ED;
    border-radius: unset
}

.btn--filter {
    border-radius: 50vh !important;
    border: 2px solid #BBD1DF;
    font-weight: 700 !important;
    transition: border linear .15s;
    color: #1b4159 !important;
    background: white
}

.btn--filter:hover {
    border: 2px solid #1b4159
}

.buttons-group {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 16px;
    margin-top: 24px
}

.buttons-group.end {
    justify-content: flex-end
}

.modal .buttons-group {
    margin-top: 40px;
    justify-content: center
}

.offcanvas .buttons-group {
    margin-top: 25px;
    justify-content: center
}

.child-select,.checkbox-child-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border: 2px solid #BBD1DF;
    margin-bottom: 10px;
    border-radius: 16px;
    cursor: pointer
}

.child-select__identifier,.checkbox-child-select__identifier {
    display: flex;
    align-items: center;
    justify-content: center
}

.child-select__identifier .avatar,.checkbox-child-select__identifier .avatar {
    width: 42px;
    height: 42px
}

.child-select__identifier img,.checkbox-child-select__identifier img {
    width: 42px;
    height: 42px
}

.child-select__text,.checkbox-child-select__text {
    color: #5f707c;
    margin-left: 15px
}

.child-select__checkbox,.checkbox-child-select__checkbox {
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    border-radius: 8px;
    border: 2px solid #BBD1DF;
    display: flex;
    align-items: center;
    justify-content: center
}

.child-select__icon,.checkbox-child-select__icon {
    color: white;
    display: none;
    width: 11px
}

.child-select--active,.checkbox-child-select--active {
    border-color: #2DA3ED;
    background: #FFF
}

.child-select--active .child-select__checkbox,.child-select--active .checkbox-child-select__checkbox,.checkbox-child-select--active .child-select__checkbox,.checkbox-child-select--active .checkbox-child-select__checkbox {
    border-color: #2DA3ED;
    background-color: #2DA3ED
}

.child-select--active .child-select__icon,.child-select--active .checkbox-child-select__icon,.checkbox-child-select--active .child-select__icon,.checkbox-child-select--active .checkbox-child-select__icon {
    display: block
}

.child-select--active .child-select__name,.child-select--active .checkbox-child-select__name,.checkbox-child-select--active .child-select__name,.checkbox-child-select--active .checkbox-child-select__name {
    color: #4d4d4d;
    font-weight: 600
}

.child-select--disabled,.checkbox-child-select--disabled {
    border-color: #EFF8FE
}

.child-select--disabled .child-select__text,.child-select--disabled .checkbox-child-select__text,.checkbox-child-select--disabled .child-select__text,.checkbox-child-select--disabled .checkbox-child-select__text {
    color: #9ba6ad
}

.child-select--disabled .child-select__checkbox,.child-select--disabled .checkbox-child-select__checkbox,.checkbox-child-select--disabled .child-select__checkbox,.checkbox-child-select--disabled .checkbox-child-select__checkbox {
    border-color: #EFF8FE
}

.child-select--disabled .child-select__identifier img,.child-select--disabled .checkbox-child-select__identifier img,.checkbox-child-select--disabled .child-select__identifier img,.checkbox-child-select--disabled .checkbox-child-select__identifier img {
    filter: grayscale(100%)
}

.child-select__disabled-message,.checkbox-child-select__disabled-message {
    font-size: 14px
}

.child-select__select-all,.checkbox-child-select__select-all {
    display: flex;
    justify-content: right;
    align-items: center
}

.child-select__select-all .child-select__checkbox,.checkbox-child-select__select-all .child-select__checkbox {
    cursor: pointer;
    margin-right: 14px
}

.child-select__select-all .child-select__checkbox--active,.checkbox-child-select__select-all .child-select__checkbox--active {
    border-color: #2DA3ED;
    background-color: #2DA3ED
}

.child-select__select-all .child-select__checkbox--active .child-select__icon,.checkbox-child-select__select-all .child-select__checkbox--active .child-select__icon {
    display: block
}

.child-select__select-all .child-select__checkbox--disabled,.checkbox-child-select__select-all .child-select__checkbox--disabled {
    border-color: #EFF8FE;
    cursor: default
}

@media (min-width: 1200px) {
    .container--large {
        max-width:1450px
    }
}

@media (min-width: 1600px) {
    .container--large {
        max-width:1600px
    }
}

.divider {
    margin: 1rem 0;
    line-height: 1;
    height: 0;
    letter-spacing: 0.05em;
    color: rgba(0,0,0,0.85);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-top: 1px solid #ebedef;
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

.divider--dashed {
    border-top: 1px dashed #ebedef;
    border-bottom: 1px dashed rgba(255,255,255,0.1)
}

.divider--with-text {
    position: relative
}

.divider__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 0 10px
}

.divider--white {
    border-top: 1px solid #FFF;
    border-bottom: rgba(0,0,0,0.1)
}

.divider--dark {
    border-top: 1px solid #d7dbde
}

.notebook-modal-divider:not(:first-child) {
    margin: 1rem 0;
    line-height: 1;
    height: 0;
    letter-spacing: 0.05em;
    color: rgba(0,0,0,0.85);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-top: 1px solid #ebedef;
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

p,.font-default {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px
}

@media (min-width: 385px) {
    p,.font-default {
        font-size:17px
    }
}

@media (min-width: 768px) {
    p,.font-default {
        font-size:16px
    }
}

@media (min-width: 992px) {
    p,.font-default {
        font-size:17px
    }
}

.font--bold {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold
}

@media (min-width: 385px) {
    .font--bold {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .font--bold {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .font--bold {
        font-size:17px
    }
}

.font--light {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #5f707c
}

@media (min-width: 385px) {
    .font--light {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .font--light {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .font--light {
        font-size:17px
    }
}

.font--xs {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px
}

@media (min-width: 385px) {
    .font--xs {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .font--xs {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .font--xs {
        font-size:14px
    }
}

.font--xs-bold {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold
}

@media (min-width: 385px) {
    .font--xs-bold {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .font--xs-bold {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .font--xs-bold {
        font-size:14px
    }
}

.font--xs-light {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #5f707c
}

@media (min-width: 385px) {
    .font--xs-light {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .font--xs-light {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .font--xs-light {
        font-size:14px
    }
}

.font--xs-superlight {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #9ba6ad
}

@media (min-width: 385px) {
    .font--xs-superlight {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .font--xs-superlight {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .font--xs-superlight {
        font-size:14px
    }
}

.font--small {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .font--small {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .font--small {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .font--small {
        font-size:16px
    }
}

.font--small-bold {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold
}

@media (min-width: 385px) {
    .font--small-bold {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .font--small-bold {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .font--small-bold {
        font-size:16px
    }
}

.font--small-light {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #5f707c
}

@media (min-width: 385px) {
    .font--small-light {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .font--small-light {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .font--small-light {
        font-size:16px
    }
}

.font--small-superlight {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #9ba6ad
}

@media (min-width: 385px) {
    .font--small-superlight {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .font--small-superlight {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .font--small-superlight {
        font-size:16px
    }
}

.font--large {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 20px
}

@media (min-width: 385px) {
    .font--large {
        font-size:21px
    }
}

@media (min-width: 768px) {
    .font--large {
        font-size:20px
    }
}

@media (min-width: 992px) {
    .font--large {
        font-size:21px
    }
}

.font--blue {
    color: #2DA3ED
}

.font--orange {
    color: #F7B844
}

.font--red {
    color: #E84D67
}

.text-success {
    color: #618929 !important
}

span.marker.green {
    background-color: #9affa3
}

span.marker.blue {
    background-color: #2DA3ED
}

span.marker--bottom.green {
    border-bottom: 3px solid #8AC43B
}

span.marker--bottom.blue {
    border-bottom: 3px solid #2DA3ED
}

span.line-through {
    color: #ccc;
    text-decoration: line-through
}

.italic {
    font-style: italic
}

a.dotted,span.dotted {
    border-bottom: 1px dotted #E84D67;
    cursor: pointer
}

.label-title {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: 500
}

@media (min-width: 385px) {
    .label-title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .label-title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .label-title {
        font-size:17px
    }
}

h1.bold,h2.bold,h3.bold,h4.bold,h5.bold,p.bold,a.bold,span.bold,ul.bold,li.bold,i.bold,table td.bold,table th.bold {
    font-weight: bold
}

table.font--xs td,table.font--xs th {
    font-size: 14px
}

.bold {
    font-weight: bold
}

.text-with-icon {
    display: flex;
    align-items: center
}

.text-with-icon svg {
    margin-right: 5px
}

.print-element,.print-only {
    display: none
}

@media print {
    body.print-document>*:not(.print-element) {
        display: none !important
    }

    .no-print {
        display: none !important
    }

    .print-element {
        display: block !important
    }

    .page-break-after {
        clear: both;
        -moz-column-break-after: page;
        break-after: page
    }

    tr,td,th,tbody,thead,tfoot,.avoid-page-break,h1,h2 {
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }
}

.print-only {
    display: none
}

.without-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.without-scrollbar::-webkit-scrollbar {
    display: none
}

.with-scrollbar::-webkit-scrollbar {
    background: transparent;
    width: 6px
}

.with-scrollbar::-webkit-scrollbar-thumb {
    height: 56px;
    border-radius: 6px;
    background-clip: content-box;
    background-color: #afafaf
}

.blurred-content {
    filter: blur(4px) !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.blurred-content a {
    pointer-events: none
}

.display-none-important {
    display: none !important;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.no-pointer {
    cursor: default !important
}

.copy-quick {
    cursor: copy
}

.copy-quick-info {
    position: fixed;
    z-index: 10000;
    background-color: white;
    border-radius: 4px;
    padding: 3px;
    box-shadow: black 2px 2px 5px -2px
}

.faded {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.scroll-to {
    cursor: pointer
}

ul.relaxed li,ol.relaxed li {
    margin-bottom: 10px
}

ul.blue-list {
    list-style: none
}

ul.blue-list li::before {
    content: "\2022";
    color: #2DA3ED;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

span.link {
    color: #E84D67
}

.text-not-transformed {
    text-transform: none
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.clearboth {
    clear: both
}

.undefined-long:before,.undefined-short:before {
    content: 'non-renseigné'
}

.full-width-mobile {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 768px) {
    .full-width-mobile {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .mobile-none,.tablet-only,.computer-only {
        display:none !important
    }
}

@media (max-width: 991px) and (orientation: landscape) {
    .mobile-landscape-none {
        display:none !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tablet-none,.mobile-only,.computer-only {
        display:none !important
    }
}

@media only screen and (min-width: 992px) {
    .computer-none,.mobile-only,.tablet-only {
        display:none !important
    }
}

.content-dimmer-loader {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    left: 0;
    width: 100%;
    z-index: 100
}

.content-dimmer-loader .spinner-border {
    color: #2DA3ED;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px
}

.vertical-form label {
    width: 100%
}

form label,form legend {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500
}

@media (min-width: 385px) {
    form label,form legend {
        font-size:17px
    }
}

@media (min-width: 768px) {
    form label,form legend {
        font-size:16px
    }
}

@media (min-width: 992px) {
    form label,form legend {
        font-size:17px
    }
}

.form-select {
    overflow: hidden
}

.date-input {
    cursor: pointer
}

.date_picker>.row {
    margin-left: 0;
    margin-right: 0
}

.year_first_date_picker>.row {
    margin-left: 0;
    margin-right: 0
}

.input-group .showpass {
    cursor: pointer
}

.input-group .copy-button {
    cursor: pointer
}

input.radio_buttons[type="radio"],input.radio_buttons_full[type="radio"],input.checkbox_buttons_full[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 11px;
    border: 2px solid #BBD1DF;
    position: relative;
    box-sizing: border-box;
    border-radius: 10px;
    top: 2px;
    padding: 0
}

input.radio_buttons[type="radio"]:checked,input.radio_buttons_full[type="radio"]:checked,input.checkbox_buttons_full[type="checkbox"]:checked {
    border: 2px solid #2DA3ED
}

.radio_buttons_full,.checkbox_buttons_full {
    padding: 12px 16px;
    border: 2px solid #BBD1DF;
    box-sizing: border-box;
    border-radius: 16px;
    margin: 0;
    cursor: pointer
}

.radio_buttons_full.disabled,.checkbox_buttons_full.disabled {
    cursor: default !important
}

.radio_buttons_full.disabled .content,.checkbox_buttons_full.disabled .content {
    cursor: default !important
}

.radio_buttons_full.disabled .content label,.checkbox_buttons_full.disabled .content label {
    cursor: default !important
}

.radio_buttons_full .col,.checkbox_buttons_full .col {
    padding: 0
}

.radio_buttons_full input.radio_buttons_full[type="radio"],.radio_buttons_full input.checkbox_buttons_full[type="checkbox"],.checkbox_buttons_full input.radio_buttons_full[type="radio"],.checkbox_buttons_full input.checkbox_buttons_full[type="checkbox"] {
    display: none
}

.radio_buttons_full .content,.checkbox_buttons_full .content {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.radio_buttons_full .content .radio,.checkbox_buttons_full .content .radio {
    background: #FFF;
    width: 20px;
    height: 20px;
    border: 2px solid #BBD1DF;
    box-sizing: border-box;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    transition: border-color 0.2s ease-in-out;
    flex-shrink: 0
}

.radio_buttons_full .content label,.checkbox_buttons_full .content label {
    color: #052032;
    font-weight: 400;
    cursor: pointer
}

.radio_buttons_full .sublabel,.checkbox_buttons_full .sublabel {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #5f707c
}

@media (min-width: 385px) {
    .radio_buttons_full .sublabel,.checkbox_buttons_full .sublabel {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .radio_buttons_full .sublabel,.checkbox_buttons_full .sublabel {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .radio_buttons_full .sublabel,.checkbox_buttons_full .sublabel {
        font-size:16px
    }
}

.radio_buttons_full .description,.checkbox_buttons_full .description {
    display: none
}

@media (min-width: 768px) {
    .radio_buttons_full .description,.checkbox_buttons_full .description {
        margin-left:20px
    }
}

.radio_buttons_full.checked,.checkbox_buttons_full.checked {
    background: white;
    border: 2px solid #2DA3ED
}

.radio_buttons_full.checked label,.checkbox_buttons_full.checked label {
    font-weight: 700
}

.radio_buttons_full.checked .radio,.checkbox_buttons_full.checked .radio {
    border: 4px solid #2DA3ED
}

.radio_buttons_full.checked .description,.checkbox_buttons_full.checked .description {
    display: block
}

.radio_buttons_full.unchecked,.checkbox_buttons_full.unchecked {
    background: white
}

.radio_buttons_full.indeterminate,.checkbox_buttons_full.indeterminate {
    background: #FFFFFF
}

.radio_buttons_full--disabled,.checkbox_buttons_full--disabled {
    border-color: #ebedef;
    background-color: #f1f2f4
}

.radio_buttons_full--disabled .content label,.checkbox_buttons_full--disabled .content label {
    color: #9ba6ad
}

.radio_buttons_full .content label {
    margin-left: 10px
}

.radio_buttons_full .content .sublabel {
    margin-left: 5px
}

.radio_buttons_group_helper .icon {
    border-radius: 50%;
    padding: 4px;
    background: #ebedef
}

.radio_buttons_group_helper .icon--active {
    background: #79c4f3
}

.checkbox_buttons_full {
    background: #FFF
}

.checkbox_buttons_full .content .radio {
    width: 25px;
    height: 25px;
    border-radius: 8px;
    margin-left: auto;
    align-self: center;
    flex-shrink: 0
}

.checkbox_buttons_full .content .radio svg {
    display: none
}

.checkbox_buttons_full.disabled {
    background: #ebedef
}

.checkbox_buttons_full.disabled .radio {
    background-color: #ebedef
}

.checkbox_buttons_full.checked .radio {
    border: 2px solid #2DA3ED;
    background-color: #2DA3ED
}

.checkbox_buttons_full.checked .radio svg {
    display: block;
    color: #FFF;
    position: relative;
    top: 5px;
    left: 4px
}

.check_boxes_button_wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px
}

.check_boxes_button_wrapper input[type="checkbox"] {
    display: none
}

.check_boxes_button_wrapper label {
    font-weight: 500;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.check_boxes_button_wrapper .checkbox_button {
    padding: 5px 14px;
    border-radius: 40px;
    border: 2px solid #cde9fb;
    box-sizing: border-box;
    background: white;
    cursor: pointer
}

@media (min-width: 520px) {
    .check_boxes_button_wrapper .checkbox_button {
        padding:8px 16px
    }
}

.check_boxes_button_wrapper .checkbox_button label {
    color: #5f707c
}

.check_boxes_button_wrapper .checkbox_button:hover {
    transition: border 0.3s ease;
    border: 2px solid #2DA3ED
}

.check_boxes_button_wrapper .checkbox_button:hover label {
    color: #2DA3ED
}

.check_boxes_button_wrapper .checkbox_button.checked {
    background: #2DA3ED;
    border: 2px solid #2DA3ED
}

.check_boxes_button_wrapper .checkbox_button.checked label {
    color: white
}

.tap-and-choose {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.tap-and-choose .tap-tag {
    display: flex;
    align-items: center;
    border: 2px solid #cde9fb;
    padding: 5px 14px;
    border-radius: 40px;
    color: #5f707c;
    font-weight: 500;
    cursor: pointer
}

@media (min-width: 520px) {
    .tap-and-choose .tap-tag {
        padding:8px 16px
    }
}

.tap-and-choose .tap-tag:hover {
    transition: border 0.3s ease;
    border: 2px solid #2DA3ED;
    color: #2DA3ED
}

.tap-and-choose .tap-tag--selected {
    color: white !important;
    background-color: #2DA3ED;
    border-color: #2DA3ED
}

.radio_buttons_menu_wrapper {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    background: var(--app-background, #E5F0F6);
    border-radius: 40px;
    flex: 0 0 auto;
    width: auto;
    height: -moz-fit-content;
    height: fit-content
}

.radio_buttons_menu_wrapper .radio_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 40px;
    overflow: hidden;
    height: 100%;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0 0;
    cursor: pointer
}

.radio_buttons_menu_wrapper .radio_button label {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #5f707c;
    padding: 8px 16px
}

@media (min-width: 385px) {
    .radio_buttons_menu_wrapper .radio_button label {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .radio_buttons_menu_wrapper .radio_button label {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .radio_buttons_menu_wrapper .radio_button label {
        font-size:17px
    }
}

.radio_buttons_menu_wrapper .radio_button:hover label {
    color: #2DA3ED
}

.radio_buttons_menu_wrapper .radio_button.checked {
    background: #2DA3ED
}

.radio_buttons_menu_wrapper .radio_button.checked label {
    color: white
}

.radio_buttons_menu_wrapper .radio_button svg.icon {
    height: 20px;
    width: 20px
}

.radio_buttons_menu_wrapper--icon-only .radio_button label {
    padding: 6px
}

.radio_buttons_menu_wrapper input[type="radio"] {
    display: none
}

.radio_buttons_menu_wrapper--disabled {
    background-color: #ebedef
}

.radio_buttons_menu_wrapper--disabled .radio_button.checked {
    background-color: #d7dbde
}

.radio_buttons_menu_wrapper--disabled .radio_button label {
    color: #d7dbde
}

.radio_buttons_menu_wrapper--small {
    height: 40px
}

.radio_buttons_menu_wrapper--small label {
    font-size: 16px !important
}

.wrapper_input.background-white .radio_buttons_menu_wrapper {
    background: white
}

form .time select {
    text-align: center;
    background-image: none;
    padding: 0.375rem
}

.form-switch {
    padding-right: 0
}

.form-switch .toggle-wrapper {
    width: 100%
}

.form-switch .toggle-wrapper .form-check-input {
    height: 32px;
    cursor: pointer;
    border-width: 0;
    float: right;
    min-width: 70px;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0
}

.form-switch .toggle-wrapper .form-check-input:after {
    content: var(--form-toggle-after, "Non");
    width: 100%;
    display: block;
    font-size: 12px;
    color: #5f707c;
    font-weight: bold;
    height: 100%;
    text-align: center;
    padding: 7px 7px 7px 32px
}

.form-switch .toggle-wrapper .form-check-input.is-invalid {
    border: 2px solid #E84D67
}

.form-switch .toggle-wrapper.checked .form-check-input:after {
    color: white;
    padding-right: 30px;
    padding-left: 5px
}

.input-group .icon {
    width: 16px;
    height: 16px
}

.submit {
    min-width: 140px;
    font-size: inherit
}

.submit .input-group {
    align-content: center
}

.submit .input-group input {
    padding-right: 0px
}

.submit .input-group .input-group-text {
    padding: 0px;
    padding-left: 5px
}

.submit .input-group .input-group-text .submit-input-button {
    margin-left: 10px;
    padding: 25px 15px;
    border-radius: 0px 0.25rem 0.25rem 0px;
    height: 100%
}

.submit .input-group .input-group-text .submit-input-button span {
    height: 15px;
    width: 15px
}

.submit .submit-input-warning {
    display: none;
    color: #ed7185
}

.date_picker_wrapper .icon {
    width: 16px;
    height: 16px
}

.date_picker_wrapper input:disabled {
    background-color: white
}

.date_picker_wrapper input[readonly] {
    background-color: white
}

.datetimepicker th.prev i.icon_arrow_left:after {
    position: absolute;
    content: "";
    background-image: url(assets-flat/arrow_left.svg);
    background-size: 24px 24px;
    height: 24px;
    min-width: 24px;
    top: 44px;
    left: 10px
}

.datetimepicker th.next i.icon_arrow_right:after {
    position: absolute;
    content: "";
    background-image: url(assets-flat/arrow_right.svg);
    background-size: 24px 24px;
    height: 24px;
    min-width: 24px;
    top: 44px;
    right: 10px
}

textarea.form-control {
    transition: border-color 0.3s ease-in
}

textarea.form-control.is-invalid {
    background-color: #fff0f0
}

textarea.form-control:focus {
    box-shadow: 0 0 5px 0 rgba(45,163,237,0.6)
}

.unvalidatable.focus.is-invalid {
    box-shadow: 0 0 0 2px #E84D67
}

.unvalidatable.is-invalid {
    border: 2px solid #E84D67;
    background-color: #fff0f0
}

.unvalidatable.is-invalid:not(.segment) {
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px
}

.date_select {
    min-width: 240px;
    padding-right: 0;
    padding-left: 0
}

.date_select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.date_select select:nth-child(1) {
    min-width: 66px;
    max-width: 15%;
    margin-right: 0.15rem;
    padding-right: 1.75rem
}

.date_select select:nth-child(2) {
    min-width: 77px;
    max-width: 40%;
    padding-right: 1.75rem;
    margin-left: 0.15rem;
    margin-right: 0.15rem
}

.date_select select:nth-child(3) {
    min-width: 85px;
    max-width: 25%;
    padding-right: 1.75rem;
    margin-left: 0.15rem
}

.invalid-feedback:first-letter {
    text-transform: capitalize
}

.small .form-select {
    font-size: 12px
}

.small .col-form-label {
    font-size: 15px
}

.small .form-label {
    margin-bottom: 0px
}

.small .form-control {
    font-size: 12px
}

.phone-input {
    padding-left: 0;
    padding-right: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.phone_number.wrapper_input .input-group select.country-select,.phone_number.wrapper_input .input-group select.type-select,.phone.wrapper_input .input-group select.country-select,.phone.wrapper_input .input-group select.type-select {
    width: 44px;
    padding-left: 7px;
    height: 22px;
    font-size: 16px;
    border: none;
    background: none
}

.phone_number.wrapper_input .input-group select.country-select option,.phone_number.wrapper_input .input-group select.type-select option,.phone.wrapper_input .input-group select.country-select option,.phone.wrapper_input .input-group select.type-select option {
    min-width: 100px;
    width: auto
}

.phone_number.wrapper_input .input-group select.country-select option .country_name,.phone_number.wrapper_input .input-group select.type-select option .country_name,.phone.wrapper_input .input-group select.country-select option .country_name,.phone.wrapper_input .input-group select.type-select option .country_name {
    display: none
}

.phone_number.wrapper_input .input-group select.country-select:focus option .country_name,.phone_number.wrapper_input .input-group select.type-select:focus option .country_name,.phone.wrapper_input .input-group select.country-select:focus option .country_name,.phone.wrapper_input .input-group select.type-select:focus option .country_name {
    display: inline-block
}

.phone_number.wrapper_input .input-group select.country-select:focus-visible,.phone_number.wrapper_input .input-group select.type-select:focus-visible,.phone.wrapper_input .input-group select.country-select:focus-visible,.phone.wrapper_input .input-group select.type-select:focus-visible {
    outline: none
}

.modal {
    background-color: rgba(5,32,50,0.8)
}

.modal.modal--with-background .modal-content {
    background: var(--app-background, #E5F0F6)
}

.modal.modal--gallery {
    align-items: center
}

.modal.modal--gallery .modal-content {
    background-color: transparent;
    border: none
}

.modal.modal--gallery.show {
    padding-right: 0 !important
}

.modal.modal--gallery.hide {
    display: none !important
}

.modal.modal--gallery .modal-header {
    background: transparent;
    box-shadow: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10000
}

@media (min-width: 768px) {
    .modal.modal--gallery .modal-header {
        display:none
    }
}

.modal.modal--gallery .modal-body {
    padding: 0;
    border-radius: 12px;
    display: flex;
    align-items: center
}

.modal.modal--gallery .modal-body>.container {
    padding: 0
}

@media (min-width: 768px) {
    .modal.modal--gallery .modal-dialog {
        max-width:none
    }
}

@media (min-width: 768px) {
    .modal.modal--large .modal-dialog {
        max-width:600px
    }
}

@media (min-width: 768px) {
    .modal.modal--xlarge .modal-dialog {
        max-width:800px
    }
}

.modal .modal-header {
    justify-content: center;
    border-bottom: 0 !important;
    box-shadow: 0 0 16px rgba(0,0,0,0.08);
    position: relative;
    min-height: 50px
}

.modal .modal-header .modal-title {
    width: 100%;
    text-align: center;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #052032
}

@media (min-width: 385px) {
    .modal .modal-header .modal-title {
        font-size:19px
    }
}

@media (min-width: 768px) {
    .modal .modal-header .modal-title {
        font-size:20px
    }
}

@media (min-width: 992px) {
    .modal .modal-header .modal-title {
        font-size:22px
    }
}

.modal .modal-header .modal-title .modal-back {
    position: absolute;
    left: 5px;
    top: calc(50% - 24px)
}

.modal .modal-body {
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden
}

.modal__close {
    position: absolute;
    right: 10px;
    top: calc(50% - 14px);
    text-align: center;
    cursor: pointer;
    height: 32px;
    width: 32px
}

.modal__close--notebook {
    height: 18px;
    width: 18px
}

.modal__actions {
    margin-top: 10px;
    text-align: center
}

.modal__content--center {
    text-align: center
}

.modal__content .modal-body {
    padding-bottom: 32px
}

.modal__actions-close {
    display: none
}

.modal--flash .modal__actions-close {
    display: block;
    padding-bottom: 10px;
    text-align: center
}

.modal--flash .modal__actions-close span {
    cursor: pointer;
    color: #333;
    font-size: 14px;
    text-decoration: underline
}

.modal--flash .modal__header {
    display: block;
    box-shadow: none
}

@media (min-width: 520px) {
    .modal--flash .modal__content {
        padding:10px 16px 32px 16px
    }
}

.modal--flash .modal__illustration {
    display: block;
    margin: 0 auto 20px auto;
    width: 105px;
    height: auto
}

@media (min-width: 768px) {
    .modal--flash .modal__illustration {
        width:130px
    }
}

.modal--flash .modal__body {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px
}

@media (min-width: 385px) {
    .modal--flash .modal__body {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .modal--flash .modal__body {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .modal--flash .modal__body {
        font-size:17px
    }
}

.modal--notebook .modal__header {
    justify-content: normal
}

.modal--notebook .modal__header--empty {
    box-shadow: none;
    min-height: 50px
}

.modal--notebook .modal-title {
    display: flex;
    align-items: center
}

.modal--notebook .modal-title .avatar {
    margin-right: 15px
}

.modal.modal-help:before {
    content: '';
    display: block;
    height: 200px;
    width: 200px;
    position: absolute;
    left: calc(50% - 250px - 200px + 25px);
    top: calc(50% - 200px);
    background-image: url(assets-flat/girl-notice.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.modal.modal-help .modal-header .modal__close {
    display: none
}

.modal.modal-help .modal__actions-close {
    display: none
}

@media (min-width: 768px) {
    .modal:not(.modal--on-top) .modal-dialog {
        display:flex;
        align-items: center;
        min-height: calc(100% - 3 * var(--bs-modal-margin));
        margin-bottom: calc(2 * var(--bs-modal-margin))
    }

    .modal .modal__actions-close {
        display: inline-block;
        position: absolute;
        margin: auto;
        bottom: -45px;
        left: 0;
        right: 0;
        height: 30px;
        width: -moz-fit-content;
        width: fit-content;
        text-align: center
    }

    .modal .modal__actions-close span {
        cursor: pointer;
        font-size: 16px;
        color: #FFF;
        text-decoration: none
    }
}

.modal-backdrop {
    display: none
}

.modal-tooltip-content {
    display: none;
    margin-right: -15px;
    margin-left: -15px;
    padding: 15px;
    background-color: #eef8fe
}

.modal-tooltip-icon {
    cursor: pointer
}

body.ios-webapp .modal:not(.modal--flash) .modal-body,body.ios-chrome .modal:not(.modal--flash) .modal-body {
    padding-bottom: 20px !important
}

body.ios-webapp .modal--flash .modal__actions-close,body.ios-chrome .modal--flash .modal__actions-close {
    padding-bottom: 20px !important
}

.nav .nav-link:hover {
    cursor: pointer
}

.nav .nav-link--with-icon svg {
    height: 22px;
    width: 22px;
    margin-right: 10px
}

.nav.nav-pills:not(.flex-column) {
    gap: 8px;
    align-items: center
}

@media (min-width: 768px) {
    .nav.nav-pills:not(.flex-column) {
        gap:12px
    }
}

.nav.nav-pills .nav-link {
    color: #5f707c;
    font-weight: normal;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center
}

@media (min-width: 385px) {
    .nav.nav-pills .nav-link {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .nav.nav-pills .nav-link {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .nav.nav-pills .nav-link {
        font-size:17px
    }
}

.nav.nav-pills .nav-link:hover {
    cursor: pointer;
    color: #2DA3ED
}

.nav.nav-pills .nav-link.active {
    color: white
}

.nav.nav-pills--background-white,.nav.nav-pills--background-app {
    border-radius: 80px;
    display: inline-flex;
    flex-wrap: nowrap;
    background: white;
    border: 4px solid white
}

.nav.nav-pills--background-white .nav-item,.nav.nav-pills--background-app .nav-item {
    margin-right: 0 !important
}

.nav.nav-pills--background-app {
    background: var(--app-background, #E5F0F6);
    border-color: var(--app-background, #E5F0F6)
}

.nav.nav-pills--small .nav-link {
    font-size: 14px;
    padding: 8px 16px
}

.nav.nav-pills--small .nav-link svg.icon {
    margin-right: 6px
}

@media (max-width: 767.98px) {
    .nav.nav-pills--md-small .nav-item .nav-link {
        font-size:14px;
        padding: 8px 14px
    }
}

.nav.nav-pills--filled .nav-link {
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 2px solid #2DA3ED;
    padding: 8px 12px;
    font-size: 14px;
    min-height: 44px;
    min-width: 44px
}

@media (min-width: 385px) {
    .nav.nav-pills--filled .nav-link {
        font-size:15px;
        padding: 8px 16px
    }
}

.nav.nav-pills--filled .nav-link svg.icon {
    height: 24px;
    width: 24px;
    margin-right: 8px
}

.nav.nav-pills--filled .nav-link:not(.active) {
    background-color: white;
    border: 2px solid #cde9fb;
    transition: opacity 0.3s ease
}

.nav.nav-pills--filled .nav-link:not(.active):hover {
    transition: border 0.3s ease;
    border: 2px solid #2DA3ED
}

.nav.nav-pills--filled .nav-link--icon {
    padding: 0 !important
}

.nav.nav-pills--filled .nav-link--icon svg.icon {
    height: 22px;
    width: 22px;
    margin: 0
}

.nav.nav-pills--filled.flex-column {
    gap: 12px
}

.segment {
    margin-top: 0;
    margin-bottom: 24px;
    background-color: white;
    padding: 24px 1.25rem
}

@media (min-width: 520px) {
    .segment {
        border-radius:12px;
        margin-bottom: 32px
    }
}

@media (min-width: 992px) {
    .segment {
        padding:24px 2rem
    }
}

.segment--small-padding {
    padding: 24px 1.25rem
}

.segment.highlighted {
    border-color: #8AC43B
}

.segment.highlighted::before {
    height: 5rem;
    width: 3.75rem;
    position: absolute;
    top: -2.5rem;
    content: "";
    background-image: url(assets-flat/highlight-topassmat.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.segment .ribbon {
    position: absolute;
    margin: 0em;
    left: -0.8rem;
    bottom: calc(0.5rem + 0.8rem);
    padding: 0.3rem 0.8rem;
    border-radius: 0em 8px 8px 0em;
    border-color: rgba(0,0,0,0.15);
    background-color: #cde9fb;
    z-index: 3;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #052032
}

.segment .ribbon:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0%;
    border-top: 0em solid transparent;
    border-right-width: 0.8rem;
    border-right-color: inherit;
    border-right-style: solid;
    border-bottom: 0.8rem solid transparent;
    border-left: 0em solid transparent;
    width: 0em;
    height: 0em
}

.segment:not(.not-full-width) {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 520px) {
    .segment:not(.not-full-width) {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

.segment.not-full-width {
    border-radius: 12px
}

.segment--basic {
    background: none transparent
}

.segment--pointing {
    position: relative
}

.segment--pointing:before,.segment--pointing:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px
}

.segment--pointing:before {
    top: -32px;
    right: 45px;
    border-color: transparent
}

@media (min-width: 768px) {
    .segment--pointing:before {
        right:25px
    }
}

.segment--pointing:after {
    top: -30px;
    right: 45px;
    border-color: transparent transparent #fff transparent
}

@media (min-width: 768px) {
    .segment--pointing:after {
        right:25px
    }
}

.segment--blue-background {
    background-color: #cde9fb
}

.segment--app-background {
    background: var(--app-background, #E5F0F6)
}

.segment--app-background.segment--pointing:after {
    border-color: transparent transparent var(--app-background, #E5F0F6) transparent
}

.segment--border {
    border: 1px solid #ebedef
}

.segment--border.segment--pointing:before {
    border-color: transparent transparent #ebedef transparent
}

.segment--border-grey {
    border: 1px solid #374d5b
}

.segment--border-blue {
    border: 1px solid #2DA3ED
}

.segment--border-green {
    border: 1px solid #1DCB8C
}

.segment--border-red {
    border: 1px solid #E84D67
}

.segment--border-orange {
    border: 1px solid #F7B844
}

.segment--border-validation {
    border: 2px solid #8AC43B
}

.segment--border-progress {
    border: 2px solid #F7B844
}

.segment--border-error {
    border: 2px solid #E84D67
}

.segment--with-background {
    background: #EFF8FE
}

.segment--with-background.segment--pointing:after {
    border-color: transparent transparent #EFF8FE transparent
}

.segment--material {
    border: none;
    box-shadow: 0 5px 12px rgba(50,50,93,0.1),0 2px 7px rgba(0,0,0,0.07)
}

.segment--material:hover {
    box-shadow: 0 1px 5px 2px rgba(34,36,38,0.15)
}

.segment.small {
    font-size: 14px
}

.segment--small {
    font-size: 14px;
    padding: 24px 1.25rem
}

.segment__header {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px;
    display: flex;
    align-items: center
}

@media (min-width: 385px) {
    .segment__header {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .segment__header {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .segment__header {
        font-size:17px
    }
}

.segment__header svg {
    width: 24px;
    color: #052032
}

.segment .segment__header__description {
    color: #5f707c;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .segment .segment__header__description {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .segment .segment__header__description {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .segment .segment__header__description {
        font-size:16px
    }
}

.segment__content {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ebedef
}

.segment--clickable {
    cursor: pointer
}

.segment--clickable:hover {
    background-color: #faf9e3;
    transition: all 0.5s ease
}

.segment__title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px
}

@media (min-width: 385px) {
    .segment__title {
        font-size:15px;
        margin-bottom: 1rem
    }
}

@media (min-width: 768px) {
    .segment__title {
        margin-left:1.5rem
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .segment__title {
        margin-left:2rem
    }
}

.segment--universe {
    position: relative;
    overflow: hidden;
    min-height: 315px !important
}

@media (min-width: 992px) {
    .segment--universe {
        border-radius:30px
    }
}

.segment--universe .segment__universe-header {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
    z-index: 1
}

@media (min-width: 385px) {
    .segment--universe .segment__universe-header {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .segment--universe .segment__universe-header {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .segment--universe .segment__universe-header {
        font-size:17px
    }
}

.segment--universe .segment__universe-header img,.segment--universe .segment__universe-header svg {
    width: 45px;
    margin-right: 10px
}

@media (min-width: 992px) {
    .segment--universe .segment__universe-header img,.segment--universe .segment__universe-header svg {
        width:32px
    }
}

.segment--universe .segment__universe-header .btn {
    white-space: nowrap
}

.segment--universe .segment__universe-content {
    position: relative;
    z-index: 1
}

.segment--universe .segment__background-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 200px
}

.segment--universe .segment__bend-arrow {
    display: none;
    position: absolute;
    right: -25px;
    top: 15px;
    width: 55px
}

@media (min-width: 992px) {
    .segment--universe .segment__bend-arrow {
        display:inherit
    }
}

.segment--universe .segment__action-btn {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear
}

@media (min-width: 992px) {
    .segment--universe .segment__action-btn {
        display:inherit
    }
}

.segment--universe .segment__secondary-illustration-container {
    position: relative;
    padding-top: 100px
}

@media (min-width: 992px) {
    .segment--universe .segment__secondary-illustration-container {
        padding-top:initial
    }
}

.segment--universe .segment__secondary-illustration-container img {
    height: 130px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%)
}

@media (min-width: 992px) {
    .segment--universe .segment__secondary-illustration-container img {
        position:unset;
        top: unset;
        left: unset;
        transform: unset
    }
}

@media (min-width: 1600px) {
    .segment--universe .segment__secondary-illustration-container img {
        height:150px
    }
}

.segment--universe:hover .segment__action-btn {
    visibility: visible;
    opacity: 1
}

.segment--universe-management {
    box-shadow: 0 1px 5px 2px rgba(4,165,158,0.25);
    background: #D8F4F3
}

@media (min-width: 768px) {
    .segment--universe-management:hover {
        box-shadow:0 1px 5px 2px rgba(4,165,158,0.4)
    }
}

.segment--universe-management .btn {
    color: #04A59E !important;
    border-color: #04A59E !important
}

.segment--universe-management .segment__background-image {
    color: #D0EFEE
}

.segment--universe-management .divider {
    margin: 10px 0
}

.segment--universe-notebook {
    box-shadow: 0 1px 5px 2px rgba(233,155,11,0.25);
    background: #FCEFD8
}

@media (min-width: 768px) {
    .segment--universe-notebook:hover {
        box-shadow:0 1px 5px 2px rgba(233,155,11,0.4)
    }
}

.segment--universe-notebook .btn {
    color: #E99B0B !important;
    border-color: #E99B0B !important
}

.segment--universe-notebook .segment__background-image {
    color: #FFEAC5
}

@media (min-width: 1600px) {
    .segment--universe-notebook .segment__notebook-vertical-separator {
        border-right:1px solid #9ba6ad;
        height: 130px
    }
}

.segment--universe-notebook .segment__notebook-activity {
    width: 125px
}

@media (min-width: 520px) {
    .segment--universe-notebook .segment__notebook-activity {
        width:175px
    }
}

@media (min-width: 1600px) {
    .segment--universe-notebook .segment__notebook-activity {
        width:125px;
        position: absolute;
        top: 10px;
        left: 80px;
        z-index: 10
    }
}

.segment--universe-notebook .segment__notebook-photos {
    width: 150px
}

@media (min-width: 520px) {
    .segment--universe-notebook .segment__notebook-photos {
        width:175px
    }
}

@media (min-width: 992px) {
    .segment--universe-notebook .segment__notebook-photos {
        display:none
    }
}

@media (min-width: 1600px) {
    .segment--universe-notebook .segment__notebook-photos {
        width:150px;
        display: inherit;
        position: absolute;
        top: 60px;
        left: 20px
    }
}

@media (min-width: 1600px) {
    .segment--universe-notebook .segment__notebook-illustration {
        min-height:150px
    }
}

.segment--universe-notebook .segment__notebook-tags {
    margin-bottom: 30px;
    margin-top: 15px
}

@media (min-width: 992px) {
    .segment--universe-notebook .segment__notebook-tags {
        margin-bottom:initial;
        margin-top: initial
    }
}

.segment--universe-tophelp {
    box-shadow: 0 1px 5px 2px rgba(45,163,237,0.25)
}

@media (min-width: 768px) {
    .segment--universe-tophelp:hover {
        box-shadow:0 1px 5px 2px rgba(45,163,237,0.4)
    }
}

.segment--universe-tophelp .btn {
    color: #2DA3ED !important;
    border-color: #2DA3ED !important
}

.segment--universe-tophelp .segment__background-image {
    color: #e9f5fd
}

.segment--universe-tophelp a {
    color: #4d4d4d
}

@media (min-width: 992px) {
    .segment--universe-tophelp .segment__universe-content {
        margin-top:40px;
        margin-bottom: 24px
    }
}

.segment--universe-marketplace {
    box-shadow: 0 1px 5px 2px rgba(232,77,103,0.25);
    background: #FFF8F9
}

@media (min-width: 768px) {
    .segment--universe-marketplace:hover {
        box-shadow:0 1px 5px 2px rgba(232,77,103,0.4)
    }
}

.segment--universe-marketplace .segment__background-image {
    color: #FBF0F2
}

.segment--universe-marketplace .main-illustration {
    width: 275px
}

@media (min-width: 992px) {
    .segment--universe-marketplace .main-illustration {
        width:340px
    }
}

.segment>.list_items:first-child,.segment>.accordion:first-child {
    margin-top: -14px
}

.segment>.list_items:last-child,.segment>.accordion:last-child {
    margin-bottom: -14px
}

.segment--red {
    background-color: #f08d9e
}

@media (max-width: 767.98px) {
    .row.row--stackable-mobile-segments .col .segment {
        height:100%
    }
}

@media (max-width: 519.98px) {
    .row.row--stackable-mobile-segments .col:not(:first-child) .segment {
        padding-top:0
    }

    .row.row--stackable-mobile-segments .col:not(:last-child) .segment {
        margin-bottom: 0;
        padding-bottom: 1rem
    }
}

.banner {
    background-color: #cde9fb;
    padding: 24px 1rem;
    border-radius: 12px;
    margin-left: -0.5rem;
    margin-right: -0.5rem
}

@media (min-width: 768px) {
    .banner {
        margin-left:auto;
        margin-right: auto;
        padding: 24px 1.5rem
    }
}

@media (min-width: 992px) {
    .banner {
        padding:24px 2rem
    }
}

.banner .text {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .banner .text {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .banner .text {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .banner .text {
        font-size:16px
    }
}

.banner--red {
    background-color: #f9d4db
}

.banner--with-illustration {
    display: flex;
    justify-content: space-between
}

.banner--with-illustration img {
    width: 60px;
    margin-left: 10px
}

@media (min-width: 992px) {
    .banner--with-illustration img {
        width:110px
    }
}

.banner--link {
    position: relative
}

.banner--link a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.banner--link span.action {
    color: #2DA3ED;
    font-weight: bold
}

.banner--small {
    margin-left: initial;
    margin-right: initial
}

.banner--small .banner__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px
}

.banner--small img {
    width: 70px
}

@media (min-width: 992px) {
    .banner--small img {
        width:60px;
        margin-right: 10px;
        margin-left: initial
    }
}

@media (min-width: 992px) {
    .banner--small img {
        width:70px;
        margin-left: 10px;
        margin-right: initial
    }
}

@media screen and (max-width: 768px) {
    .table-responsive-transformed thead {
        display:none
    }

    .table-responsive-transformed td:before {
        content: attr(data-label);
        float: left
    }

    .table-responsive-transformed tr {
        border-bottom: 3px solid #ebedef;
        display: block;
        margin-bottom: .625em
    }

    .table-responsive-transformed td {
        border-bottom: 1px solid #ebedef;
        display: block;
        text-align: right
    }

    .table-responsive-transformed__title {
        font-weight: bold;
        text-align: left !important
    }

    .table-responsive-transformed__additional-info {
        font-weight: normal;
        font-size: 14px;
        font-style: italic;
        text-align: left !important
    }
}

.time_range_wrapper {
    align-items: center !important;
    justify-content: space-around !important;
    padding-left: 20px;
    padding-right: 20px
}

.time_range_wrapper>* {
    justify-content: center;
    padding-right: 0px;
    padding-left: 0px
}

.time_range_wrapper .item_time_range {
    width: 110px
}

@media only screen and (min-width: 350px) {
    .time_range_wrapper .item_time_range {
        width:130px
    }
}

@media only screen and (min-width: 400px) {
    .time_range_wrapper .item_time_range {
        width:150px
    }
}

@media (min-width: 520px) {
    .time_range_wrapper .item_time_range {
        width:160px
    }
}

@media (min-width: 768px) {
    .time_range_wrapper .item_time_range {
        width:180px
    }
}

.time_range_wrapper .item_button_delete_range {
    width: 16px
}

@media only screen and (min-width: 1500px) {
    #page.page--with-admin-menu {
        margin-right:300px
    }
}

@media (max-width: 767.98px) {
    .admin-lateral-menu-wrapper .fxp-sidebar-swipe {
        width:30px;
        background: red;
        opacity: 0.02
    }
}

#admin-lateral-menu {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important;
    background: white;
    position: fixed;
    right: 0;
    width: 300px;
    padding: 10px;
    height: 100%;
    overflow-y: auto;
    box-shadow: -1px 0 10px rgba(0,0,0,0.05)
}

#admin-lateral-menu .admin-action {
    margin-bottom: 15px
}

#admin-lateral-menu .admin-action a {
    color: #2FCFC8;
    font-weight: bold
}

#admin-lateral-menu .admin-action a:hover {
    border-bottom: 2px dotted #2FCFC8
}

#admin-lateral-menu .accordion .accordion .accordion-button {
    font-size: 14px !important;
    padding-top: 8px;
    padding-bottom: 8px
}

body {
    background-color: var(--app-background, #E5F0F6);
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    overflow: auto
}

.turbo-progress-bar {
    height: 3px;
    background-color: #2DA3ED
}

#too-old-browser,#javascript-disabled,#css-disabled {
    padding: 15px;
    position: relative;
    background: #FFF;
    width: 100%;
    text-align: center
}

@media (min-width: 768px) {
    #too-old-browser,#javascript-disabled,#css-disabled {
        padding:25px 100px
    }
}

#css-disabled {
    display: none
}

.fake-template {
    display: none
}

#slow-performance-message {
    padding: 10px;
    background-color: #fff0f0;
    color: #E84D67
}

#maintenance-message {
    padding: 10px;
    background-color: #E84D67;
    color: #FFF
}

#browser-message {
    font-size: 22px;
    position: relative;
    background: #fff0f0;
    color: #E84D67 !important;
    width: 100%;
    text-align: center;
    padding: 20px
}

.flash-messages {
    display: none
}

body.app main.app {
    position: relative
}

body.app main #page {
    position: relative;
    overflow: visible
}

body.app main #page #page-content {
    min-height: 600px;
    padding-bottom: 120px
}

body.app main #page #page-content .background-season {
    width: 100%;
    height: 60px;
    background-repeat: no-repeat;
    background-size: auto 50px;
    margin-bottom: -10px;
    background-position-x: calc(50vw - 1100px) !important
}

@media (min-width: 360px) {
    body.app main #page #page-content .background-season {
        background-position-x:calc(50vw - 1320px) !important;
        background-size: auto 60px;
        margin-bottom: -10px
    }
}

@media (min-width: 520px) {
    body.app main #page #page-content .background-season {
        background-size:auto 75px;
        height: 75px;
        margin-bottom: -15px;
        background-position-x: calc(50vw - 1700px) !important
    }
}

@media (min-width: 768px) {
    body.app main #page #page-content .background-season {
        background-position-x:calc(50vw - 1800px) !important
    }
}

@media (min-width: 992px) {
    body.app main #page #page-content .background-season {
        background-size:auto 90px;
        height: 90px;
        margin-bottom: -10px;
        background-position-x: calc(50vw - 2100px) !important
    }
}

@media (min-width: 1200px) {
    body.app main #page #page-content .background-season {
        background-position-x:calc(50vw - 2200px) !important
    }
}

body.app main #page .warning-prod {
    text-align: left;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 18px;
    color: #E84D67;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 12px;
    z-index: 10000;
    overflow: hidden;
    background: #fff0f0
}

body.app main #page .warning-blocked-page {
    padding: 20px;
    background: #E84D67;
    text-align: center;
    color: #FFF
}

body.app main #page .warning-blocked-page a {
    color: #FFF
}

body.app main #page .warning-blocked-page a.dotted {
    border-color: #FFF
}

#full-page-dimmer-loading {
    visibility: hidden;
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 1500;
    position: fixed;
    background: rgba(5,32,50,0.5);
    top: 0;
    align-items: center;
    justify-content: center
}

#full-page-dimmer-loading.active {
    visibility: visible
}

#full-page-dimmer-loading.spinner-border {
    width: 100px;
    height: 100px
}

body.devise {
    padding-top: 25px;
    padding-bottom: 150px;
    background: var(--app-background, #E5F0F6)
}

body.devise .logo-text {
    margin-bottom: 30px;
    justify-content: center;
    font-size: 20px
}

body.devise .logo-text svg {
    height: 32px;
    width: 32px;
    margin-right: 12px
}

@media (min-width: 768px) {
    body.devise {
        padding-top:40px
    }

    body.devise .logo-text {
        margin-bottom: 80px
    }
}

#top-menu-mobile {
    background: #FFF;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 12;
    box-shadow: 0 2px 8px 0 rgba(95,112,124,0.2)
}

#top-menu-mobile .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    color: #374d5b;
    margin-bottom: 0 !important
}

@media (min-width: 385px) {
    #top-menu-mobile .title {
        font-size:15px;
        margin-bottom: 1rem
    }
}

#top-menu-mobile svg.icon_arrow_left {
    color: #052032;
    margin-right: 1rem
}

#top-menu-mobile .end-actions {
    margin-left: auto;
    display: flex;
    align-items: center
}

#top-menu-mobile .end-actions .icon-hover-circle {
    margin-right: 8px
}

#top-menu-mobile.top-menu-mobile--back-nav {
    padding-left: 0
}

#top-menu-mobile.top-menu-mobile--universe-nav {
    height: 60px
}

#top-menu-mobile.top-menu-mobile--universe-nav .universe-switch-link {
    display: flex;
    align-items: center
}

#top-menu-mobile.top-menu-mobile--universe-nav .universe-switch-link .illustration {
    display: flex;
    align-items: center;
    margin-right: 6px
}

#top-menu-mobile.top-menu-mobile--universe-nav .universe-switch-link .illustration .icon-universe {
    height: 44px;
    width: 44px;
    border-radius: 22px;
    margin-right: 4px
}

#top-menu-mobile.top-menu-mobile--universe-nav .universe-switch-link .illustration svg.icon_updown {
    color: #374d5b
}

@media (orientation: landscape) {
    #top-menu-mobile.top-menu-mobile--universe-nav {
        display:block;
        padding: 8px 8px 0 8px;
        width: 80px;
        right: auto;
        box-shadow: none;
        height: 100% !important
    }

    #top-menu-mobile.top-menu-mobile--universe-nav .end-actions {
        display: none
    }

    #top-menu-mobile.top-menu-mobile--universe-nav .universe-switch-link {
        width: 100%;
        flex-direction: column
    }

    #top-menu-mobile.top-menu-mobile--universe-nav .universe-switch-link .illustration {
        margin-right: 0;
        justify-content: center
    }

    #top-menu-mobile.top-menu-mobile--universe-nav .universe-switch-link .title {
        font-size: 10px;
        text-align: center;
        margin-top: 5px
    }
}

#page.page--top-mobile-menu--back-nav #page-subcontent {
    margin-top: 50px
}

@media (orientation: portrait) {
    #page.page--top-mobile-menu--universe-nav #page-subcontent {
        margin-top:60px
    }
}

@media (orientation: landscape) {
    #page.page--top-mobile-menu--universe-nav {
        margin-left:80px
    }
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 992px) and (orientation: landscape) {
    #top-menu-mobile.top-menu-mobile--universe-nav {
        display:none !important
    }
}

@media (min-width: 768px) {
    #top-menu-mobile.top-menu-mobile--back-nav,#top-menu-mobile.top-menu-mobile--editor {
        display:none !important
    }

    #page #page-subcontent {
        margin-top: 0 !important;
        margin-left: unset
    }
}

@media (max-width: 767.98px) and (min-width: 385px) and (orientation: portrait) {
    body.ios-webapp #top-menu-mobile {
        margin-top:-5px
    }

    body.ios-webapp #top-menu-mobile .icon-hover-circle:before {
        width: 80%;
        height: 80%;
        top: 10%;
        left: 10%
    }

    body.ios-webapp #page.page--top-mobile-menu--back-nav #page-content #page-subcontent {
        margin-top: calc(50px - 5px)
    }

    body.ios-webapp #page.page--top-mobile-menu--universe-nav #page-content #page-subcontent {
        margin-top: calc(60px - 5px)
    }
}

body #top-menu-mobile {
    transition: top 300ms
}

@media (orientation: portrait) {
    body.scrolled-bottom #top-menu-mobile.top-menu-mobile--universe-nav {
        top:-100px
    }
}

@media (orientation: landscape) {
    body.scrolled-bottom #top-menu-mobile.top-menu-mobile--back-nav {
        top:-100px
    }
}

@media (orientation: portrait) and (min-width: 768px),(min-width: 992px) and (orientation: landscape) and (min-width: 768px) {
    #page.page--lateral-menu-closed {
        margin-left:68px
    }

    #page.page--lateral-menu-open {
        margin-left: 68px
    }
}

@media (orientation: portrait) and (min-width: 1200px),(min-width: 992px) and (orientation: landscape) and (min-width: 1200px) {
    #page.page--lateral-menu-open {
        margin-left:240px
    }

    #page.page--lateral-menu-open.page--lateral-menu-large {
        margin-left: 290px
    }
}

@media only screen and (orientation: portrait) and (min-width: 2000px),only screen and (min-width: 992px) and (orientation: landscape) and (min-width: 2000px) {
    #page.page--lateral-menu-closed {
        margin-left:240px
    }

    #page.page--lateral-menu-closed.page--lateral-menu-large {
        margin-left: 290px
    }
}

.lateral-menu-wrapper .fxp-sidebar-swipe {
    display: none
}

#lateral-menu {
    background-color: #FFF;
    margin: 0;
    border-radius: 0;
    overflow: visible;
    min-height: 535px;
    box-shadow: 2px 0px 5px 0px rgba(0,0,80,0.1)
}

#lateral-menu .more-menu-popover {
    min-width: 240px
}

#lateral-menu:not(.fxp-sidebar-open) .accordion-header button::after {
    display: none
}

#lateral-menu .sidebar .accordion-header button {
    padding: 0
}

#lateral-menu .sidebar .accordion-header button .universe .content::after {
    display: none !important
}

#lateral-menu .sidebar .accordion-body {
    padding: 0
}

#lateral-menu .sidebar {
    height: 100%
}

#lateral-menu .sidebar__container {
    height: 100%;
    overflow-y: auto;
    touch-action: pan-y
}

#lateral-menu .sidebar__container__content {
    height: 100%;
    position: relative
}

#lateral-menu .sidebar__container__content .universe-account .content {
    height: 100%
}

#lateral-menu .sidebar__container__content .universe-account .content--without-tag .title {
    margin-top: 16px
}

#lateral-menu .sidebar__container__content .item {
    display: block;
    position: relative;
    font-weight: bold;
    font-size: 14px;
    color: #5f707c;
    height: 6vh;
    min-height: 55px;
    max-height: 65px
}

#lateral-menu .sidebar__container__content .item svg {
    height: 24px;
    width: 24px;
    color: #5f707c;
    position: absolute;
    left: 194px;
    top: calc(50% - 12px);
    transition-property: left;
    transition-duration: 0.20s
}

#lateral-menu .sidebar__container__content .item span {
    position: absolute;
    left: 80px;
    top: calc(50% - 10px);
    opacity: 0
}

#lateral-menu .sidebar__container__content .item span.short {
    display: none
}

#lateral-menu .sidebar__container__content .item .tag {
    display: none;
    position: absolute;
    left: 180px;
    top: calc(50% - 10px)
}

#lateral-menu .sidebar__container__content .item.active,#lateral-menu .sidebar__container__content .item:hover {
    color: var(--universe-color, #2DA3ED)
}

#lateral-menu .sidebar__container__content .item.active svg,#lateral-menu .sidebar__container__content .item:hover svg {
    color: var(--universe-color, #2DA3ED)
}

#lateral-menu .sidebar__container__content .item.active:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 4px;
    background-image: unset;
    background-color: var(--universe-color, #2DA3ED);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    top: 0;
    right: 0%;
    height: 100%
}

#lateral-menu .sidebar__container__content .sidebar__container__content__universes {
    position: relative
}

#lateral-menu .sidebar__container__content .universe {
    display: block;
    position: relative;
    height: 70px;
    width: 100%
}

#lateral-menu .sidebar__container__content .universe img {
    position: absolute;
    left: 182px;
    top: 12px;
    height: 48px;
    width: 48px;
    margin-right: 16px;
    border-radius: 50%;
    transition-property: left;
    transition-duration: 0.20s
}

#lateral-menu .sidebar__container__content .universe .content {
    position: absolute;
    left: 80px;
    top: 10px;
    opacity: 0;
    width: 160px
}

#lateral-menu .sidebar__container__content .universe .content .title {
    font-weight: bold;
    font-size: 14px;
    color: #052032
}

#lateral-menu .sidebar__container__content .universe .content .description {
    font-size: 12px;
    color: #5f707c;
    width: 110px;
    line-height: 15px
}

#lateral-menu .sidebar__container__content .universe .content .description .tag {
    margin-top: 5px
}

#lateral-menu .sidebar__container__content .universe .content::after {
    position: absolute;
    right: 10px;
    top: 15px;
    content: '';
    background-image: url(assets-flat/chevron_right.svg);
    background-size: 24px 24px;
    height: 24px;
    min-width: 24px;
    margin-left: auto
}

#lateral-menu .sidebar__container__content .universe.active::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 4px;
    background-image: unset;
    background-color: var(--universe-color, #2DA3ED);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    top: 0;
    right: 0%;
    height: 100%;
    background-color: var(--universe-color, #2DA3ED)
}

#lateral-menu .sidebar__container__content .universe.active .content::after {
    display: none
}

#lateral-menu .sidebar__container__content .current-universe {
    overflow: hidden;
    display: none
}

#lateral-menu .sidebar__container__content .current-universe.displayed {
    display: block
}

#lateral-menu .sidebar__container__content .current-universe.displayed .universe .content::after {
    rotate: 90deg
}

#lateral-menu .sidebar__container__content .current-universe.displayed a.item:last-of-type {
    margin-bottom: calc(20vh - 80px)
}

#lateral-menu .sidebar__container__content .bottom-links {
    padding-bottom: 5px
}

#lateral-menu .sidebar__container__content .bottom-links .universe.current {
    display: none
}

#lateral-menu .sidebar__container__content .bottom-links .universe.fixed {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF
}

#lateral-menu .sidebar__container__content svg.icon_chevron_double {
    display: block;
    position: absolute;
    bottom: 50px;
    right: 22px
}

#lateral-menu .sidebar__notification-tag {
    position: absolute;
    left: 208px;
    top: 12px;
    z-index: 50;
    transition-property: left;
    transition-duration: 0.20s
}

#lateral-menu .sidebar__logo-container {
    position: relative;
    height: 50px;
    display: block
}

#lateral-menu .sidebar__logo-container>* {
    position: absolute;
    top: 50%
}

#lateral-menu .sidebar__brand-logo {
    opacity: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-property: opacity;
    transition-delay: 0.12s
}

#lateral-menu .sidebar__brand-logo img {
    max-width: 160px;
    -o-object-fit: contain;
    object-fit: contain
}

#lateral-menu .sidebar__brand-icon {
    color: #5f707c;
    height: 28px;
    width: 28px;
    opacity: 100;
    right: 20px;
    transform: translateY(-50%);
    transition-property: opacity;
    transition-delay: 0.12s
}

#lateral-menu .sidebar__brand-icon:hover {
    color: #2DA3ED
}

#lateral-menu:not(.fxp-sidebar-open) .bottom-links.hidable {
    display: none
}

#lateral-menu:not(.fxp-sidebar-open) .current-universe .divider {
    display: none
}

#lateral-menu.fxp-sidebar-open .universe img {
    left: 16px;
    transition-property: left;
    transition-duration: 0.20s
}

#lateral-menu.fxp-sidebar-open .universe .content {
    opacity: 100;
    transition-property: opacity;
    transition-delay: 0.12s
}

#lateral-menu.fxp-sidebar-open .item span:not(.tag) {
    opacity: 100;
    transition-property: opacity;
    transition-delay: 0.12s
}

#lateral-menu.fxp-sidebar-open .item span.tag {
    opacity: 1;
    left: calc(28px - 14px)
}

#lateral-menu.fxp-sidebar-open .item svg {
    left: 28px;
    transition-property: left;
    transition-duration: 0.20s
}

#lateral-menu.fxp-sidebar-open .item .tag {
    display: block
}

#lateral-menu.fxp-sidebar-open svg.icon_chevron_double {
    display: none
}

#lateral-menu.fxp-sidebar-open .sidebar__notification-tag {
    left: 42px
}

#lateral-menu.fxp-sidebar-open .sidebar__brand-icon {
    opacity: 0
}

#lateral-menu.fxp-sidebar-open .sidebar__brand-logo {
    opacity: 100
}

@media (max-width: 991px) and (orientation: landscape) {
    #lateral-menu.editor-menu {
        overflow:scroll;
        min-height: auto
    }
}

body.light {
    padding-top: 25px;
    padding-bottom: 150px;
    background: var(--app-background, #E5F0F6)
}

@media (min-width: 768px) {
    body.light {
        padding-top:40px
    }
}

body.light #page-content {
    max-width: 768px !important
}

body.light .logo-text {
    margin-bottom: 30px;
    justify-content: center;
    font-size: 20px
}

body.light .logo-text svg {
    height: 32px;
    width: 32px;
    margin-right: 12px
}

body.superlight {
    padding-bottom: 50px;
    padding-top: 30px
}

#mobile-menu {
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: white;
    padding: 0;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
    z-index: 30;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow-x: auto
}

#mobile-menu::before,#mobile-menu::after {
    content: ''
}

#mobile-menu>.item {
    position: relative;
    padding-top: 8px;
    flex-grow: 1;
    flex-basis: 0;
    word-break: break-all;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 500;
    color: #374d5b;
    font-size: 10px;
    height: 60px
}

#mobile-menu>.item svg {
    height: 26px;
    width: 26px;
    z-index: 2
}

#mobile-menu>.item span {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    bottom: 10px;
    left: 0;
    z-index: 2
}

#mobile-menu>.item span.short {
    display: inline
}

#mobile-menu>.item span.long {
    display: none
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 992px) and (orientation: landscape) {
    #mobile-menu>.item span.short {
        display:none
    }

    #mobile-menu>.item span.long {
        display: inline
    }
}

@media (min-width: 360px) {
    #mobile-menu>.item {
        font-size:11px
    }
}

@media (min-width: 385px) {
    #mobile-menu>.item {
        padding-top:12px;
        height: 65px
    }
}

@media (min-width: 520px) {
    #mobile-menu>.item {
        font-size:13px
    }
}

#mobile-menu>.item .unread-indicator--badge {
    line-height: 20px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: white;
    background: #E84D67;
    border-radius: 100%;
    position: absolute;
    z-index: 3;
    top: 3px;
    left: calc(50% + 2px)
}

@media (min-width: 768px) {
    #mobile-menu>.item .unread-indicator--badge {
        font-size:12px;
        line-height: 24px;
        width: 24px;
        height: 24px
    }
}

#mobile-menu>.item.active {
    color: #2DA3ED;
    font-weight: bold
}

#mobile-menu>.item.active:after {
    content: "";
    position: absolute;
    z-index: 3;
    height: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #2DA3ED;
    display: block;
    bottom: 0;
    width: 60px;
    left: auto
}

#mobile-menu>.item:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    border-radius: 5px;
    background: #eef8fe;
    opacity: 0;
    transition: opacity 0.2s ease-in-out
}

#mobile-menu>.item.clicked:before {
    opacity: 1;
    transition: opacity 0.2s ease-in-out
}

@media all and (orientation: landscape) {
    #mobile-menu {
        width:80px;
        top: 90px;
        bottom: 0;
        left: 0;
        right: unset;
        flex-direction: column;
        box-shadow: none
    }

    #mobile-menu>.item {
        width: 100%;
        font-size: 10px
    }

    #mobile-menu>.item span {
        bottom: unset;
        top: 40px;
        font-size: 12px
    }

    #mobile-menu>.item.ask-support-action {
        display: none
    }

    #mobile-menu>.item.active:after {
        height: 100%;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 4px;
        bottom: 0px;
        top: 0px;
        right: 0px;
        width: 3px
    }
}

@media (min-width: 992px),(min-width: 768px) and (orientation: portrait) {
    #mobile-menu {
        display:none
    }
}

#mobile-menu .sidebar__notification-tag {
    position: absolute;
    top: 4px;
    right: 16px
}

@media (max-width: 767.98px) {
    #mobile-menu>.item span:not(.tag) {
        line-height:12px
    }

    #mobile-menu>.item .tag {
        top: 5px;
        bottom: auto;
        right: 50%;
        left: auto;
        width: auto
    }

    body.app.webapp {
        height: 100% !important;
        overflow: hidden !important
    }

    body.app.webapp #page #page-content {
        overflow-y: scroll !important;
        height: 100vh;
        min-height: unset !important
    }
}

@media (max-width: 767.98px) and (orientation: portrait) {
    body.app.webapp #page.page--bottom-menu-present #page-content {
        height:100vh
    }

    body.app.webapp #page.page--bottom-menu-present #page-content #page-subcontent {
        margin-bottom: 60px
    }
}

@media (max-width: 767.98px) and (orientation: portrait) and (min-width: 385px) {
    body.app.webapp #page.page--bottom-menu-present #page-content #page-subcontent {
        margin-bottom:65px
    }
}

@media (max-width: 767.98px) {
    body.app.webapp.subscription-index .subscriptions_item .subscriptions_item__main .main__header {
        top:0px !important
    }

    body #mobile-menu>.item {
        height: 70px;
        padding-top: 8px
    }

    body #mobile-menu>.item span {
        bottom: 20px
    }

    body #mobile-menu>.item.active:after {
        display: none
    }
}

@media (max-width: 767.98px) and (min-width: 385px) {
    body #mobile-menu>.item {
        height:80px
    }

    body #mobile-menu>.item span {
        bottom: calc(30px)
    }
}

@media (max-width: 767.98px) and (orientation: portrait) {
    body #page.page--bottom-menu-present #page-content #page-subcontent {
        margin-bottom:70px
    }
}

@media (max-width: 767.98px) and (orientation: portrait) and (min-width: 385px) {
    body #page.page--bottom-menu-present #page-content #page-subcontent {
        margin-bottom:80px
    }
}

body #mobile-menu {
    transition: bottom 300ms
}

@media (max-width: 359.98px) {
    body.scrolled-bottom #mobile-menu {
        bottom:-100px
    }
}

footer {
    padding-top: 40px
}

body.homepage.child_notebook footer,body.homepage.child_management footer {
    background-color: #f3f3f3
}

.footer__top {
    overflow: hidden;
    box-sizing: content-box;
    height: 20px
}

@media (min-width: 768px) {
    .footer__top {
        height:40px
    }
}

@media (min-width: 992px) {
    .footer__top {
        height:64px
    }
}

.footer__top svg {
    height: 100%;
    width: 100%
}

.footer__top svg path {
    fill: var(--app-background, #ddf0fc)
}

.footer__content {
    background-color: var(--app-background, #ddf0fc);
    padding: 40px 0
}

@media (min-width: 768px) {
    .footer__content {
        padding:80px 0
    }
}

.footer__content .container-xl {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.footer__content .container-xl .links a {
    text-decoration: none
}

.footer__content .container-xl .links a:not(.main-link):hover {
    border-bottom: 1px dotted var(--bs-link-color)
}

.footer__content .container-xl h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 15px 0;
    padding: 0
}

.footer__content .container-xl ul {
    padding: 0
}

.footer__content .container-xl ul li {
    display: block;
    margin: 0 0 5px 0;
    list-style: none;
    font-size: 14px
}

.footer__content .container-xl .logo-content {
    text-align: center
}

.footer__content .container-xl .logo-content img {
    max-width: 200px;
    max-height: 50px;
    -o-object-fit: contain;
    object-fit: contain
}

.footer__content .container-xl .links {
    display: flex;
    flex-direction: column
}

.footer__content .container-xl .links .item {
    margin-top: 10px;
    text-align: center
}

.footer__content .container-xl .links .item a,.footer__content .container-xl .links .item .obf-link {
    font-size: 14px;
    font-weight: bold;
    color: #374d5b
}

.footer__content .container-xl .links .item a:hover,.footer__content .container-xl .links .item .obf-link:hover {
    border-bottom: 2px dotted #2DA3ED
}

.footer__content .container-xl .links #rating {
    margin-top: 40px
}

.footer__content .container-xl .links #rating .notes {
    font-size: 14px;
    font-weight: bold
}

@media (min-width: 768px) {
    .footer__content .container-xl .links {
        display:inline-flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .footer__content .container-xl .links .item {
        margin-top: 0px;
        margin-right: 20px
    }
}

@media (min-width: 992px) {
    .footer__content .container-xl {
        flex-direction:row;
        align-items: center;
        justify-content: space-between
    }

    .footer__content .container-xl .logo-content {
        text-align: left;
        margin-right: 30px
    }

    .footer__content .container-xl #rating {
        min-width: 210px;
        max-width: 260px;
        margin: 0 0 0 auto
    }

    .footer__content .container-xl #rating .content {
        flex-direction: row
    }
}

.footer__content .social-networks {
    text-align: center;
    padding-top: 30px
}

.footer__content .social-networks span a {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 0 30px;
    text-indent: -9999px
}

.footer__content .social-networks span a:hover {
    opacity: .75;
    border-bottom: none
}

.footer__content #footer-facebook {
    background: url(assets-flat/footer-socialnetworks.png) 50% top no-repeat;
    background-size: 300px 100px
}

.footer__content #footer-googleplus {
    background: url(assets-flat/footer-socialnetworks.png) right top no-repeat;
    background-size: 300px 100px
}

.footer__content #recommendation {
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    border-top: 1px solid #6F6F6F;
    padding-top: 30px
}

.footer__content #recommendation #facebook_plugin_complete {
    height: 60px
}

.footer__copyright {
    background-color: #eef8fe;
    text-align: center
}

.footer__copyright--nounou-top {
    padding: 15px 0
}

.footer__copyright--nounou-top .footer__copyright-text {
    font-weight: 500
}

.footer__copyright-text {
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px;
    color: #5f707c
}

.footer__logo {
    max-width: 260px;
    width: 100%
}

.footer__content-title {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px
}

@media (min-width: 385px) {
    .footer__content-title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .footer__content-title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .footer__content-title {
        font-size:17px
    }
}

@media (min-width: 385px) {
    .footer__content-title {
        font-size:21px
    }
}

@media (min-width: 768px) {
    .footer__content-title {
        font-size:20px
    }
}

@media (min-width: 992px) {
    .footer__content-title {
        font-size:21px
    }
}

.footer__link {
    cursor: pointer;
    font-weight: 500;
    color: #4d4d4d
}

.footer__link--content:not(:last-child) {
    margin-bottom: 10px
}

.footer__link a {
    color: #4d4d4d !important
}

.footer__follow {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center
}

@media (min-width: 768px) {
    .footer__follow {
        justify-content:left
    }
}

.footer__follow svg {
    color: #4d4d4d;
    width: 36px !important;
    height: 36px !important
}

.footer__ratings #rating {
    margin: 15px 0 0 0
}

body.visitor #page-container,body.presentation-page #page-container {
    background: #FFF;
    overflow: hidden
}

@media only screen and (min-width: 1920px) {
    body.visitor #page-container,body.presentation-page #page-container {
        position:relative;
        margin: auto;
        max-width: 1920px;
        box-shadow: 0 0 30px #AAA
    }
}

body.visitor section h1,body.presentation-page section h1 {
    font-size: 36px
}

body.visitor section h1 strong,body.presentation-page section h1 strong {
    color: #F7B844
}

@media (min-width: 520px) {
    body.visitor section h1,body.presentation-page section h1 {
        font-size:40px
    }
}

@media (min-width: 768px) {
    body.visitor section h1,body.presentation-page section h1 {
        font-size:45px
    }
}

body.visitor section p.main,body.presentation-page section p.main {
    font-size: 18px;
    line-height: 32px;
    color: #444
}

body.visitor .visitor-topsection,body.presentation-page .visitor-topsection {
    margin-bottom: 40px
}

@media (min-width: 992px) {
    body.visitor .visitor-topsection,body.presentation-page .visitor-topsection {
        margin-bottom:50px
    }
}

body.visitor .visitor-topsection__container,body.presentation-page .visitor-topsection__container {
    position: relative
}

@media (min-width: 992px) {
    body.visitor .visitor-topsection__container,body.presentation-page .visitor-topsection__container {
        display:flex;
        align-items: center;
        min-height: 500px
    }
}

@media (min-width: 1200px) {
    body.visitor .visitor-topsection__container,body.presentation-page .visitor-topsection__container {
        min-height:600px;
    }
}

@media (min-width: 1600px) {
    body.visitor .visitor-topsection__container,body.presentation-page .visitor-topsection__container {
        min-height:700px
    }
}

body.visitor .visitor-topsection__background,body.presentation-page .visitor-topsection__background {
    background-repeat: no-repeat;
    position: relative;
    background-size: auto 300px;
    background-position-x: 50%;
    height: 300px;
    width: 100%
}

@media (min-width: 992px) {
    body.visitor .visitor-topsection__background,body.presentation-page .visitor-topsection__background {
        /* position:absolute; */height:100%;
        width: 48%;
        top: 0;
        right: 0;
        background-size: auto 100%;
        background-position: bottom left
    }
}

@media (min-width: 1200px) {
    body.visitor .visitor-topsection__background,body.presentation-page .visitor-topsection__background {
        background-size:auto 100%
    }
}

@media (min-width: 1600px) {
    body.visitor .visitor-topsection__background,body.presentation-page .visitor-topsection__background {
        background-position:bottom left
    }
}

body.visitor .visitor-topsection__background-effect,body.presentation-page .visitor-topsection__background-effect {
    background-image: url(assets-flat/white-search.svg);
    position: absolute;
    bottom: 0;
    height: 60px;
    z-index: 2;
    width: 100%
}

body.visitor .visitor-topsection__categories,body.presentation-page .visitor-topsection__categories {
    margin-top: 20px;
    margin-bottom: 40px
}

@media (min-width: 1200px) {
    body.visitor .visitor-topsection__categories,body.presentation-page .visitor-topsection__categories {
        margin-top:40px;
        margin-bottom: 60px
    }
}

body.visitor .visitor-topsection__categories .category-search__category-list,body.presentation-page .visitor-topsection__categories .category-search__category-list {
    justify-content: center
}

body.visitor .visitor-topsection__content,body.presentation-page .visitor-topsection__content {
    position: relative;
    z-index: 1;
    text-align: center
}

@media (min-width: 992px) {
    body.visitor .visitor-topsection__content,body.presentation-page .visitor-topsection__content {
        text-align:left
    }
}

body.visitor .visitor-topsection__title,body.presentation-page .visitor-topsection__title {
    margin-top: 30px;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #222;
    font-size: 32px;
    line-height: 35px
}

@media (min-width: 385px) {
    body.visitor .visitor-topsection__title,body.presentation-page .visitor-topsection__title {
        font-size:38px;
        line-height: 40px
    }
}

@media (min-width: 520px) {
    body.visitor .visitor-topsection__title,body.presentation-page .visitor-topsection__title {
        font-size:42px;
        line-height: 45px
    }
}

@media (min-width: 992px) {
    body.visitor .visitor-topsection__title,body.presentation-page .visitor-topsection__title {
        font-size:50px;
        line-height: 55px
    }
}

@media (min-width: 1200px) {
    body.visitor .visitor-topsection__title,body.presentation-page .visitor-topsection__title {
        font-size:56px;
        line-height: 60px
    }
}

body.visitor .visitor-topsection__promess,body.presentation-page .visitor-topsection__promess {
    color: #5f707c;
    margin-top: 20px;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 30px
}

body.visitor .visitor-topsection__promess span,body.presentation-page .visitor-topsection__promess span {
    font-weight: bold;
    text-decoration: underline
}

body.visitor .visitor-marketplace-advantage,body.presentation-page .visitor-marketplace-advantage {
    margin-top: 40px;
    padding-top: 90px;
    padding-bottom: 100px;
    background-image: url(assets-flat/advantages.svg)
}

body.visitor .visitor-marketplace-advantage img,body.presentation-page .visitor-marketplace-advantage img {
    width: 160px
}

body.visitor .visitor-marketplace-advantage__mobile-container,body.presentation-page .visitor-marketplace-advantage__mobile-container {
    display: flex;
    gap: 15px;
    overflow: scroll;
    margin-right: -20px;
    padding-right: 20px;
    margin-left: -20px;
    padding-left: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@media (min-width: 520px) {
    body.visitor .visitor-marketplace-advantage__mobile-container,body.presentation-page .visitor-marketplace-advantage__mobile-container {
        justify-content:space-evenly
    }
}

body.visitor .visitor-marketplace-advantage__mobile-container::-webkit-scrollbar,body.presentation-page .visitor-marketplace-advantage__mobile-container::-webkit-scrollbar {
    width: 0;
    height: 0
}

body.visitor .visitor-marketplace-advantage__mobile,body.presentation-page .visitor-marketplace-advantage__mobile {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    margin-bottom: 0;
    align-items: center;
    max-width: 28vw
}

@media (min-width: 520px) {
    body.visitor .visitor-marketplace-advantage__mobile,body.presentation-page .visitor-marketplace-advantage__mobile {
        max-width:unset
    }
}

body.visitor .visitor-marketplace-advantage__mobile img,body.presentation-page .visitor-marketplace-advantage__mobile img {
    width: 135px
}

body.visitor .visitor-marketplace-advantage__mobile h2,body.presentation-page .visitor-marketplace-advantage__mobile h2 {
    font-size: 16px
}

svg.icon.white {
    color: white
}

svg.icon.green,svg.icon.valid {
    color: #8AC43B !important
}

svg.icon.red {
    color: #E84D67
}

svg.icon.error {
    color: #E84D67
}

svg.icon.pending,svg.icon.progress {
    color: #F7B844
}

svg.icon.blue {
    color: #2DA3ED !important
}

svg.icon.orange {
    color: #F7B844 !important
}

svg.icon.blue-80 {
    color: #57b5f1
}

svg.icon.disabled {
    color: #9ba6ad
}

svg.icon.grey {
    color: #052032 !important
}

svg.icon.grey-16 {
    color: #d7dbde
}

svg.icon--12 {
    height: 12px;
    width: 12px
}

svg.icon--16 {
    height: 16px;
    width: 16px
}

svg.icon--24 {
    height: 24px;
    width: 24px
}

svg.icon--32 {
    height: 32px;
    width: 32px
}

svg.icon--40 {
    height: 40px;
    width: 40px
}

svg.icon--48 {
    height: 48px;
    width: 48px
}

svg.icon--loading-grow {
    animation: 850ms linear infinite cloud-grow;
    backface-visibility: hidden
}

.icon-hover-circle {
    display: block;
    position: relative;
    height: 48px;
    width: 48px;
    flex-shrink: 0
}

.icon-hover-circle:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: #FFF;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    transition: all 0.3s ease;
    opacity: 0
}

.icon-hover-circle svg,.icon-hover-circle .spinner-border {
    color: #333;
    position: absolute;
    top: 12px;
    left: 12px;
    content: "";
    height: 24px;
    width: 24px;
    transition: opacity 0.3s ease
}

.icon-hover-circle:hover:before {
    transition: all 0.3s ease;
    opacity: 1
}

.icon-hover-circle--small svg {
    top: 14px;
    left: 14px;
    height: 20px;
    width: 20px
}

.icon-hover-circle--left {
    right: 12px
}

.icon-hover-circle--left .icon-hover-circle--small {
    right: 8px
}

.icon-hover-circle--right {
    left: 12px
}

.icon-hover-circle--right .icon-hover-circle--small {
    left: 8px
}

.icon-hover-circle--blue:before {
    background-color: #E5F0F6
}

.icon-circle-background {
    background-color: #ddf0fc;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center
}

.icon-circle-background svg {
    width: 32px;
    height: 32px
}

.icon-circle-background--small {
    width: 40px;
    height: 40px
}

.icon-circle-background--small svg {
    width: 24px;
    height: 24px
}

@media (max-width: 767.98px) {
    .icon-circle-background--responsive {
        width:40px;
        height: 40px
    }

    .icon-circle-background--responsive svg {
        width: 24px;
        height: 24px
    }
}

.icon-circle-background--big {
    width: 70px;
    height: 70px
}

.icon-circle-background--big svg {
    width: 40px;
    height: 40px
}

.icon-circle-background--marketplace-home {
    background-color: #FBD3D3
}

.icon-circle-background--marketplace-senior {
    background-color: #E3F6DA
}

.icon-circle-background--marketplace-teach {
    background-color: #B5EAE0
}

.icon-circle-background--marketplace-pet {
    background-color: #FDFBDD
}

.icon-circle-background--marketplace-child {
    background-color: #D1EDFF
}

.icon-circle-background--greyed {
    background-color: #ebedef
}

.icon-circle-background--greyed svg {
    color: #9ba6ad
}

.avatar {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    background-color: #2DA3ED;
    z-index: 2
}

.avatar img {
    border-radius: 50%;
    box-sizing: content-box
}

.avatar .avatar__pastille {
    box-sizing: content-box;
    position: absolute;
    border: 2px solid #FFF;
    border-radius: 50%;
    background-color: inherit
}

.avatar .avatar__border {
    box-sizing: content-box;
    position: absolute;
    background: transparent;
    border-radius: 50%;
    border: 2px solid transparent;
    z-index: 1
}

.avatar--fiche {
    width: 80px;
    height: 80px
}

.avatar--fiche img {
    width: 80px;
    height: 80px
}

.avatar--fiche .avatar__pastille {
    width: 20px;
    height: 20px;
    top: 59px;
    left: 59px
}

.avatar--fiche .avatar__border {
    width: 84px;
    height: 84px
}

.avatar--fiche svg.thumb-image {
    width: 56px;
    color: white
}

@media (min-width: 992px) {
    .avatar--fiche {
        width:120px;
        height: 120px
    }

    .avatar--fiche img {
        height: 120px;
        width: 120px
    }

    .avatar--fiche .avatar__pastille {
        width: 32px;
        height: 32px;
        top: 86px;
        left: 86px
    }

    .avatar--fiche .avatar__border {
        width: 124px;
        height: 124px;
        border-width: 3px
    }
}

.avatar--list-item {
    width: 48px;
    height: 48px
}

.avatar--list-item img {
    width: 48px;
    height: 48px
}

.avatar--list-item .avatar__pastille {
    width: 16px;
    height: 16px;
    top: 30px;
    left: 34px
}

.avatar--list-item .avatar__border {
    width: 52px;
    height: 52px
}

.avatar--list-item svg.thumb-image {
    width: 32px;
    color: white
}

@media (min-width: 1200px) {
    .avatar--list-item {
        width:80px;
        height: 80px
    }

    .avatar--list-item img {
        width: 80px;
        height: 80px
    }

    .avatar--list-item .avatar__pastille {
        width: 20px;
        height: 20px;
        top: 59px;
        left: 59px
    }

    .avatar--list-item .avatar__border {
        width: 84px;
        height: 84px
    }

    .avatar--list-item svg.thumb-image {
        width: 56px;
        color: white
    }
}

.avatar--home {
    width: 48px;
    height: 48px
}

.avatar--home img {
    width: 48px;
    height: 48px
}

.avatar--home .avatar__pastille {
    width: 16px;
    height: 16px;
    top: 30px;
    left: 34px
}

.avatar--home .avatar__border {
    width: 52px;
    height: 52px
}

.avatar--home svg.thumb-image {
    width: 32px;
    color: white
}

@media (min-width: 768px) {
    .avatar--home {
        width:80px;
        height: 80px
    }

    .avatar--home img {
        width: 80px;
        height: 80px
    }

    .avatar--home .avatar__pastille {
        width: 20px;
        height: 20px;
        top: 59px;
        left: 59px
    }

    .avatar--home .avatar__border {
        width: 84px;
        height: 84px
    }

    .avatar--home svg.thumb-image {
        width: 56px;
        color: white
    }
}

.avatar--navigation {
    width: 48px;
    height: 48px
}

.avatar--navigation img {
    width: 48px;
    height: 48px
}

.avatar--navigation .avatar__pastille {
    width: 16px;
    height: 16px;
    top: 30px;
    left: 34px
}

.avatar--navigation .avatar__border {
    width: 52px;
    height: 52px
}

.avatar--navigation svg.thumb-image {
    width: 32px;
    color: white
}

@media (min-width: 768px) {
    .avatar--navigation {
        width:80px;
        height: 80px
    }

    .avatar--navigation img {
        width: 80px;
        height: 80px
    }

    .avatar--navigation .avatar__pastille {
        width: 20px;
        height: 20px;
        top: 59px;
        left: 59px
    }

    .avatar--navigation .avatar__border {
        width: 84px;
        height: 84px
    }

    .avatar--navigation svg.thumb-image {
        width: 56px;
        color: white
    }
}

.avatar--selection {
    width: 64px;
    height: 64px
}

.avatar--selection img {
    width: 64px;
    height: 64px
}

.avatar--selection .avatar__pastille {
    width: 18px;
    height: 18px;
    top: 46px;
    left: 46px
}

.avatar--selection .avatar__border {
    width: 68px;
    height: 68px
}

.avatar--selection svg.thumb-image {
    width: 48px;
    color: white
}

@media (min-width: 520px) {
    .avatar--selection {
        width:80px;
        height: 80px
    }

    .avatar--selection img {
        width: 80px;
        height: 80px
    }

    .avatar--selection .avatar__pastille {
        width: 20px;
        height: 20px;
        top: 59px;
        left: 59px
    }

    .avatar--selection .avatar__border {
        width: 84px;
        height: 84px
    }

    .avatar--selection svg.thumb-image {
        width: 56px;
        color: white
    }
}

@media (min-width: 768px) {
    .avatar--selection {
        width:100px;
        height: 100px
    }

    .avatar--selection img {
        width: 100px;
        height: 100px
    }

    .avatar--selection .avatar__pastille {
        width: 28px;
        height: 28px;
        top: 72px;
        left: 72px
    }

    .avatar--selection .avatar__border {
        width: 104px;
        height: 104px
    }

    .avatar--selection svg.thumb-image {
        width: 80px;
        color: white
    }
}

.avatar--conversation {
    width: 64px;
    height: 64px
}

.avatar--conversation img {
    width: 64px;
    height: 64px
}

.avatar--conversation .avatar__pastille {
    width: 18px;
    height: 18px;
    top: 46px;
    left: 46px
}

.avatar--conversation .avatar__border {
    width: 68px;
    height: 68px
}

.avatar--conversation svg.thumb-image {
    width: 48px;
    color: white
}

@media (min-width: 768px) {
    .avatar--conversation {
        width:80px;
        height: 80px
    }

    .avatar--conversation img {
        width: 80px;
        height: 80px
    }

    .avatar--conversation .avatar__pastille {
        width: 20px;
        height: 20px;
        top: 59px;
        left: 59px
    }

    .avatar--conversation .avatar__border {
        width: 84px;
        height: 84px
    }

    .avatar--conversation svg.thumb-image {
        width: 56px;
        color: white
    }
}

@media (min-width: 992px) {
    .avatar--conversation {
        width:120px;
        height: 120px
    }

    .avatar--conversation img {
        height: 120px;
        width: 120px
    }

    .avatar--conversation .avatar__pastille {
        width: 32px;
        height: 32px;
        top: 86px;
        left: 86px
    }

    .avatar--conversation .avatar__border {
        width: 124px;
        height: 124px;
        border-width: 3px
    }
}

.avatar--conversation .avatar__pastille {
    background-color: #1DCB62;
    width: 16px;
    height: 16px;
    top: 0px;
    right: 0px
}

@media (min-width: 768px) {
    .avatar--conversation .avatar__pastille {
        width:24px;
        height: 24px
    }
}

.avatar--squared {
    border-radius: 10%
}

.avatar--squared img,.avatar--squared .avatar__pastille,.avatar--squared .avatar__border {
    border-radius: 10%
}

.avatar--notebook-navigation {
    width: 48px;
    height: 48px
}

.avatar--notebook-navigation img {
    width: 48px;
    height: 48px
}

.avatar--notebook-navigation .avatar__pastille {
    width: 16px;
    height: 16px;
    top: 30px;
    left: 34px
}

.avatar--notebook-navigation .avatar__border {
    width: 52px;
    height: 52px
}

.avatar--notebook-navigation svg.thumb-image {
    width: 32px;
    color: white
}

.avatar--bubble_menu_items {
    width: 48px;
    height: 48px
}

.avatar--bubble_menu_items img {
    width: 48px;
    height: 48px
}

.avatar--bubble_menu_items .avatar__pastille {
    width: 16px;
    height: 16px;
    top: 30px;
    left: 34px
}

.avatar--bubble_menu_items .avatar__border {
    width: 52px;
    height: 52px
}

.avatar--bubble_menu_items svg.thumb-image {
    width: 32px;
    color: white
}

.avatar--bubble_menu_dropdown {
    width: 48px;
    height: 48px
}

.avatar--bubble_menu_dropdown img {
    width: 48px;
    height: 48px
}

.avatar--bubble_menu_dropdown .avatar__pastille {
    width: 16px;
    height: 16px;
    top: 30px;
    left: 34px
}

.avatar--bubble_menu_dropdown .avatar__border {
    width: 52px;
    height: 52px
}

.avatar--bubble_menu_dropdown svg.thumb-image {
    width: 32px;
    color: white
}

.avatar--event-avatar {
    width: 32px;
    height: 32px
}

.avatar--event-avatar img {
    width: 32px;
    height: 32px
}

.avatar--event-avatar .avatar__pastille {
    width: 12px;
    height: 12px;
    top: 22px;
    left: 22px
}

.avatar--event-avatar .avatar__border {
    width: 36px;
    height: 36px
}

.avatar--event-avatar svg.thumb-image {
    width: 20px;
    height: 20px
}

@media (min-width: 992px) {
    .avatar--event-avatar {
        width:48px;
        height: 48px
    }

    .avatar--event-avatar img {
        width: 48px;
        height: 48px
    }

    .avatar--event-avatar .avatar__pastille {
        width: 16px;
        height: 16px;
        top: 30px;
        left: 34px
    }

    .avatar--event-avatar .avatar__border {
        width: 52px;
        height: 52px
    }

    .avatar--event-avatar svg.thumb-image {
        width: 32px;
        color: white
    }
}

.avatar--attendance-multi-menu {
    width: 32px;
    height: 32px
}

.avatar--attendance-multi-menu img {
    width: 32px;
    height: 32px
}

.avatar--attendance-multi-menu .avatar__pastille {
    width: 12px;
    height: 12px;
    top: 22px;
    left: 22px
}

.avatar--attendance-multi-menu .avatar__border {
    width: 36px;
    height: 36px
}

.avatar--attendance-multi-menu svg.thumb-image {
    width: 20px;
    height: 20px
}

@media (min-width: 768px) {
    .avatar--attendance-multi-menu {
        width:48px;
        height: 48px
    }

    .avatar--attendance-multi-menu img {
        width: 48px;
        height: 48px
    }

    .avatar--attendance-multi-menu .avatar__pastille {
        width: 16px;
        height: 16px;
        top: 30px;
        left: 34px
    }

    .avatar--attendance-multi-menu .avatar__border {
        width: 52px;
        height: 52px
    }

    .avatar--attendance-multi-menu svg.thumb-image {
        width: 32px;
        color: white
    }
}

.avatar--taxes {
    width: 32px;
    height: 32px
}

.avatar--taxes img {
    width: 32px;
    height: 32px
}

.avatar--taxes .avatar__pastille {
    width: 12px;
    height: 12px;
    top: 22px;
    left: 22px
}

.avatar--taxes .avatar__border {
    width: 36px;
    height: 36px
}

.avatar--taxes svg.thumb-image {
    width: 20px;
    height: 20px
}

.avatar--top-badge {
    border: 4px solid #F7B844
}

.avatar--top-badge:after {
    position: absolute;
    content: "";
    background-image: url(assets-flat/cloud-label.svg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    background-size: 100% 100%;
    height: 50%;
    min-width: 25%;
    bottom: -0.50rem;
    left: 0rem
}

@media (min-width: 768px) {
    .avatar--top-badge:after {
        bottom:-1.25rem;
        left: 0.75rem
    }
}

.avatar--fake-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent
}

.avatar--fake-icon svg.icon {
    color: #2DA3ED;
    width: 30px
}

.avatar--size-1 {
    width: 32px;
    height: 32px
}

.avatar--size-1 img {
    width: 32px;
    height: 32px
}

.avatar--size-1 .avatar__pastille {
    width: 12px;
    height: 12px;
    top: 22px;
    left: 22px
}

.avatar--size-1 .avatar__border {
    width: 36px;
    height: 36px
}

.avatar--size-1 svg.thumb-image {
    width: 20px;
    height: 20px
}

.avatar--size-2 {
    width: 48px;
    height: 48px
}

.avatar--size-2 img {
    width: 48px;
    height: 48px
}

.avatar--size-2 .avatar__pastille {
    width: 16px;
    height: 16px;
    top: 30px;
    left: 34px
}

.avatar--size-2 .avatar__border {
    width: 52px;
    height: 52px
}

.avatar--size-2 svg.thumb-image {
    width: 32px;
    color: white
}

.avatar--size-3 {
    width: 64px;
    height: 64px
}

.avatar--size-3 img {
    width: 64px;
    height: 64px
}

.avatar--size-3 .avatar__pastille {
    width: 18px;
    height: 18px;
    top: 46px;
    left: 46px
}

.avatar--size-3 .avatar__border {
    width: 68px;
    height: 68px
}

.avatar--size-3 svg.thumb-image {
    width: 48px;
    color: white
}

.avatar--size-4 {
    width: 80px;
    height: 80px
}

.avatar--size-4 img {
    width: 80px;
    height: 80px
}

.avatar--size-4 .avatar__pastille {
    width: 20px;
    height: 20px;
    top: 59px;
    left: 59px
}

.avatar--size-4 .avatar__border {
    width: 84px;
    height: 84px
}

.avatar--size-4 svg.thumb-image {
    width: 56px;
    color: white
}

.avatar--size-5 {
    width: 100px;
    height: 100px
}

.avatar--size-5 img {
    width: 100px;
    height: 100px
}

.avatar--size-5 .avatar__pastille {
    width: 28px;
    height: 28px;
    top: 72px;
    left: 72px
}

.avatar--size-5 .avatar__border {
    width: 104px;
    height: 104px
}

.avatar--size-5 svg.thumb-image {
    width: 80px;
    color: white
}

.avatar--size-6 {
    width: 120px;
    height: 120px
}

.avatar--size-6 img {
    height: 120px;
    width: 120px
}

.avatar--size-6 .avatar__pastille {
    width: 32px;
    height: 32px;
    top: 86px;
    left: 86px
}

.avatar--size-6 .avatar__border {
    width: 124px;
    height: 124px;
    border-width: 3px
}

.avatar--size-7 {
    width: 160px;
    height: 160px
}

.avatar--size-7 img {
    height: 160px;
    width: 160px
}

.avatar--size-7 .avatar__pastille {
    width: 40px;
    height: 40px;
    top: 117px;
    left: 117px;
    border-width: 3px
}

.avatar--size-7 .avatar__border {
    width: 166px;
    height: 166px;
    border-width: 3px
}

.avatar--universe {
    width: 32px;
    height: 32px
}

.avatar--universe img {
    width: 32px;
    height: 32px
}

.avatar--universe .avatar__pastille {
    width: 12px;
    height: 12px;
    top: 22px;
    left: 22px
}

.avatar--universe .avatar__border {
    width: 36px;
    height: 36px
}

.avatar--universe svg.thumb-image {
    width: 20px;
    height: 20px
}

@media (min-width: 768px) {
    .avatar--universe {
        width:48px;
        height: 48px
    }

    .avatar--universe img {
        width: 48px;
        height: 48px
    }

    .avatar--universe .avatar__pastille {
        width: 16px;
        height: 16px;
        top: 30px;
        left: 34px
    }

    .avatar--universe .avatar__border {
        width: 52px;
        height: 52px
    }

    .avatar--universe svg.thumb-image {
        width: 32px;
        color: white
    }
}

.avatar--greyscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: 0.7
}

.avatar--edit a {
    font-weight: bold;
    opacity: 0;
    border-radius: 50%;
    color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
    transition: opacity 0.3s ease;
    z-index: 3
}

.avatar--edit:hover a {
    opacity: 1;
    transition: opacity 0.3s ease
}

.avatar--edit.avatar--home a {
    display: none
}

@media (min-width: 768px) {
    .avatar--edit.avatar--home a {
        display:inline-flex;
        font-size: 14px
    }
}

.modal-textarea {
    width: 100%;
    border-radius: 15px;
    border: 2px solid #BBD1DF;
    padding: 10px
}

.button_to {
    display: inline-flex
}

.quick-edit-form .head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px
}

@media (min-width: 385px) {
    .quick-edit-form .head {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .quick-edit-form .head {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .quick-edit-form .head {
        font-size:17px
    }
}

.quick-edit-form .head .start {
    flex: 1
}

.quick-edit-form .head .end {
    flex: 0 1
}

a,.link {
    cursor: pointer;
    text-decoration: none
}

a.dotted,.link.dotted {
    border-bottom: 1px dotted #2DA3ED
}

a.action,.link.action {
    font-weight: bold;
    transition: opacity 0.3s ease;
    border-bottom: none
}

a.action:hover,.link.action:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease
}

a.danger,.link.danger {
    color: #E84D67
}

a.danger.dotted,.link.danger.dotted {
    border-color: #E84D67
}

a.year-type-popup,.link.year-type-popup {
    position: relative;
    color: unset !important;
    border-bottom: 1px dotted #374d5b;
    z-index: 5
}

a.year-type-popup svg.icon,.link.year-type-popup svg.icon {
    color: #374d5b
}

a.edit-icon svg,.link.edit-icon svg {
    width: 12px !important;
    height: 12px !important;
    margin-left: 10px
}

a[disabled],.link[disabled] {
    pointer-events: none
}

a--icon,.link--icon {
    display: flex;
    align-items: center;
    gap: 6px
}

a--icon svg,.link--icon svg {
    height: 16px;
    width: 16px
}

a--text,.link--text {
    color: #4d4d4d !important
}

.link {
    -webkit-appearance: none;
    border: unset;
    text-decoration: none;
    color: var(--bs-link-color);
    padding: unset;
    background: unset
}

a.covering-link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 5
}

table.table.table--no-border tr,table.table.table--no-border td {
    border: none
}

table.table tr:last-child td {
    border-bottom: none
}

.tag {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px 5px 8px;
    border-radius: 8px;
    font-weight: 700;
    line-height: normal;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid transparent;
    color: #374d5b;
    background-color: #ebedef;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    height: -moz-fit-content;
    height: fit-content
}

.tag--small {
    padding: 3px 6px;
    font-size: 10px
}

.tag--medium {
    font-size: 13px;
    padding: 4px calc(8px + 2px) 5px calc(8px + 2px)
}

@media (min-width: 768px) {
    .tag--medium {
        font-size:15px;
        padding: 4px calc(8px + 3px) 5px calc(8px + 3px)
    }
}

.tag--big {
    font-size: 16px;
    padding: 4px calc(8px + 3px) 5px calc(8px + 3px)
}

@media (min-width: 768px) {
    .tag--big {
        font-size:18px;
        padding: 4px calc(8px + 5px) 5px calc(8px + 5px)
    }
}

.tag--icon svg.icon,.tag--left-icon svg.icon,.tag--right-icon svg.icon {
    height: 12px;
    width: 12px
}

.tag--icon {
    padding-left: 5px;
    padding-right: 5px
}

.tag--left-icon svg.icon,.tag--left-icon img {
    margin-right: 6px
}

.tag--left-icon.tag--meal {
    padding: 3px 4px
}

.tag--left-icon.tag--meal svg.icon {
    height: 22px;
    width: 22px
}

.tag--right-icon svg.icon,.tag--right-icon img {
    margin-left: 6px
}

.tag--right-icon.tag--meal {
    padding: 6px 7px
}

.tag--right-icon.tag--meal svg.icon {
    height: 22px;
    width: 22px
}

.tag--circular {
    padding: 0.5em;
    margin-right: 5px;
    height: 0.5em;
    width: 0.5em;
    border-radius: 500em
}

.tag--circular-text {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 0
}

.tag--circular-text-big {
    width: 35px;
    height: 35px
}

.tag--valid,.tag--success {
    background-color: #8AC43B;
    color: white !important
}

.tag--warning,.tag--pending {
    background-color: #F7B844;
    color: white
}

.tag--error,.tag--danger {
    background-color: #E84D67;
    color: white !important
}

.tag--link {
    border-color: #79c4f3
}

.tag--link:hover {
    color: #2DA3ED !important
}

.tag--white {
    background-color: transparent;
    color: #9ba6ad !important;
    border: 1px solid #ebedef
}

.tag--blue {
    color: #0e6ba6 !important;
    background-color: #cde9fb
}

.tag--blue svg.icon {
    color: #0e6ba6
}

.tag--blue.tag--filter-close svg:hover {
    color: #2DA3ED
}

.tag--red {
    color: #b71832 !important;
    background-color: #f9d4db
}

.tag--red svg.icon {
    color: #b71832
}

.tag--red.tag--filter-close svg:hover {
    color: #E84D67
}

.tag--orange {
    color: #cc8709 !important;
    background-color: #fdeed2
}

.tag--orange svg.icon {
    color: #cc8709
}

.tag--orange.tag--filter-close svg:hover {
    color: #F7B844
}

.tag--green {
    color: #10724e !important;
    background-color: #c9f3e3
}

.tag--green svg.icon {
    color: #10724e
}

.tag--green.tag--filter-close svg:hover {
    color: #1DCB8C
}

.tag--pink {
    color: #d93e5a !important;
    background-color: #f6d3e7
}

.tag--pink svg.icon {
    color: #d93e5a
}

.tag--pink.tag--filter-close svg:hover {
    color: #EA93A3
}

.tag--purple {
    color: #532bc3 !important;
    background-color: #d6d5e3
}

.tag--purple svg.icon {
    color: #532bc3
}

.tag--purple.tag--filter-close svg:hover {
    color: #9074E0
}

.tag--teal {
    color: #1c7c78 !important;
    background-color: #c2edeb
}

.tag--teal svg.icon {
    color: #1c7c78
}

.tag--teal.tag--filter-close svg:hover {
    color: #2FCFC8
}

.tag--grey {
    color: black !important;
    background-color: #d7dbde
}

.tag--grey svg.icon {
    color: black
}

.tag--grey.tag--filter-close svg:hover {
    color: #052032
}

.tag--pale-blue {
    color: #1b9beb !important;
    background-color: #eef8fe
}

.tag--pale-blue svg.icon {
    color: #1b9beb
}

.tag--pale-blue.tag--filter-close svg:hover {
    color: #79c4f3
}

.tag--dark {
    color: white !important;
    background-color: #1b4159
}

.tag--dark svg.icon {
    color: white
}

.tag--dark.tag--filter-close svg:hover {
    color: #cccccc
}

.tag--dark.tag--blue {
    background-color: #2DA3ED
}

.tag--dark.tag--red {
    background-color: #E84D67
}

.tag--dark.tag--orange {
    background-color: #F7B844
}

.tag--dark.tag--green {
    background-color: #1DCB8C
}

.tag--dark.tag--pink {
    background-color: #EA93A3
}

.tag--dark.tag--purple {
    background-color: #9074E0
}

.tag--dark.tag--teal {
    background-color: #2FCFC8
}

.tag--dark.tag--grey {
    background-color: #052032
}

.tag--dark.tag--pale-blue {
    background-color: #79c4f3
}

.tag--filter-close {
    padding: 8px
}

.tag--filter-close svg {
    cursor: pointer;
    width: 18px !important;
    height: 18px !important
}

.tag--with-loader {
    position: relative
}

.tag__loader {
    display: none;
    position: absolute;
    background-color: rgba(27,65,89,0.5);
    width: 100%;
    height: 100%;
    border-radius: 8px;
    align-items: center;
    justify-content: center
}

.tag__loader svg {
    color: white !important;
    margin-left: initial;
    width: 22px !important;
    height: 22px !important
}

.tag__loader--show {
    display: flex
}

.tag--valid,.tag--success {
    background-color: #8AC43B;
    color: white !important
}

.tag--warning,.tag--pending {
    background-color: #F7B844;
    color: white
}

.tag--error,.tag--danger {
    background-color: #E84D67;
    color: white !important
}

.tag--link {
    border-color: #79c4f3
}

.tag--link:hover {
    color: #2DA3ED !important
}

.tag--white {
    background-color: transparent;
    color: #9ba6ad !important;
    border: 1px solid #ebedef
}

.tag--border {
    background-color: transparent;
    color: #9ba6ad !important;
    border: 1px solid #ebedef
}

.tag--border.tag--red {
    border-color: #E84D67
}

.tag--border.tag--blue {
    border-color: #2DA3ED
}

.tag--border.tag--orange {
    border-color: #F7B844
}

.tag--border.tag--green {
    border-color: #1DCB8C
}

.tag--border.tag--pink {
    border-color: #EA93A3
}

.tag--border.tag--purple {
    border-color: #9074E0
}

.tag--border.tag--teal {
    border-color: #2FCFC8
}

a.tag:hover {
    color: black
}

a.tag--blue:hover {
    color: #0e6ba6;
    border: 1px solid #2DA3ED
}

a.tag--red:hover {
    color: inherit;
    border: 1px solid #E84D67
}

.admin-only {
    color: #F7B844 !important
}

.help-icon.admin-only svg.icon {
    background: #F7B844;
    color: #FFF !important
}

a.admin-only {
    color: #F7B844 !important
}

a.admin-only svg {
    color: #F7B844 !important
}

.tag.admin-only {
    background: #F7B844;
    color: #FFF !important
}

.tag.admin-only svg {
    color: #FFF !important
}

.segment.admin-only {
    border: 2px solid #F7B844 !important
}

.btn.btn--primary.admin-only {
    background: #F7B844 !important;
    color: white !important
}

.btn.btn--secondary.admin-only {
    border-color: #F7B844;
    color: #F7B844
}

.alert.admin-only {
    background: #F7B844;
    color: white !important
}

.line-item.admin-only .label,.line-item.admin-only .field {
    color: #F7B844 !important
}

.alert--left-absolute-image {
    padding-left: 130px;
    position: relative
}

@media (min-width: 768px) {
    .alert--left-absolute-image {
        padding-left:115px
    }
}

.alert--left-absolute-image .alert__image {
    width: 100px;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 768px) {
    .alert--left-absolute-image .alert__image {
        left:-15px
    }
}

.search-input-autocomplete {
    display: flex
}

.manual-search label {
    width: 100%
}

@media (min-width: 768px) {
    .manual-search label {
        width:35%
    }
}

.search-address-form {
    z-index: 20;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    transition-duration: 300ms;
    transition-property: top, bottom
}

.search-address-form .title,.search-address-form .wrapper_input {
    margin-bottom: 0 !important
}

.search-address-form--preload-state {
    position: absolute;
    padding: 30px 20px 30px 20px
}

.search-address-form--animation-start {
    top: 100%
}

.search-address-form--animation-end {
    top: 0;
    background-color: #EFF8FE
}

.search-address-form__input-container {
    width: 100%;
    display: flex;
    position: relative
}

.search-address-form__input-container .title {
    align-content: center;
    padding-right: 20px
}

.search-address-form__input-container .default-wrapper {
    width: calc( 100% + 40px)
}

.search-address-form__input-container #invalid-address {
    position: absolute;
    top: 100%
}

.search-address-form__message {
    display: none;
    color: #5f707c;
    font-weight: 500;
    width: 100%
}

@media (max-width: 767.98px) {
    .search-address-form__message {
        font-size:15px
    }
}

.search-address-form__cancel-icon {
    position: absolute;
    bottom: 12px;
    right: 16px;
    cursor: pointer;
    z-index: 10;
    color: #2DA3ED
}

.search-address-form__cancel-icon.hide {
    display: none
}

.search-address-form__list-loader {
    width: 100%;
    min-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0
}

.search-address-form__list-loader p {
    margin: 0
}

.autoComplete_wrapper {
    position: relative;
    flex: 1;
    padding-left: 0;
    padding-right: 0
}

.autoComplete_wrapper input ::-moz-placeholder {
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all -webkit-transform 0.3s ease
}

.autoComplete_wrapper input :-ms-input-placeholder {
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all -webkit-transform 0.3s ease
}

.autoComplete_wrapper input ::placeholder {
    transition: all 0.3s ease;
    -webkit-transition: all -webkit-transform 0.3s ease
}

.autoComplete_wrapper input:hover {
    transition: all 0.3s ease;
    -webkit-transition: all -webkit-transform 0.3s ease
}

.autoComplete_wrapper input:hover ::-moz-placeholder {
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all -webkit-transform 0.3s ease
}

.autoComplete_wrapper input:hover :-ms-input-placeholder {
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all -webkit-transform 0.3s ease
}

.autoComplete_wrapper input:hover ::placeholder {
    transition: all 0.3s ease;
    -webkit-transition: all -webkit-transform 0.3s ease
}

.autoComplete_wrapper input:hover ::-moz-selection {
    background-color: rgba(233,49,0,0.15)
}

.autoComplete_wrapper input:hover ::selection {
    background-color: rgba(233,49,0,0.15)
}

.autoComplete_wrapper input:focus ::-moz-placeholder {
    padding: 0.1rem 0.6rem;
    font-size: 0.95rem
}

.autoComplete_wrapper input:focus :-ms-input-placeholder {
    padding: 0.1rem 0.6rem;
    font-size: 0.95rem
}

.autoComplete_wrapper input:focus ::placeholder {
    padding: 0.1rem 0.6rem;
    font-size: 0.95rem
}

.autoComplete_wrapper input:focus ::-moz-selection {
    background-color: rgba(233,49,0,0.15)
}

.autoComplete_wrapper input:focus ::selection {
    background-color: rgba(233,49,0,0.15)
}

.autoComplete_wrapper ul {
    width: 100%;
    position: absolute;
    overflow-y: scroll;
    box-sizing: border-box;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    z-index: 20;
    list-style: none;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    outline: none;
    transition: 0.3s opacity ease-in-out
}

.autoComplete_wrapper ul[hidden],.autoComplete_wrapper ul:empty {
    display: block;
    opacity: 0;
    transform: scale(0)
}

.autoComplete_wrapper ul.autocomplete-address-result {
    width: calc( 100% + 40px);
    right: -20px;
    left: auto;
    transition: 300ms opacity ease-in-out;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

@media (min-width: 768px) {
    .autoComplete_wrapper ul.autocomplete-address-result {
        top:calc(100% + 5px);
        border-radius: 16px;
        overflow: hidden
    }

    .autoComplete_wrapper ul.autocomplete-address-result--no-modal-show {
        width: 100%;
        left: 0;
        height: -moz-fit-content !important;
        height: fit-content !important
    }
}

.autoComplete_wrapper ul.autocomplete-address-result--show,.autoComplete_wrapper ul.autocomplete-address-result:empty {
    height: 100vh;
    opacity: 1;
    transform: scale(1);
    transition: 150ms height ease-in-out
}

.autoComplete_wrapper ul.autocomplete-address-result--border {
    border: 1px solid #ebedef
}

.autoComplete_wrapper ul li {
    width: 100%;
    padding: 1rem 0.8rem;
    transition: all 0.2s ease;
    color: #5f707c;
    font-weight: 500
}

.autoComplete_wrapper ul li:not(:last-child) {
    border-bottom: 1px solid #ebedef
}

.autoComplete_wrapper ul li mark {
    background-color: transparent;
    font-weight: bold
}

.autoComplete_wrapper ul li:hover {
    cursor: pointer;
    color: white;
    background-color: #2DA3ED
}

.autoComplete_wrapper ul li[aria-selected="true"] {
    background-color: #2DA3ED;
    color: white
}

.breadcrumb {
    font-size: 14px
}

.breadcrumb div {
    display: inline
}

.calendar-segment {
    overflow: hidden
}

.calendar-segment .fc-axis {
    font-size: 0.75em;
    border: none !important
}

.calendar-segment .fc-event {
    border-radius: 8px
}

.calendar-segment .fc-widget-content {
    border-left: none !important
}

.calendar-segment .fc-head .fc-widget-header {
    height: 25px;
    margin-bottom: 5px !important
}

.calendar-segment td {
    height: 25px !important;
    margin-bottom: 10px
}

@media (max-width: 519.98px) {
    .calendar-segment {
        padding-top:0;
        padding-bottom: 0
    }
}

.calendar-segment .fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 3% 0 3%
}

.calendar-segment .fc-time-grid-event.fc-short .fc-time:before,.calendar-segment .fc-time-grid-event.fc-short .fc-time:after {
    display: none
}

.calendar-segment .fc-time-grid-event.fc-short .fc-time span {
    display: block
}

.calendar-segment .fc.timesheets-calendar,.calendar-segment .fc.timerange-calendar {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 520px) {
    .calendar-segment .fc.timesheets-calendar,.calendar-segment .fc.timerange-calendar {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

.calendar-segment .fc.timesheets-calendar .out-of-contract,.calendar-segment .fc.timesheets-calendar .before-first-presence,.calendar-segment .fc.timerange-calendar .out-of-contract,.calendar-segment .fc.timerange-calendar .before-first-presence {
    border: none;
    cursor: not-allowed;
    background-color: #F5F5F5
}

.calendar-segment .fc.timesheets-calendar .out-of-contract:before,.calendar-segment .fc.timesheets-calendar .before-first-presence:before,.calendar-segment .fc.timerange-calendar .out-of-contract:before,.calendar-segment .fc.timerange-calendar .before-first-presence:before {
    text-transform: uppercase;
    text-shadow: 0 0 2px #DDD;
    text-align: center;
    display: block;
    color: #FFF;
    font-size: 40px;
    font-weight: bold;
    transform: rotate(270deg);
    margin-top: 450px
}

@media (max-width: 767.98px) {
    .calendar-segment .fc.timesheets-calendar .out-of-contract:before,.calendar-segment .fc.timesheets-calendar .before-first-presence:before,.calendar-segment .fc.timerange-calendar .out-of-contract:before,.calendar-segment .fc.timerange-calendar .before-first-presence:before {
        font-size:30px
    }
}

.calendar-segment .fc.timesheets-calendar .out-of-contract .fc-time,.calendar-segment .fc.timesheets-calendar .before-first-presence .fc-time,.calendar-segment .fc.timerange-calendar .out-of-contract .fc-time,.calendar-segment .fc.timerange-calendar .before-first-presence .fc-time {
    display: none
}

.calendar-segment .fc.timesheets-calendar .out-of-contract:before,.calendar-segment .fc.timerange-calendar .out-of-contract:before {
    content: 'hors\0000A0contrat'
}

.calendar-segment .fc.timesheets-calendar .before-first-presence:before,.calendar-segment .fc.timerange-calendar .before-first-presence:before {
    content: 'hors\0000A0outil'
}

.calendar-segment .fc.timesheets-calendar .fc-body .fc-day.fc-public-holiday:before,.calendar-segment .fc.timesheets-calendar .fc-body .fc-day.fc-child-vacation:before,.calendar-segment .fc.timerange-calendar .fc-body .fc-day.fc-public-holiday:before,.calendar-segment .fc.timerange-calendar .fc-body .fc-day.fc-child-vacation:before {
    text-shadow: 0 0 2px #DDD;
    text-transform: uppercase;
    text-align: center;
    display: block;
    color: #FFF;
    font-size: 60px;
    font-weight: bold;
    transform: rotate(270deg);
    margin-top: 350px
}

@media (max-width: 767.98px) {
    .calendar-segment .fc.timesheets-calendar .fc-body .fc-day.fc-public-holiday:before,.calendar-segment .fc.timesheets-calendar .fc-body .fc-day.fc-child-vacation:before,.calendar-segment .fc.timerange-calendar .fc-body .fc-day.fc-public-holiday:before,.calendar-segment .fc.timerange-calendar .fc-body .fc-day.fc-child-vacation:before {
        font-size:40px
    }
}

.calendar-segment .fc.timesheets-calendar .fc-body .fc-day.fc-child-vacation,.calendar-segment .fc.timerange-calendar .fc-body .fc-day.fc-child-vacation {
    background-color: #fff4bd !important
}

.calendar-segment .fc.timesheets-calendar .fc-body .fc-day.fc-child-vacation.fc-today,.calendar-segment .fc.timerange-calendar .fc-body .fc-day.fc-child-vacation.fc-today {
    background-color: #ffed92 !important
}

.calendar-segment .fc.timesheets-calendar .fc-body .fc-day.fc-child-vacation:before,.calendar-segment .fc.timerange-calendar .fc-body .fc-day.fc-child-vacation:before {
    content: 'Congé' !important
}

.calendar-segment .fc.timesheets-calendar .fc-body .fc-day.fc-public-holiday,.calendar-segment .fc.timerange-calendar .fc-body .fc-day.fc-public-holiday {
    background: #E4F9D8
}

.calendar-segment .fc.timesheets-calendar .fc-body .fc-day.fc-public-holiday:before,.calendar-segment .fc.timerange-calendar .fc-body .fc-day.fc-public-holiday:before {
    content: 'Férié'
}

.calendar-segment .fc.timesheets-calendar td,.calendar-segment .fc.timerange-calendar td {
    border-color: #ebedef;
    border-style: solid;
    height: 25px
}

.calendar-segment .fc.timesheets-calendar .fc-event-container .fc-time,.calendar-segment .fc.timerange-calendar .fc-event-container .fc-time {
    padding-top: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: bold
}

@media (max-width: 767.98px) {
    .calendar-segment .fc.timesheets-calendar .fc-event-container .fc-resizer.fc-end-resizer,.calendar-segment .fc.timerange-calendar .fc-event-container .fc-resizer.fc-end-resizer {
        display:none
    }
}

.calendar-segment .fc.timesheets-calendar .fc-widget-content,.calendar-segment .fc.timerange-calendar .fc-widget-content {
    cursor: pointer
}

.calendar-segment .fc.timesheets-calendar .fc-head .fc-widget-header,.calendar-segment .fc.timerange-calendar .fc-head .fc-widget-header {
    margin-bottom: 15px;
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff
}

.calendar-segment .fc.timesheets-calendar .fc-head .fc-day-header,.calendar-segment .fc.timerange-calendar .fc-head .fc-day-header {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 10px;
    padding: 3px;
    position: relative;
    z-index: 3
}

@media (min-width: 768px) {
    .calendar-segment .fc.timesheets-calendar .fc-head .fc-day-header,.calendar-segment .fc.timerange-calendar .fc-head .fc-day-header {
        font-size:13px;
        padding: 5px
    }
}

.calendar-segment .fc.timesheets-calendar .fc-head .fc-day-header.fc-public-holiday,.calendar-segment .fc.timerange-calendar .fc-head .fc-day-header.fc-public-holiday {
    background: #E4F9D8;
    color: #333
}

.calendar-segment .fc.timesheets-calendar .fc-event-container .fc-time,.calendar-segment .fc.timerange-calendar .fc-event-container .fc-time {
    font-size: 11px;
    padding-left: 2px
}

.calendar-segment .fc.timesheets-calendar .fc-event-container .fc-time span,.calendar-segment .fc.timerange-calendar .fc-event-container .fc-time span {
    white-space: break-spaces
}

@media (min-width: 768px) {
    .calendar-segment .fc.timesheets-calendar .fc-event-container .fc-time,.calendar-segment .fc.timerange-calendar .fc-event-container .fc-time {
        font-size:13px;
        padding-left: 5px
    }
}

.calendar-segment .fc.timesheets-calendar .fc-axis,.calendar-segment .fc.timerange-calendar .fc-axis {
    font-weight: normal;
    border: none;
    box-sizing: content-box;
    font-size: 9px;
    padding-left: 2px;
    width: 18px
}

@media (min-width: 768px) {
    .calendar-segment .fc.timesheets-calendar .fc-axis,.calendar-segment .fc.timerange-calendar .fc-axis {
        padding-left:4px;
        font-size: 13px;
        width: 25px
    }
}

.calendar-segment .fc.timesheets-calendar .fc-event .fc-bg,.calendar-segment .fc.timerange-calendar .fc-event .fc-bg {
    background: none;
    opacity: 1
}

.calendar-segment .fc.timesheets-calendar .under-vacation-timerange,.calendar-segment .fc.timerange-calendar .under-vacation-timerange {
    background-color: rgba(255,244,189,0.1);
    border: 2px dashed #D0CE08;
    color: #D0CE08
}

.calendar-segment .fc.timesheets-calendar .pending,.calendar-segment .fc.timerange-calendar .pending {
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    color: #b3b3b3
}

.calendar-segment .fc.timesheets-calendar .pending.no-event,.calendar-segment .fc.timerange-calendar .pending.no-event {
    background-color: transparent;
    border: none
}

.calendar-segment .fc.timesheets-calendar .pending.no-event .fc-time,.calendar-segment .fc.timerange-calendar .pending.no-event .fc-time {
    display: none
}

.calendar-segment .fc.timesheets-calendar .original,.calendar-segment .fc.timerange-calendar .original {
    background-color: rgba(144,203,103,0.9);
    border-color: rgba(144,203,103,0.9)
}

.calendar-segment .fc.timesheets-calendar .original .fc-time,.calendar-segment .fc.timerange-calendar .original .fc-time {
    color: #fff
}

.calendar-segment .fc.timesheets-calendar .original.no-event,.calendar-segment .fc.timerange-calendar .original.no-event {
    background-color: transparent;
    border: none
}

.calendar-segment .fc.timesheets-calendar .original.no-event .fc-time,.calendar-segment .fc.timerange-calendar .original.no-event .fc-time {
    display: none
}

.calendar-segment .fc.timesheets-calendar .edited,.calendar-segment .fc.timerange-calendar .edited {
    background-color: rgba(144,203,103,0.9);
    border-color: rgba(144,203,103,0.9)
}

.calendar-segment .fc.timesheets-calendar .edited .fc-time,.calendar-segment .fc.timerange-calendar .edited .fc-time {
    color: #fff
}

.calendar-segment .fc.timesheets-calendar .added,.calendar-segment .fc.timerange-calendar .added {
    background-color: rgba(114,167,77,0.9);
    border-color: rgba(114,167,77,0.9)
}

.calendar-segment .fc.timesheets-calendar .added .fc-time,.calendar-segment .fc.timerange-calendar .added .fc-time {
    color: #fff
}

.calendar-segment .fc.timesheets-calendar .deleted,.calendar-segment .fc.timerange-calendar .deleted {
    background-color: rgba(144,203,103,0.1);
    border: 1px dashed #90cb67;
    color: #777
}

@media (min-width: 992px) {
    .calendar-segment .fc.timesheets-calendar .fc-head .fc-day-header {
        font-size:14px
    }
}

@media (min-width: 1200px) {
    .calendar-segment .fc.timesheets-calendar .fc-head .fc-day-header {
        font-size:15px
    }
}

.calendar-segment .timesheets-resume.fc {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 520px) {
    .calendar-segment .timesheets-resume.fc {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

.calendar-segment .timesheets-resume.fc * {
    box-sizing: border-box !important
}

.calendar-segment .timesheets-resume.fc td {
    text-align: center;
    vertical-align: middle;
    border-color: #fff;
    border-top: none
}

.calendar-segment .timesheets-resume.fc .fc-row {
    border-right-color: #fff;
    overflow-y: hidden
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume {
    border-right-color: #fff;
    font-size: 12px
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume td {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 8px 5px;
    font-size: 14px
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume td.incomplete {
    background-color: #F5F5F5
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume td.complete {
    background-color: #f0fef4
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume td.has-changes {
    background-color: #FCF6E8
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume td.first {
    border: none;
    box-sizing: content-box;
    font-size: 9px;
    padding-left: 2px;
    width: 18px
}

@media (min-width: 768px) {
    .calendar-segment .timesheets-resume.fc .fc-row .inner-resume td.first {
        padding-left:4px;
        font-size: 13px;
        width: 25px
    }
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume td.contract-day-summary-pending {
    color: #b1b1b1
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.infos td {
    vertical-align: top;
    text-align: left;
    word-break: break-word;
    overflow: hidden
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.infos td .status {
    font-weight: normal
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.infos td .comment {
    margin-top: 8px;
    color: #5f707c;
    font-size: 12px
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.infos td svg.icon_message {
    height: 16px;
    width: 16px;
    color: #2DA3ED
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.allowance td {
    font-size: 12px;
    color: #052032
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.allowance td a {
    color: #052032
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.allowance td.incomplete {
    color: #b4bcc2
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.allowance td.incomplete a {
    color: #b4bcc2
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.actions td .actions-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: center
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.actions td .actions-container .btn--ghost {
    display: none
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.actions td .actions-container .btn {
    flex-shrink: 0
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.meals td .meals-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.meals td .meals-container .tag {
    border-color: #CCC
}

@media (max-width: 519.98px) {
    .calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.meals td .meals-container .tag--meal {
        border:none;
        background: none;
        font-size: 11px;
        padding: 3px;
        padding-left: 27px
    }

    .calendar-segment .timesheets-resume.fc .fc-row .inner-resume tr.meals td .meals-container .tag--meal svg {
        left: 3px
    }
}

.cards-list {
    margin-bottom: 1.5rem
}

@media (min-width: 768px) {
    .cards-list {
        margin-bottom:3rem
    }
}

.cards-list .col .card-block {
    background-color: white;
    padding: 1rem;
    position: relative;
    overflow: hidden
}

.cards-list .col .card-block .card-block__main {
    display: flex;
    align-items: center
}

.cards-list .col .card-block .card-block__main:after {
    content: '';
    margin-left: auto;
    margin-right: -8px;
    min-width: 24px;
    height: 24px;
    width: 24px;
    background-image: url(assets-flat/chevron_right.svg);
    background-size: 24px 24px
}

.cards-list .col .card-block .tag {
    display: block;
    margin: 5px 0
}

.cards-list .col .card-block .image {
    height: 100%;
    width: 48px;
    min-width: 48px;
    text-align: center
}

.cards-list .col .card-block .image img {
    width: 100%;
    height: auto
}

.cards-list .col .card-block .avatar {
    width: 48px;
    height: 48px
}

.cards-list .col .card-block .avatar img {
    width: 48px;
    height: 48px
}

.cards-list .col .card-block .avatar .avatar__pastille {
    width: 16px;
    height: 16px;
    top: 30px;
    left: 34px
}

.cards-list .col .card-block .avatar .avatar__border {
    width: 52px;
    height: 52px
}

.cards-list .col .card-block .avatar svg.thumb-image {
    width: 32px;
    color: white
}

@media (min-width: 360px) {
    .cards-list .col .card-block .image {
        width:64px;
        min-width: 64px
    }

    .cards-list .col .card-block .image--large {
        width: 80px;
        min-width: 80px
    }

    .cards-list .col .card-block .avatar {
        width: 64px;
        height: 64px
    }

    .cards-list .col .card-block .avatar img {
        width: 64px;
        height: 64px
    }

    .cards-list .col .card-block .avatar .avatar__pastille {
        width: 18px;
        height: 18px;
        top: 46px;
        left: 46px
    }

    .cards-list .col .card-block .avatar .avatar__border {
        width: 68px;
        height: 68px
    }

    .cards-list .col .card-block .avatar svg.thumb-image {
        width: 48px;
        color: white
    }
}

@media (min-width: 520px) {
    .cards-list .col .card-block .image.image--large {
        width:100px;
        min-width: 100px
    }
}

.cards-list .col .card-block .image,.cards-list .col .card-block .avatar {
    flex-shrink: 0
}

.cards-list .col .card-block .card__content {
    margin-left: 14px
}

.cards-list .col .card-block .card__content .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px;
    word-break: break-word
}

@media (min-width: 385px) {
    .cards-list .col .card-block .card__content .title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .cards-list .col .card-block .card__content .title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .cards-list .col .card-block .card__content .title {
        font-size:17px
    }
}

.cards-list .col .card-block .card__content .comments {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .cards-list .col .card-block .card__content .comments {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .cards-list .col .card-block .card__content .comments {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .cards-list .col .card-block .card__content .comments {
        font-size:16px
    }
}

.cards-list .col .card-block .card__content .comments .description {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #9ba6ad
}

@media (min-width: 385px) {
    .cards-list .col .card-block .card__content .comments .description {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .cards-list .col .card-block .card__content .comments .description {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .cards-list .col .card-block .card__content .comments .description {
        font-size:14px
    }
}

.cards-list .col .card-block .card__content a.action {
    position: relative;
    z-index: 20
}

.cards-list .col .card-block a.main-link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 20
}

.cards-list--stacked-small-big .col .card-block {
    border-bottom: 1px solid #d7dbde
}

.cards-list--stacked-small-big .col:first-child .card-block {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.cards-list--stacked-small-big .col:last-child .card-block {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.cards-list--stacked-small-big .col:last-child .card-block:not(.let-border) {
    border: unset
}

@media (min-width: 520px) {
    .cards-list--stacked-small-big {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 24px
    }

    .cards-list--stacked-small-big .col .card-block {
        height: 100%;
        border-radius: 12px;
        padding: 1rem;
        border: unset
    }

    .cards-list--stacked-small-big .col .card-block:hover {
        box-shadow: 0px 1px 10px 2px rgba(34,36,38,0.05);
        transition: all 50ms ease-in;
        transform: translateY(2px)
    }
}

@media (min-width: 768px) {
    .cards-list--stacked-small-big {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 24px
    }

    .cards-list--stacked-small-big .col .card-block {
        background-color: white;
        padding: 38px 15px 33px 15px;
        border-radius: 12px;
        border: unset
    }

    .cards-list--stacked-small-big .col .card-block:hover {
        box-shadow: 0px 1px 10px 2px rgba(34,36,38,0.05);
        transition: all 50ms ease-in;
        transform: translateY(2px)
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main {
        flex-direction: column;
        justify-content: flex-start
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main:after {
        display: none
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .avatar {
        width: 120px;
        height: 120px
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .avatar img {
        height: 120px;
        width: 120px
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .avatar .avatar__pastille {
        width: 32px;
        height: 32px;
        top: 86px;
        left: 86px
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .avatar .avatar__border {
        width: 124px;
        height: 124px;
        border-width: 3px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .cards-list--stacked-small-big .col .card-block .card-block__main .avatar {
        width:160px;
        height: 160px
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .avatar img {
        height: 160px;
        width: 160px
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .avatar .avatar__pastille {
        width: 40px;
        height: 40px;
        top: 117px;
        left: 117px;
        border-width: 3px
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .avatar .avatar__border {
        width: 166px;
        height: 166px;
        border-width: 3px
    }
}

@media (min-width: 768px) {
    .cards-list--stacked-small-big .col .card-block .card-block__main .image {
        height:120px;
        width: 120px
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .image--large {
        height: 160px;
        width: 160px
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .card__content {
        margin-left: unset
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .card__content .tag {
        position: absolute;
        margin-top: 0;
        top: 8px;
        left: 8px
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .card__content .title {
        font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: #052032;
        line-height: 24px;
        text-align: center;
        margin-bottom: 6px;
        margin-top: 20px
    }
}

@media (min-width: 768px) and (min-width: 385px) {
    .cards-list--stacked-small-big .col .card-block .card-block__main .card__content .title {
        font-size:19px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .cards-list--stacked-small-big .col .card-block .card-block__main .card__content .title {
        font-size:20px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .cards-list--stacked-small-big .col .card-block .card-block__main .card__content .title {
        font-size:22px
    }
}

@media (min-width: 768px) {
    .cards-list--stacked-small-big .col .card-block .card-block__main .card__content .comments {
        margin-top:10px;
        text-align: center
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .card__content .comments .description {
        margin-top: 8px;
        font-size: 0.875em
    }

    .cards-list--stacked-small-big .col .card-block .card-block__main .card__content .delete {
        text-align: center
    }
}

.cards-list--stacked-small-big--payslip .col .card-block {
    padding: 15px
}

.cards-list--stacked-small-big--payslip .col .card-block .card-block__main {
    display: block
}

.cards-list--stacked-small-big--payslip .col .card-block .card-block__main .card__content .title {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-top: 0
}

@media (min-width: 385px) {
    .cards-list--stacked-small-big--payslip .col .card-block .card-block__main .card__content .title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .cards-list--stacked-small-big--payslip .col .card-block .card-block__main .card__content .title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .cards-list--stacked-small-big--payslip .col .card-block .card-block__main .card__content .title {
        font-size:17px
    }
}

.cards-list--stacked-small-big--payslip .col .card-block .card-block__main .card-block__sub {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cards-list--stacked-small-big--payslip .col .card-block .card-block__main .card-block__sub .amount {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px;
    color: #374d5b
}

@media (min-width: 385px) {
    .cards-list--stacked-small-big--payslip .col .card-block .card-block__main .card-block__sub .amount {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .cards-list--stacked-small-big--payslip .col .card-block .card-block__main .card-block__sub .amount {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .cards-list--stacked-small-big--payslip .col .card-block .card-block__main .card-block__sub .amount {
        font-size:17px
    }
}

.cards-list--stacked-small-big--payslip .col .card-block .card-block__main .card-block__sub .amount.disabled {
    color: #d7dbde
}

.cards-list--stacked-small-big--payslip .col .card-block .card-block__main .image {
    margin: auto;
    margin-top: 10px
}

.cards-list--stacked-small .col .card-block {
    border-bottom: 1px solid #d7dbde
}

.cards-list--stacked-small .col:first-child .card-block {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.cards-list--stacked-small .col:last-child .card-block {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.cards-list--stacked-small .col:last-child .card-block:not(.let-border) {
    border: unset
}

@media (min-width: 520px) {
    .cards-list--stacked-small {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 24px
    }

    .cards-list--stacked-small .col .card-block {
        height: 100%;
        border-radius: 12px;
        padding: 1rem;
        border: unset
    }

    .cards-list--stacked-small .col .card-block:hover {
        box-shadow: 0px 1px 10px 2px rgba(34,36,38,0.05);
        transition: all 50ms ease-in;
        transform: translateY(2px)
    }
}

.cards-list--small-big {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px
}

.cards-list--small-big .col .card-block {
    height: 100%;
    border-radius: 12px;
    padding: 1rem;
    border: unset
}

.cards-list--small-big .col .card-block:hover {
    box-shadow: 0px 1px 10px 2px rgba(34,36,38,0.05);
    transition: all 50ms ease-in;
    transform: translateY(2px)
}

@media (min-width: 768px) {
    .cards-list--small-big {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 24px
    }

    .cards-list--small-big .col .card-block {
        background-color: white;
        padding: 38px 15px 33px 15px;
        border-radius: 12px;
        border: unset
    }

    .cards-list--small-big .col .card-block:hover {
        box-shadow: 0px 1px 10px 2px rgba(34,36,38,0.05);
        transition: all 50ms ease-in;
        transform: translateY(2px)
    }

    .cards-list--small-big .col .card-block .card-block__main {
        flex-direction: column;
        justify-content: flex-start
    }

    .cards-list--small-big .col .card-block .card-block__main:after {
        display: none
    }

    .cards-list--small-big .col .card-block .card-block__main .avatar {
        width: 120px;
        height: 120px
    }

    .cards-list--small-big .col .card-block .card-block__main .avatar img {
        height: 120px;
        width: 120px
    }

    .cards-list--small-big .col .card-block .card-block__main .avatar .avatar__pastille {
        width: 32px;
        height: 32px;
        top: 86px;
        left: 86px
    }

    .cards-list--small-big .col .card-block .card-block__main .avatar .avatar__border {
        width: 124px;
        height: 124px;
        border-width: 3px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .cards-list--small-big .col .card-block .card-block__main .avatar {
        width:160px;
        height: 160px
    }

    .cards-list--small-big .col .card-block .card-block__main .avatar img {
        height: 160px;
        width: 160px
    }

    .cards-list--small-big .col .card-block .card-block__main .avatar .avatar__pastille {
        width: 40px;
        height: 40px;
        top: 117px;
        left: 117px;
        border-width: 3px
    }

    .cards-list--small-big .col .card-block .card-block__main .avatar .avatar__border {
        width: 166px;
        height: 166px;
        border-width: 3px
    }
}

@media (min-width: 768px) {
    .cards-list--small-big .col .card-block .card-block__main .image {
        height:120px;
        width: 120px
    }

    .cards-list--small-big .col .card-block .card-block__main .image--large {
        height: 160px;
        width: 160px
    }

    .cards-list--small-big .col .card-block .card-block__main .card__content {
        margin-left: unset
    }

    .cards-list--small-big .col .card-block .card-block__main .card__content .tag {
        position: absolute;
        margin-top: 0;
        top: 8px;
        left: 8px
    }

    .cards-list--small-big .col .card-block .card-block__main .card__content .title {
        font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: #052032;
        line-height: 24px;
        text-align: center;
        margin-bottom: 6px;
        margin-top: 20px
    }
}

@media (min-width: 768px) and (min-width: 385px) {
    .cards-list--small-big .col .card-block .card-block__main .card__content .title {
        font-size:19px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .cards-list--small-big .col .card-block .card-block__main .card__content .title {
        font-size:20px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .cards-list--small-big .col .card-block .card-block__main .card__content .title {
        font-size:22px
    }
}

@media (min-width: 768px) {
    .cards-list--small-big .col .card-block .card-block__main .card__content .comments {
        margin-top:10px;
        text-align: center
    }

    .cards-list--small-big .col .card-block .card-block__main .card__content .comments .description {
        margin-top: 8px;
        font-size: 0.875em
    }

    .cards-list--small-big .col .card-block .card-block__main .card__content .delete {
        text-align: center
    }
}

.cards-list--big {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px
}

.cards-list--big .col .card-block {
    background-color: white;
    padding: 38px 15px 33px 15px;
    border-radius: 12px;
    border: unset
}

.cards-list--big .col .card-block:hover {
    box-shadow: 0px 1px 10px 2px rgba(34,36,38,0.05);
    transition: all 50ms ease-in;
    transform: translateY(2px)
}

.cards-list--big .col .card-block .card-block__main {
    flex-direction: column;
    justify-content: flex-start
}

.cards-list--big .col .card-block .card-block__main:after {
    display: none
}

.cards-list--big .col .card-block .card-block__main .avatar {
    width: 120px;
    height: 120px
}

.cards-list--big .col .card-block .card-block__main .avatar img {
    height: 120px;
    width: 120px
}

.cards-list--big .col .card-block .card-block__main .avatar .avatar__pastille {
    width: 32px;
    height: 32px;
    top: 86px;
    left: 86px
}

.cards-list--big .col .card-block .card-block__main .avatar .avatar__border {
    width: 124px;
    height: 124px;
    border-width: 3px
}

@media (min-width: 992px) {
    .cards-list--big .col .card-block .card-block__main .avatar {
        width:160px;
        height: 160px
    }

    .cards-list--big .col .card-block .card-block__main .avatar img {
        height: 160px;
        width: 160px
    }

    .cards-list--big .col .card-block .card-block__main .avatar .avatar__pastille {
        width: 40px;
        height: 40px;
        top: 117px;
        left: 117px;
        border-width: 3px
    }

    .cards-list--big .col .card-block .card-block__main .avatar .avatar__border {
        width: 166px;
        height: 166px;
        border-width: 3px
    }
}

.cards-list--big .col .card-block .card-block__main .image {
    height: 120px;
    width: 120px
}

.cards-list--big .col .card-block .card-block__main .image--large {
    height: 160px;
    width: 160px
}

.cards-list--big .col .card-block .card-block__main .card__content {
    margin-left: unset
}

.cards-list--big .col .card-block .card-block__main .card__content .tag {
    position: absolute;
    margin-top: 0;
    top: 8px;
    left: 8px
}

.cards-list--big .col .card-block .card-block__main .card__content .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #052032;
    line-height: 24px;
    text-align: center;
    margin-bottom: 6px;
    margin-top: 20px
}

@media (min-width: 385px) {
    .cards-list--big .col .card-block .card-block__main .card__content .title {
        font-size:19px
    }
}

@media (min-width: 768px) {
    .cards-list--big .col .card-block .card-block__main .card__content .title {
        font-size:20px
    }
}

@media (min-width: 992px) {
    .cards-list--big .col .card-block .card-block__main .card__content .title {
        font-size:22px
    }
}

.cards-list--big .col .card-block .card-block__main .card__content .comments {
    margin-top: 10px;
    text-align: center
}

.cards-list--big .col .card-block .card-block__main .card__content .comments .description {
    margin-top: 8px;
    font-size: 0.875em
}

.cards-list--big .col .card-block .card-block__main .card__content .delete {
    text-align: center
}

.cards-list--big--achievement .col {
    margin-top: 100px
}

.cards-list--big--achievement .col .card-block {
    border: 3px solid #8AC43B !important;
    height: 100%;
    overflow: visible !important
}

.cards-list--big--achievement .col .card-block__main .tag {
    left: unset !important;
    right: 8px !important
}

.cards-list--big--achievement .col .card-block__main .image {
    margin-top: -120px;
    position: relative;
    width: initial !important;
    height: initial !important
}

.cards-list--big--achievement .col .card-block__main .image .trophy {
    width: 115px !important
}

@media (min-width: 1200px) {
    .cards-list--big--achievement .col .card-block__main .image .trophy {
        width:140px !important
    }
}

.cards-list--big--achievement .col .card-block__main .image .type {
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px !important
}

@media (min-width: 1200px) {
    .cards-list--big--achievement .col .card-block__main .image .type {
        width:50px !important
    }
}

.cards-list--big--achievement .col .card-block.achievement--unwon {
    border: 0 !important
}

.cards-list--big--achievement .col .card-block.achievement--unwon .title,.cards-list--big--achievement .col .card-block.achievement--unwon .comments {
    color: #9ba6ad !important
}

.cards-list--big--achievement .col .card-block.achievement--unwon .image img.type {
    filter: grayscale(1)
}

.cards-list--big--covering-image .col .card-block {
    padding-top: 0;
    box-shadow: 0 5px 12px rgba(50,50,93,0.1),0 2px 7px rgba(0,0,0,0.07)
}

.cards-list--big--covering-image .col .card-block__main .image {
    margin-left: -15px;
    margin-right: -15px;
    height: unset !important;
    width: calc(100% + 30px) !important
}

.cards-list--image-overflow .col .card-block {
    overflow: visible !important;
    margin-left: 70px;
    padding: 0
}

@media (min-width: 520px) {
    .cards-list--image-overflow .col .card-block {
        margin-left:0;
        margin-top: 70px;
        padding: 15px 15px 25px
    }
}

.cards-list--image-overflow .col .card-block__main {
    flex-direction: row !important
}

@media (min-width: 520px) {
    .cards-list--image-overflow .col .card-block__main {
        flex-direction:column !important
    }
}

.cards-list--image-overflow .col .card-block__main .image {
    background: #cde9fb;
    border-radius: 50%;
    margin-left: -75px
}

@media (min-width: 520px) {
    .cards-list--image-overflow .col .card-block__main .image {
        margin-left:0;
        margin-top: -75px
    }
}

.cards-list--image-overflow .col .card-block__main img {
    height: 100% !important
}

.cards-list--image-overflow .col .card-block .card__content {
    width: 100%;
    padding: 10px
}

.cards-list--image-overflow .col .card-block .card-block__main .card__content .title {
    margin-top: 0;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px
}

@media (min-width: 385px) {
    .cards-list--image-overflow .col .card-block .card-block__main .card__content .title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .cards-list--image-overflow .col .card-block .card-block__main .card__content .title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .cards-list--image-overflow .col .card-block .card-block__main .card__content .title {
        font-size:17px
    }
}

@media (min-width: 520px) {
    .cards-list--image-overflow .col .card-block .card-block__main .card__content .title {
        margin-top:15px
    }
}

.cards-list--image-overflow-modal {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px
}

.cards-list--image-overflow-modal .col .card-block {
    height: 100%;
    border-radius: 12px;
    padding: 1rem;
    border: unset
}

.cards-list--image-overflow-modal .col .card-block:hover {
    box-shadow: 0px 1px 10px 2px rgba(34,36,38,0.05);
    transition: all 50ms ease-in;
    transform: translateY(2px)
}

.cards-list--image-overflow-modal .col a.main-link {
    width: calc(100% + 50px) !important;
    left: -50px !important
}

.cards-list--image-overflow-modal .col .card-block {
    overflow: visible !important;
    margin-left: 40px;
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width: 767.98px) {
    .cards-list--image-overflow-modal .col .card-block__main:after {
        display:none
    }
}

.cards-list--image-overflow-modal .col .card-block__main .image {
    z-index: 15;
    margin-left: -60px;
    height: 100px;
    width: 100px
}

.cards-list--image-overflow-modal .col .card-block .card__content {
    padding-top: 10px;
    padding-bottom: 10px
}

.child-color-palette {
    margin-bottom: 25px
}

.child-color-palette .coloritem {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 5px;
    border-radius: 20px;
    position: relative
}

.child-color-palette .coloritem--used {
    cursor: not-allowed
}

.child-color-palette .coloritem svg {
    position: absolute;
    top: 11px;
    left: 12px;
    color: white;
    height: 16px;
    width: 16px
}

.children-dropdown {
    cursor: pointer
}

.children-dropdown .dropdown-toggle {
    display: flex;
    align-items: center
}

.children-dropdown .dropdown-toggle:after {
    display: none
}

.children-dropdown .dropdown-toggle svg.icon_dropdown {
    margin-left: 10px;
    height: 0.75em;
    width: 0.75em
}

.children-dropdown .dropdown-menu {
    overflow: hidden
}

.children-dropdown .dropdown-menu .dropdown-item {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    display: flex;
    align-items: center
}

.children-dropdown .dropdown-menu .dropdown-item.active {
    font-weight: bold
}

.children-dropdown .dropdown-menu .dropdown-item .coloritem {
    display: block;
    margin-right: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.children-dropdown .dropdown-menu .dropdown-item svg.icon {
    margin-left: 5px
}

#lateral-menu.editor-menu .sidebar__top {
    position: relative;
    right: 30px;
    padding: 16px 24px 0 24px;
    min-height: 20px;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #5f707c;
    text-align: left
}

@media (min-width: 768px) {
    #lateral-menu.editor-menu .sidebar__top {
        min-height:30px
    }
}

@media (min-width: 385px) {
    #lateral-menu.editor-menu .sidebar__top {
        font-size:16px
    }
}

@media (min-width: 768px) {
    #lateral-menu.editor-menu .sidebar__top {
        font-size:15px
    }
}

@media (min-width: 992px) {
    #lateral-menu.editor-menu .sidebar__top {
        font-size:16px
    }
}

#lateral-menu.editor-menu .sidebar__top:before {
    height: 24px;
    width: 24px;
    background: url(assets-flat/chevron_double.svg) no-repeat;
    top: 30px;
    right: -17px
}

#lateral-menu.editor-menu .sidebar__top .text {
    font-weight: bold
}

#lateral-menu.editor-menu .sidebar__bottom {
    position: absolute;
    left: 30px;
    bottom: 25px
}

#lateral-menu.editor-menu .sidebar__container {
    height: calc(100% - 20px - 75px)
}

@media (min-width: 768px) {
    #lateral-menu.editor-menu .sidebar__container {
        height:calc(100% - 30px - 85px)
    }
}

#lateral-menu.editor-menu .editor-steps {
    position: relative;
    left: 220px
}

#lateral-menu.editor-menu a.menu-line,#lateral-menu.editor-menu span.menu-line {
    padding: 1rem
}

#lateral-menu.editor-menu .menu-line {
    border: none
}

#lateral-menu.editor-menu .menu-line.error .count {
    background-color: #E84D67 !important;
    color: white !important
}

#lateral-menu.editor-menu .menu-line.error .title {
    color: #E84D67 !important
}

#lateral-menu.editor-menu .menu-line .main_step {
    display: flex;
    align-items: center;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif
}

#lateral-menu.editor-menu .menu-line .main_step .count {
    background-color: #ddf0fc;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 40px;
    text-align: center;
    line-height: 24px;
    color: #2DA3ED;
    font-weight: 700;
    padding: 0;
    font-size: 12px;
    margin-right: 23px;
    margin-left: 23px
}

#lateral-menu.editor-menu .menu-line .main_step .title {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #052032;
    font-weight: 700;
    line-height: 19px
}

#lateral-menu.editor-menu .menu-line .main_step.active .count {
    background-color: #2DA3ED;
    color: white
}

#lateral-menu.editor-menu .menu-line .main_step.active .title {
    color: #2DA3ED
}

#lateral-menu.editor-menu .menu-line.accordion-item {
    padding-bottom: 1rem
}

#lateral-menu.editor-menu .menu-line.accordion-item .accordion-button {
    padding: 14px 1rem 0 0
}

#lateral-menu.editor-menu .menu-line.accordion-item .accordion-body {
    padding-top: 20px;
    padding-bottom: 0px
}

#lateral-menu.editor-menu .menu-line .sub_steps {
    display: flex;
    overflow: visible;
    margin-left: 16px
}

#lateral-menu.editor-menu .menu-line .sub_steps:before {
    content: '';
    display: block;
    width: 4px;
    background-color: #2DA3ED;
    margin-left: 17px;
    margin-top: -24px;
    margin-right: 14px;
    margin-bottom: 7px;
    border-radius: 20px
}

#lateral-menu.editor-menu .menu-line .sub_steps a {
    border-bottom: 1px solid transparent
}

#lateral-menu.editor-menu .menu-line .sub_steps a:hover {
    border-bottom-color: #2DA3ED
}

#lateral-menu.editor-menu .menu-line .steps {
    margin-left: 2px
}

#lateral-menu.editor-menu .menu-line .steps .sub_step {
    padding: 0 0 12px 0;
    font-size: 15px;
    line-height: 19px;
    display: flex;
    align-items: center
}

#lateral-menu.editor-menu .menu-line .steps .sub_step a,#lateral-menu.editor-menu .menu-line .steps .sub_step span {
    color: #374d5b
}

#lateral-menu.editor-menu .menu-line .steps .sub_step::before {
    top: 0;
    content: '';
    position: relative;
    left: -24px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: white;
    border: 2px solid #2DA3ED;
    border-radius: 40px
}

#lateral-menu.editor-menu .menu-line .steps .sub_step.disabled a,#lateral-menu.editor-menu .menu-line .steps .sub_step.disabled span {
    color: #5f707c
}

#lateral-menu.editor-menu .menu-line .steps .sub_step.active {
    font-weight: bold
}

#lateral-menu.editor-menu .menu-line .steps .sub_step.active::before {
    background-color: #2DA3ED;
    width: 16px;
    height: 16px;
    left: -26px;
    margin-right: -3px
}

#lateral-menu.editor-menu .menu-line.disabled {
    cursor: not-allowed !important
}

#lateral-menu.editor-menu .menu-line.disabled .accordion-button {
    cursor: not-allowed;
    pointer-events: none
}

#lateral-menu.editor-menu .menu-line.disabled .accordion-button:after {
    display: none
}

#lateral-menu.editor-menu .menu-line.disabled .count {
    background-color: #ebedef;
    color: #5f707c
}

#lateral-menu.editor-menu .menu-line.disabled .title {
    color: #9ba6ad
}

#lateral-menu.editor-menu .menu-line.disabled .sub_steps:before {
    background-color: #9ba6ad
}

#lateral-menu.editor-menu .menu-line.disabled .sub_steps .steps .sub_step {
    color: #5f707c
}

#lateral-menu.editor-menu .menu-line.disabled .sub_steps .steps .sub_step a,#lateral-menu.editor-menu .menu-line.disabled .sub_steps .steps .sub_step span {
    color: #5f707c
}

#lateral-menu.editor-menu .menu-line.disabled .sub_steps .steps .sub_step::before {
    border-color: #9ba6ad
}

#lateral-menu.editor-menu.fxp-sidebar-mini:not(.fxp-sidebar-open) .sub_step a {
    display: none
}

#lateral-menu.editor-menu.fxp-sidebar-open .sidebar__top {
    right: 0
}

#lateral-menu.editor-menu.fxp-sidebar-open .sidebar__top:before {
    display: none
}

#lateral-menu.editor-menu.fxp-sidebar-open .editor-steps {
    transition-property: left;
    transition-duration: 0.2s;
    left: 0
}

#lateral-menu.editor-menu.fxp-sidebar-open .editor-steps .menu-line .main_step .title {
    display: block
}

#contract_editor_header .contract_step {
    display: inline-flex;
    align-items: center;
    padding: 24px 0
}

#contract_editor_header .contract_step .tag {
    cursor: pointer;
    margin-right: 12px;
    height: 36px
}

#contract_editor_header .contract_step .contract_step__content {
    display: inline-flex;
    align-items: center
}

#contract_editor_header .contract_step .contract_step__content .step_svg {
    position: relative
}

#contract_editor_header .contract_step .contract_step__content .step_svg svg {
    min-width: 28px;
    width: 28px;
    height: 28px;
    transform: rotate(-90deg)
}

#contract_editor_header .contract_step .contract_step__content .step_svg span.counter {
    position: absolute;
    font-size: 12px;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#contract_editor_header .contract_step .contract_step__content .step_title {
    font-weight: 500;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18.96px;
    color: #5f707c;
    margin: unset;
    padding-left: 10px
}

#contract_editor_header .contract_sub_step {
    margin-bottom: 40px
}

#contract_editor_header .contract_sub_step .contract_sub_step__content .step_title {
    font-weight: 500;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #052032;
    margin: unset;
    margin-bottom: 1rem
}

#contract_editor_header .contract_sub_step .contract_sub_step__content .contract_sub_step__bar {
    background-color: #C7E3F4;
    overflow: hidden;
    width: 100%;
    max-width: 120px;
    height: 8px;
    border-radius: 40px
}

#contract_editor_header .contract_sub_step .contract_sub_step__content .contract_sub_step__bar .contract_sub_step__loading {
    background-color: #4CAFEF;
    max-width: 100%;
    height: 100%
}

dl {
    display: grid;
    grid-template-columns: auto 1fr;
    background: white
}

dl dt {
    font-weight: bold;
    padding: 1rem
}

dl dd {
    padding: 1rem;
    margin-bottom: 0
}

dl dd ul {
    padding: 0;
    margin-left: 1rem;
    margin-bottom: 0
}

@media (min-width: 768px) {
    dl {
        grid-template-columns:auto 2fr
    }
}

dl.dl-striped>:nth-child(4n + 1),dl.dl-striped>:nth-child(4n + 2) {
    background-color: #f8f9fa
}

dl.dl-bordered dt,dl.dl-bordered dd {
    border-bottom: 1px solid #dee2e6
}

dl.dl-bordered dt:last-child,dl.dl-bordered dd:nth-last-child(2) {
    border-bottom: none
}

.dimmer {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    z-index: 10;
    border: inherit;
    border-radius: inherit;
    background-color: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: space-around
}

.dimmer svg.icon_cloud {
    opacity: 1;
    width: 40px;
    height: 40px;
    max-height: 75%;
    max-width: 75%;
    color: white;
    animation: 700ms linear infinite cloud-grow;
    backface-visibility: hidden
}

turbo-frame[busy] .dimmer.show-when-busy {
    visibility: inherit
}

.dimmer-parent {
    position: relative
}

.modal-body>.dimmer-parent {
    margin: calc(var(--bs-modal-padding) * -1);
    padding: var(--bs-modal-padding)
}

.dotslink {
    height: 48px;
    width: 48px;
    min-width: 48px;
    position: relative
}

.dotslink:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: #EFF8FE;
    border-radius: 50%;
    cursor: pointer;
    height: 48px;
    width: 48px;
    transition: opacity 0.5s ease;
    opacity: 0
}

.dotslink:after {
    position: absolute;
    top: 12px;
    left: 12px;
    content: "";
    background-image: url(assets-flat/more.svg);
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
    transform: rotate(90deg);
    transition: opacity 0.3s ease
}

.dotslink.animate:before {
    animation: background-blink .35s 3;
    border-radius: 50%;
    opacity: 1
}

@keyframes background-blink {
    0%,49% {
        border: none
    }

    50%,100% {
        border: 2px solid #2DA3ED
    }
}

.dotslink-container:hover:before,.dotslink.display-content--active:before {
    opacity: 1
}

.dropdown-menu--links a {
    display: flex;
    align-items: center;
    gap: 10px
}

.dropdown-menu--links a img {
    width: 30px;
    height: 30px
}

.dropdown-menu--links a svg {
    color: #374d5b;
    width: 30px;
    height: 24px
}

.dropdown-menu--links a>span {
    display: flex;
    align-items: center;
    gap: 2px
}

.dropdown-menu--links .date,.dropdown-menu--links .counter {
    color: #5f707c
}

.dropdown-menu--sized {
    max-width: calc(100% - (2 * $segment-padding-x));
    max-height: 50vh;
    overflow-y: scroll
}

@media (min-width: 768px) {
    .dropdown-menu--sized {
        max-width:480px
    }
}

.dropdown-menu--sized .dropdown-item {
    text-wrap: wrap
}

.btn-group .btn.dropdown-toggle:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.dropdown-toggle--white {
    background-color: white !important;
    border-color: #d7dbde !important
}

.dropdown-toggle--flex {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    overflow: hidden
}

@media (min-width: 768px) {
    .dropdown-toggle--flex {
        width:256px !important
    }
}

.element_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 48px;
    margin-bottom: 20px;
    margin-right: -10px
}

.element_row__icon {
    position: absolute;
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #EFF8FE;
    margin-right: 10px;
    z-index: 2;
    left: -6px
}

@media (min-width: 768px) {
    .element_row__icon {
        left:0
    }
}

.element_row__icon svg {
    height: 16px;
    width: 16px;
    color: #F7B844
}

.element_row__info {
    margin: 0 45px
}

@media (min-width: 768px) {
    .element_row__info {
        margin-left:55px
    }
}

.element_row__info .title {
    color: #052032;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    word-wrap: break-word;
    inline-size: 215px
}

@media (min-width: 385px) {
    .element_row__info .title {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .element_row__info .title {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .element_row__info .title {
        font-size:16px
    }
}

@media (min-width: 520px) {
    .element_row__info .title {
        inline-size:300px
    }
}

@media (min-width: 768px) {
    .element_row__info .title {
        inline-size:215px
    }
}

@media (min-width: 992px) {
    .element_row__info .title {
        inline-size:300px
    }
}

@media (min-width: 1200px) {
    .element_row__info .title {
        inline-size:350px
    }
}

.element_row__info .title .status {
    margin-left: 8px
}

.element_row__info .info {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #5f707c
}

@media (min-width: 385px) {
    .element_row__info .info {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .element_row__info .info {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .element_row__info .info {
        font-size:16px
    }
}

.element_row--disabled .element_row__info .title,.element_row--disabled .element_row__info .info {
    color: #9ba6ad
}

.element_row--disabled .element_row__icon {
    background: #ebedef
}

.element_row--disabled .element_row__icon svg {
    color: #d7dbde
}

.element_row .dotslink {
    margin-left: auto;
    position: absolute;
    top: 0;
    right: 0
}

@media (min-width: 768px) {
    .element_row .dotslink {
        right:-12px
    }
}

@media (min-width: 768px) {
    .element_row {
        min-height:48px
    }

    .element_row .element_row__icon {
        height: 48px;
        width: 48px
    }

    .element_row .element_row__icon svg {
        height: 18px;
        width: 18px
    }
}

.empty-content {
    text-align: center
}

.empty-content svg {
    width: 125px;
    height: 125px;
    margin-bottom: 15px;
    color: #d7dbde
}

.empty-content svg.size-80 {
    width: 80px;
    height: 80px
}

.empty-content__text {
    font-size: 1.25rem;
    margin-bottom: 15px
}

.empty-content .btn svg {
    width: initial;
    height: initial;
    color: initial;
    margin-bottom: initial
}

#rating {
    margin: auto;
    text-align: center;
    width: 230px;
    position: relative
}

#rating a.main-link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 5
}

#rating .content {
    display: flex;
    flex-direction: column;
    justify-content: end
}

#rating .content .notes {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px
}

@media (min-width: 385px) {
    #rating .content .notes {
        font-size:17px
    }
}

@media (min-width: 768px) {
    #rating .content .notes {
        font-size:16px
    }
}

@media (min-width: 992px) {
    #rating .content .notes {
        font-size:17px
    }
}

#rating .content .notes svg.icon_star {
    color: #F7B844;
    margin-right: 10px
}

#rating .content .notes span.average {
    font-weight: bold;
    margin-right: 10px
}

#rating .content .notes span.reviews-counter {
    font-weight: bold;
    color: #8AC43B
}

ul.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    padding-left: 0;
    list-style-type: none;
    justify-content: center
}

@media (min-width: 768px) {
    ul.gallery {
        justify-content:flex-start
    }
}

ul.gallery img {
    max-height: 180px
}

#support-launcher {
    bottom: 22px;
    right: 22px
}

#support-launcher .unread-indicator--badge {
    top: 0;
    right: 0
}

#support-launcher.mobile-mode {
    display: none
}

@media (min-width: 768px),(orientation: landscape) {
    #support-launcher.mobile-mode {
        display:flex
    }
}

#gist-enlarge-chat {
    visibility: hidden;
    display: none;
    width: 0;
    height: 0
}

#gist-enlarge-chat span {
    display: none
}

@media (min-width: 992px) {
    .gist-messenger-iframe {
        max-height:1000px !important;
        transition: opacity 250ms ease-out 0s, transform 250ms ease-out 0s, width 250ms ease-out !important
    }

    .gist-messenger-iframe.large-version {
        width: 900px !important
    }

    .gist-messenger-iframe.small-version {
        width: 450px !important
    }

    #gist-enlarge-chat {
        visibility: visible;
        z-index: 1050;
        display: none;
        position: fixed;
        right: 85px;
        bottom: 20px;
        width: 140px;
        height: 60px;
        cursor: pointer;
        border-radius: 30px;
        overflow: hidden;
        background: white;
        border: 2px solid #2DA3ED;
        text-align: center;
        color: #2DA3ED;
        line-height: 57px
    }

    #gist-enlarge-chat span {
        display: inline;
        position: relative;
        left: -5px
    }

    #gist-enlarge-chat span .icon {
        position: relative;
        top: 2px
    }
}

.gist-unread-indicator {
    display: none
}

.help-icon {
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    display: inline-block;
    line-height: 16px;
    height: 40px;
    width: 40px
}

.help-icon--blue svg.icon {
    background-color: #2DA3ED
}

.help-icon--orange svg.icon {
    background-color: #F7B844
}

.help-icon--red svg.icon {
    background-color: #E84D67
}

.help-icon--error svg.icon {
    background-color: #E84D67
}

.help-icon--pending svg.icon,.help-icon.progress svg.icon {
    background-color: #F7B844
}

.help-icon svg.icon {
    height: 20px;
    width: 20px;
    transition: all 300ms ease;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 100%;
    color: #fff
}

.help-icon:hover svg.icon,.help-icon.active svg.icon {
    width: 32px;
    height: 32px;
    left: 4px;
    top: 4px
}

h3>.help-icon,.label-title>.help-icon,p>.help-icon,span>.help-icon {
    bottom: 6px;
    height: 20px
}

.help-notice {
    position: relative;
    margin: auto;
    max-width: 800px;
    width: auto;
    margin-top: 24px;
    margin-bottom: 24px
}

.help-notice:before {
    z-index: 2
}

.help-notice .bubble {
    position: relative;
    padding: 1rem;
    border-radius: 15px;
    background-color: white;
    word-break: break-word;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .help-notice .bubble {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .help-notice .bubble {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .help-notice .bubble {
        font-size:16px
    }
}

.help-notice .bubble .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px;
    line-height: 18.96px;
    margin-bottom: 4px
}

@media (min-width: 385px) {
    .help-notice .bubble .title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .help-notice .bubble .title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .help-notice .bubble .title {
        font-size:17px
    }
}

.help-notice .bubble:after {
    z-index: 3;
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent white transparent transparent
}

.help-notice .bubble--link {
    position: relative
}

.help-notice .bubble--link a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.help-notice .bubble--link span.action {
    color: #2DA3ED;
    font-weight: bold
}

.help-notice:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    background-image: url(assets-flat/girl-notice.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width: 519.98px) {
    .help-notice {
        margin-left:-0.5rem;
        margin-right: -0.5rem
    }
}

.help-notice:before {
    width: 60px;
    height: 60px;
    top: 10px;
    left: calc(50% - 60px / 2)
}

.help-notice .bubble {
    width: auto;
    margin-left: 0;
    padding-top: calc(60px + 2rem);
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .help-notice .bubble {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .help-notice .bubble {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .help-notice .bubble {
        font-size:16px
    }
}

.help-notice .bubble p {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .help-notice .bubble p {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .help-notice .bubble p {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .help-notice .bubble p {
        font-size:16px
    }
}

.help-notice .bubble:after {
    display: none
}

@media (min-width: 520px) {
    .help-notice {
        margin-top:24px;
        margin-bottom: 24px;
        margin-left: auto;
        margin-right: auto;
        min-height: calc(80px + 10px);
        width: -moz-fit-content;
        width: fit-content
    }

    .help-notice:before {
        width: 80px;
        height: 80px;
        top: 10px;
        left: 0
    }

    .help-notice .bubble {
        width: -moz-fit-content;
        width: fit-content;
        margin-left: calc(80px + 5px);
        padding-top: 1rem;
        font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 15px
    }
}

@media (min-width: 520px) and (min-width: 385px) {
    .help-notice .bubble {
        font-size:16px
    }
}

@media (min-width: 520px) and (min-width: 768px) {
    .help-notice .bubble {
        font-size:15px
    }
}

@media (min-width: 520px) and (min-width: 992px) {
    .help-notice .bubble {
        font-size:16px
    }
}

@media (min-width: 520px) {
    .help-notice .bubble p,.help-notice .bubble ul,.help-notice .bubble li {
        font-family:"Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 15px
    }
}

@media (min-width: 520px) and (min-width: 385px) {
    .help-notice .bubble p,.help-notice .bubble ul,.help-notice .bubble li {
        font-size:16px
    }
}

@media (min-width: 520px) and (min-width: 768px) {
    .help-notice .bubble p,.help-notice .bubble ul,.help-notice .bubble li {
        font-size:15px
    }
}

@media (min-width: 520px) and (min-width: 992px) {
    .help-notice .bubble p,.help-notice .bubble ul,.help-notice .bubble li {
        font-size:16px
    }
}

@media (min-width: 520px) {
    .help-notice .bubble:after {
        display:block;
        top: 25px;
        left: -19px;
        border-width: 16px 20px 0px 0
    }
}

@media (min-width: 768px) {
    .help-notice {
        min-height:90px;
        margin-top: 8px;
        margin-bottom: 1.5rem
    }

    .help-notice:before {
        left: 0;
        width: 90px;
        height: 90px
    }

    .help-notice .bubble {
        right: 0;
        margin-left: 90px;
        padding: 1.5rem
    }

    .help-notice .bubble:after {
        top: 17px;
        left: -23px;
        border-width: 25px 30px 0px 0
    }
}

@media (min-width: 992px) {
    .help-notice {
        min-height:140px
    }

    .help-notice:before {
        width: 140px;
        height: 140px
    }

    .help-notice .bubble {
        margin-left: 140px;
        font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px
    }
}

@media (min-width: 992px) and (min-width: 385px) {
    .help-notice .bubble {
        font-size:17px
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .help-notice .bubble {
        font-size:16px
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .help-notice .bubble {
        font-size:17px
    }
}

@media (min-width: 992px) {
    .help-notice .bubble p,.help-notice .bubble ul,.help-notice .bubble li {
        font-family:"Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px
    }
}

@media (min-width: 992px) and (min-width: 385px) {
    .help-notice .bubble p,.help-notice .bubble ul,.help-notice .bubble li {
        font-size:17px
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .help-notice .bubble p,.help-notice .bubble ul,.help-notice .bubble li {
        font-size:16px
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .help-notice .bubble p,.help-notice .bubble ul,.help-notice .bubble li {
        font-size:17px
    }
}

@media (min-width: 992px) {
    .help-notice .bubble:after {
        border-width:25px 30px 0px 0;
        top: 23px;
        left: -28px
    }
}

.help-notice--tiny {
    width: auto;
    margin-top: 24px;
    margin-bottom: 24px
}

@media (max-width: 519.98px) {
    .help-notice--tiny {
        margin-left:-0.5rem;
        margin-right: -0.5rem
    }
}

.help-notice--tiny:before {
    width: 60px;
    height: 60px;
    top: 10px;
    left: calc(50% - 60px / 2)
}

.help-notice--tiny .bubble {
    width: auto;
    margin-left: 0;
    padding-top: calc(60px + 2rem);
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .help-notice--tiny .bubble {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .help-notice--tiny .bubble {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .help-notice--tiny .bubble {
        font-size:16px
    }
}

.help-notice--tiny .bubble p {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .help-notice--tiny .bubble p {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .help-notice--tiny .bubble p {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .help-notice--tiny .bubble p {
        font-size:16px
    }
}

.help-notice--tiny .bubble:after {
    display: none
}

@media (min-width: 520px) {
    .help-notice--small {
        margin-top:24px;
        margin-bottom: 24px;
        margin-left: auto;
        margin-right: auto;
        min-height: calc(80px + 10px);
        width: -moz-fit-content;
        width: fit-content
    }

    .help-notice--small:before {
        width: 80px;
        height: 80px;
        top: 10px;
        left: 0
    }

    .help-notice--small .bubble {
        width: -moz-fit-content;
        width: fit-content;
        margin-left: calc(80px + 5px);
        padding-top: 1rem;
        font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 15px
    }
}

@media (min-width: 520px) and (min-width: 385px) {
    .help-notice--small .bubble {
        font-size:16px
    }
}

@media (min-width: 520px) and (min-width: 768px) {
    .help-notice--small .bubble {
        font-size:15px
    }
}

@media (min-width: 520px) and (min-width: 992px) {
    .help-notice--small .bubble {
        font-size:16px
    }
}

@media (min-width: 520px) {
    .help-notice--small .bubble p,.help-notice--small .bubble ul,.help-notice--small .bubble li {
        font-family:"Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 15px
    }
}

@media (min-width: 520px) and (min-width: 385px) {
    .help-notice--small .bubble p,.help-notice--small .bubble ul,.help-notice--small .bubble li {
        font-size:16px
    }
}

@media (min-width: 520px) and (min-width: 768px) {
    .help-notice--small .bubble p,.help-notice--small .bubble ul,.help-notice--small .bubble li {
        font-size:15px
    }
}

@media (min-width: 520px) and (min-width: 992px) {
    .help-notice--small .bubble p,.help-notice--small .bubble ul,.help-notice--small .bubble li {
        font-size:16px
    }
}

@media (min-width: 520px) {
    .help-notice--small .bubble:after {
        display:block;
        top: 25px;
        left: -19px;
        border-width: 16px 20px 0px 0
    }

    .help-notice--medium {
        min-height: 90px;
        margin-top: 8px;
        margin-bottom: 1.5rem
    }

    .help-notice--medium:before {
        left: 0;
        width: 90px;
        height: 90px
    }

    .help-notice--medium .bubble {
        right: 0;
        margin-left: 90px;
        padding: 1.5rem
    }

    .help-notice--medium .bubble:after {
        top: 17px;
        left: -23px;
        border-width: 25px 30px 0px 0
    }

    .help-notice--big {
        min-height: 140px
    }

    .help-notice--big:before {
        width: 140px;
        height: 140px
    }

    .help-notice--big .bubble {
        margin-left: 140px;
        font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px
    }
}

@media (min-width: 520px) and (min-width: 385px) {
    .help-notice--big .bubble {
        font-size:17px
    }
}

@media (min-width: 520px) and (min-width: 768px) {
    .help-notice--big .bubble {
        font-size:16px
    }
}

@media (min-width: 520px) and (min-width: 992px) {
    .help-notice--big .bubble {
        font-size:17px
    }
}

@media (min-width: 520px) {
    .help-notice--big .bubble p,.help-notice--big .bubble ul,.help-notice--big .bubble li {
        font-family:"Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px
    }
}

@media (min-width: 520px) and (min-width: 385px) {
    .help-notice--big .bubble p,.help-notice--big .bubble ul,.help-notice--big .bubble li {
        font-size:17px
    }
}

@media (min-width: 520px) and (min-width: 768px) {
    .help-notice--big .bubble p,.help-notice--big .bubble ul,.help-notice--big .bubble li {
        font-size:16px
    }
}

@media (min-width: 520px) and (min-width: 992px) {
    .help-notice--big .bubble p,.help-notice--big .bubble ul,.help-notice--big .bubble li {
        font-size:17px
    }
}

@media (min-width: 520px) {
    .help-notice--big .bubble:after {
        border-width:25px 30px 0px 0;
        top: 23px;
        left: -28px
    }
}

.modal .help-notice,.accordion-item .help-notice,[class*='col-md'] .help-notice,.popover .help-notice,.radio_buttons_full .help-notice {
    width: auto;
    margin-top: 24px;
    margin-bottom: 24px
}

@media (max-width: 519.98px) {
    .modal .help-notice,.accordion-item .help-notice,[class*='col-md'] .help-notice,.popover .help-notice,.radio_buttons_full .help-notice {
        margin-left:-0.5rem;
        margin-right: -0.5rem
    }
}

.modal .help-notice:before,.accordion-item .help-notice:before,[class*='col-md'] .help-notice:before,.popover .help-notice:before,.radio_buttons_full .help-notice:before {
    width: 60px;
    height: 60px;
    top: 10px;
    left: calc(50% - 60px / 2)
}

.modal .help-notice .bubble,.accordion-item .help-notice .bubble,[class*='col-md'] .help-notice .bubble,.popover .help-notice .bubble,.radio_buttons_full .help-notice .bubble {
    width: auto;
    margin-left: 0;
    padding-top: calc(60px + 2rem);
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .modal .help-notice .bubble,.accordion-item .help-notice .bubble,[class*='col-md'] .help-notice .bubble,.popover .help-notice .bubble,.radio_buttons_full .help-notice .bubble {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .modal .help-notice .bubble,.accordion-item .help-notice .bubble,[class*='col-md'] .help-notice .bubble,.popover .help-notice .bubble,.radio_buttons_full .help-notice .bubble {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .modal .help-notice .bubble,.accordion-item .help-notice .bubble,[class*='col-md'] .help-notice .bubble,.popover .help-notice .bubble,.radio_buttons_full .help-notice .bubble {
        font-size:16px
    }
}

.modal .help-notice .bubble p,.accordion-item .help-notice .bubble p,[class*='col-md'] .help-notice .bubble p,.popover .help-notice .bubble p,.radio_buttons_full .help-notice .bubble p {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .modal .help-notice .bubble p,.accordion-item .help-notice .bubble p,[class*='col-md'] .help-notice .bubble p,.popover .help-notice .bubble p,.radio_buttons_full .help-notice .bubble p {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .modal .help-notice .bubble p,.accordion-item .help-notice .bubble p,[class*='col-md'] .help-notice .bubble p,.popover .help-notice .bubble p,.radio_buttons_full .help-notice .bubble p {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .modal .help-notice .bubble p,.accordion-item .help-notice .bubble p,[class*='col-md'] .help-notice .bubble p,.popover .help-notice .bubble p,.radio_buttons_full .help-notice .bubble p {
        font-size:16px
    }
}

.modal .help-notice .bubble:after,.accordion-item .help-notice .bubble:after,[class*='col-md'] .help-notice .bubble:after,.popover .help-notice .bubble:after,.radio_buttons_full .help-notice .bubble:after {
    display: none
}

@media (min-width: 520px) {
    .modal .help-notice,.accordion-item .help-notice,[class*='col-md'] .help-notice,.popover .help-notice,.radio_buttons_full .help-notice {
        margin-top:24px;
        margin-bottom: 24px;
        margin-left: auto;
        margin-right: auto;
        min-height: calc(80px + 10px);
        width: -moz-fit-content;
        width: fit-content
    }

    .modal .help-notice:before,.accordion-item .help-notice:before,[class*='col-md'] .help-notice:before,.popover .help-notice:before,.radio_buttons_full .help-notice:before {
        width: 80px;
        height: 80px;
        top: 10px;
        left: 0
    }

    .modal .help-notice .bubble,.accordion-item .help-notice .bubble,[class*='col-md'] .help-notice .bubble,.popover .help-notice .bubble,.radio_buttons_full .help-notice .bubble {
        width: -moz-fit-content;
        width: fit-content;
        margin-left: calc(80px + 5px);
        padding-top: 1rem;
        font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 15px
    }
}

@media (min-width: 520px) and (min-width: 385px) {
    .modal .help-notice .bubble,.accordion-item .help-notice .bubble,[class*='col-md'] .help-notice .bubble,.popover .help-notice .bubble,.radio_buttons_full .help-notice .bubble {
        font-size:16px
    }
}

@media (min-width: 520px) and (min-width: 768px) {
    .modal .help-notice .bubble,.accordion-item .help-notice .bubble,[class*='col-md'] .help-notice .bubble,.popover .help-notice .bubble,.radio_buttons_full .help-notice .bubble {
        font-size:15px
    }
}

@media (min-width: 520px) and (min-width: 992px) {
    .modal .help-notice .bubble,.accordion-item .help-notice .bubble,[class*='col-md'] .help-notice .bubble,.popover .help-notice .bubble,.radio_buttons_full .help-notice .bubble {
        font-size:16px
    }
}

@media (min-width: 520px) {
    .modal .help-notice .bubble p,.modal .help-notice .bubble ul,.modal .help-notice .bubble li,.accordion-item .help-notice .bubble p,.accordion-item .help-notice .bubble ul,.accordion-item .help-notice .bubble li,[class*='col-md'] .help-notice .bubble p,[class*='col-md'] .help-notice .bubble ul,[class*='col-md'] .help-notice .bubble li,.popover .help-notice .bubble p,.popover .help-notice .bubble ul,.popover .help-notice .bubble li,.radio_buttons_full .help-notice .bubble p,.radio_buttons_full .help-notice .bubble ul,.radio_buttons_full .help-notice .bubble li {
        font-family:"Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 15px
    }
}

@media (min-width: 520px) and (min-width: 385px) {
    .modal .help-notice .bubble p,.modal .help-notice .bubble ul,.modal .help-notice .bubble li,.accordion-item .help-notice .bubble p,.accordion-item .help-notice .bubble ul,.accordion-item .help-notice .bubble li,[class*='col-md'] .help-notice .bubble p,[class*='col-md'] .help-notice .bubble ul,[class*='col-md'] .help-notice .bubble li,.popover .help-notice .bubble p,.popover .help-notice .bubble ul,.popover .help-notice .bubble li,.radio_buttons_full .help-notice .bubble p,.radio_buttons_full .help-notice .bubble ul,.radio_buttons_full .help-notice .bubble li {
        font-size:16px
    }
}

@media (min-width: 520px) and (min-width: 768px) {
    .modal .help-notice .bubble p,.modal .help-notice .bubble ul,.modal .help-notice .bubble li,.accordion-item .help-notice .bubble p,.accordion-item .help-notice .bubble ul,.accordion-item .help-notice .bubble li,[class*='col-md'] .help-notice .bubble p,[class*='col-md'] .help-notice .bubble ul,[class*='col-md'] .help-notice .bubble li,.popover .help-notice .bubble p,.popover .help-notice .bubble ul,.popover .help-notice .bubble li,.radio_buttons_full .help-notice .bubble p,.radio_buttons_full .help-notice .bubble ul,.radio_buttons_full .help-notice .bubble li {
        font-size:15px
    }
}

@media (min-width: 520px) and (min-width: 992px) {
    .modal .help-notice .bubble p,.modal .help-notice .bubble ul,.modal .help-notice .bubble li,.accordion-item .help-notice .bubble p,.accordion-item .help-notice .bubble ul,.accordion-item .help-notice .bubble li,[class*='col-md'] .help-notice .bubble p,[class*='col-md'] .help-notice .bubble ul,[class*='col-md'] .help-notice .bubble li,.popover .help-notice .bubble p,.popover .help-notice .bubble ul,.popover .help-notice .bubble li,.radio_buttons_full .help-notice .bubble p,.radio_buttons_full .help-notice .bubble ul,.radio_buttons_full .help-notice .bubble li {
        font-size:16px
    }
}

@media (min-width: 520px) {
    .modal .help-notice .bubble:after,.accordion-item .help-notice .bubble:after,[class*='col-md'] .help-notice .bubble:after,.popover .help-notice .bubble:after,.radio_buttons_full .help-notice .bubble:after {
        display:block;
        top: 25px;
        left: -19px;
        border-width: 16px 20px 0px 0
    }
}

@media (min-width: 520px) {
    .modal .help-notice--tiny,.accordion-item .help-notice--tiny,[class*='col-md'] .help-notice--tiny,.popover .help-notice--tiny,.radio_buttons_full .help-notice--tiny {
        width:auto;
        margin-top: 24px;
        margin-bottom: 24px
    }
}

@media (min-width: 520px) and (max-width: 519.98px) {
    .modal .help-notice--tiny,.accordion-item .help-notice--tiny,[class*='col-md'] .help-notice--tiny,.popover .help-notice--tiny,.radio_buttons_full .help-notice--tiny {
        margin-left:-0.5rem;
        margin-right: -0.5rem
    }
}

@media (min-width: 520px) {
    .modal .help-notice--tiny:before,.accordion-item .help-notice--tiny:before,[class*='col-md'] .help-notice--tiny:before,.popover .help-notice--tiny:before,.radio_buttons_full .help-notice--tiny:before {
        width:60px;
        height: 60px;
        top: 10px;
        left: calc(50% - 60px / 2)
    }

    .modal .help-notice--tiny .bubble,.accordion-item .help-notice--tiny .bubble,[class*='col-md'] .help-notice--tiny .bubble,.popover .help-notice--tiny .bubble,.radio_buttons_full .help-notice--tiny .bubble {
        width: auto;
        margin-left: 0;
        padding-top: calc(60px + 2rem);
        font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 15px
    }
}

@media (min-width: 520px) and (min-width: 385px) {
    .modal .help-notice--tiny .bubble,.accordion-item .help-notice--tiny .bubble,[class*='col-md'] .help-notice--tiny .bubble,.popover .help-notice--tiny .bubble,.radio_buttons_full .help-notice--tiny .bubble {
        font-size:16px
    }
}

@media (min-width: 520px) and (min-width: 768px) {
    .modal .help-notice--tiny .bubble,.accordion-item .help-notice--tiny .bubble,[class*='col-md'] .help-notice--tiny .bubble,.popover .help-notice--tiny .bubble,.radio_buttons_full .help-notice--tiny .bubble {
        font-size:15px
    }
}

@media (min-width: 520px) and (min-width: 992px) {
    .modal .help-notice--tiny .bubble,.accordion-item .help-notice--tiny .bubble,[class*='col-md'] .help-notice--tiny .bubble,.popover .help-notice--tiny .bubble,.radio_buttons_full .help-notice--tiny .bubble {
        font-size:16px
    }
}

@media (min-width: 520px) {
    .modal .help-notice--tiny .bubble p,.accordion-item .help-notice--tiny .bubble p,[class*='col-md'] .help-notice--tiny .bubble p,.popover .help-notice--tiny .bubble p,.radio_buttons_full .help-notice--tiny .bubble p {
        font-family:"Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 15px
    }
}

@media (min-width: 520px) and (min-width: 385px) {
    .modal .help-notice--tiny .bubble p,.accordion-item .help-notice--tiny .bubble p,[class*='col-md'] .help-notice--tiny .bubble p,.popover .help-notice--tiny .bubble p,.radio_buttons_full .help-notice--tiny .bubble p {
        font-size:16px
    }
}

@media (min-width: 520px) and (min-width: 768px) {
    .modal .help-notice--tiny .bubble p,.accordion-item .help-notice--tiny .bubble p,[class*='col-md'] .help-notice--tiny .bubble p,.popover .help-notice--tiny .bubble p,.radio_buttons_full .help-notice--tiny .bubble p {
        font-size:15px
    }
}

@media (min-width: 520px) and (min-width: 992px) {
    .modal .help-notice--tiny .bubble p,.accordion-item .help-notice--tiny .bubble p,[class*='col-md'] .help-notice--tiny .bubble p,.popover .help-notice--tiny .bubble p,.radio_buttons_full .help-notice--tiny .bubble p {
        font-size:16px
    }
}

@media (min-width: 520px) {
    .modal .help-notice--tiny .bubble:after,.accordion-item .help-notice--tiny .bubble:after,[class*='col-md'] .help-notice--tiny .bubble:after,.popover .help-notice--tiny .bubble:after,.radio_buttons_full .help-notice--tiny .bubble:after {
        display:none
    }
}

@media (min-width: 520px) {
    .modal .help-notice--small,.accordion-item .help-notice--small,[class*='col-md'] .help-notice--small,.popover .help-notice--small,.radio_buttons_full .help-notice--small {
        margin-top:24px;
        margin-bottom: 24px;
        margin-left: auto;
        margin-right: auto;
        min-height: calc(80px + 10px);
        width: -moz-fit-content;
        width: fit-content
    }

    .modal .help-notice--small:before,.accordion-item .help-notice--small:before,[class*='col-md'] .help-notice--small:before,.popover .help-notice--small:before,.radio_buttons_full .help-notice--small:before {
        width: 80px;
        height: 80px;
        top: 10px;
        left: 0
    }

    .modal .help-notice--small .bubble,.accordion-item .help-notice--small .bubble,[class*='col-md'] .help-notice--small .bubble,.popover .help-notice--small .bubble,.radio_buttons_full .help-notice--small .bubble {
        width: -moz-fit-content;
        width: fit-content;
        margin-left: calc(80px + 5px);
        padding-top: 1rem;
        font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 15px
    }
}

@media (min-width: 520px) and (min-width: 385px) {
    .modal .help-notice--small .bubble,.accordion-item .help-notice--small .bubble,[class*='col-md'] .help-notice--small .bubble,.popover .help-notice--small .bubble,.radio_buttons_full .help-notice--small .bubble {
        font-size:16px
    }
}

@media (min-width: 520px) and (min-width: 768px) {
    .modal .help-notice--small .bubble,.accordion-item .help-notice--small .bubble,[class*='col-md'] .help-notice--small .bubble,.popover .help-notice--small .bubble,.radio_buttons_full .help-notice--small .bubble {
        font-size:15px
    }
}

@media (min-width: 520px) and (min-width: 992px) {
    .modal .help-notice--small .bubble,.accordion-item .help-notice--small .bubble,[class*='col-md'] .help-notice--small .bubble,.popover .help-notice--small .bubble,.radio_buttons_full .help-notice--small .bubble {
        font-size:16px
    }
}

@media (min-width: 520px) {
    .modal .help-notice--small .bubble p,.modal .help-notice--small .bubble ul,.modal .help-notice--small .bubble li,.accordion-item .help-notice--small .bubble p,.accordion-item .help-notice--small .bubble ul,.accordion-item .help-notice--small .bubble li,[class*='col-md'] .help-notice--small .bubble p,[class*='col-md'] .help-notice--small .bubble ul,[class*='col-md'] .help-notice--small .bubble li,.popover .help-notice--small .bubble p,.popover .help-notice--small .bubble ul,.popover .help-notice--small .bubble li,.radio_buttons_full .help-notice--small .bubble p,.radio_buttons_full .help-notice--small .bubble ul,.radio_buttons_full .help-notice--small .bubble li {
        font-family:"Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 15px
    }
}

@media (min-width: 520px) and (min-width: 385px) {
    .modal .help-notice--small .bubble p,.modal .help-notice--small .bubble ul,.modal .help-notice--small .bubble li,.accordion-item .help-notice--small .bubble p,.accordion-item .help-notice--small .bubble ul,.accordion-item .help-notice--small .bubble li,[class*='col-md'] .help-notice--small .bubble p,[class*='col-md'] .help-notice--small .bubble ul,[class*='col-md'] .help-notice--small .bubble li,.popover .help-notice--small .bubble p,.popover .help-notice--small .bubble ul,.popover .help-notice--small .bubble li,.radio_buttons_full .help-notice--small .bubble p,.radio_buttons_full .help-notice--small .bubble ul,.radio_buttons_full .help-notice--small .bubble li {
        font-size:16px
    }
}

@media (min-width: 520px) and (min-width: 768px) {
    .modal .help-notice--small .bubble p,.modal .help-notice--small .bubble ul,.modal .help-notice--small .bubble li,.accordion-item .help-notice--small .bubble p,.accordion-item .help-notice--small .bubble ul,.accordion-item .help-notice--small .bubble li,[class*='col-md'] .help-notice--small .bubble p,[class*='col-md'] .help-notice--small .bubble ul,[class*='col-md'] .help-notice--small .bubble li,.popover .help-notice--small .bubble p,.popover .help-notice--small .bubble ul,.popover .help-notice--small .bubble li,.radio_buttons_full .help-notice--small .bubble p,.radio_buttons_full .help-notice--small .bubble ul,.radio_buttons_full .help-notice--small .bubble li {
        font-size:15px
    }
}

@media (min-width: 520px) and (min-width: 992px) {
    .modal .help-notice--small .bubble p,.modal .help-notice--small .bubble ul,.modal .help-notice--small .bubble li,.accordion-item .help-notice--small .bubble p,.accordion-item .help-notice--small .bubble ul,.accordion-item .help-notice--small .bubble li,[class*='col-md'] .help-notice--small .bubble p,[class*='col-md'] .help-notice--small .bubble ul,[class*='col-md'] .help-notice--small .bubble li,.popover .help-notice--small .bubble p,.popover .help-notice--small .bubble ul,.popover .help-notice--small .bubble li,.radio_buttons_full .help-notice--small .bubble p,.radio_buttons_full .help-notice--small .bubble ul,.radio_buttons_full .help-notice--small .bubble li {
        font-size:16px
    }
}

@media (min-width: 520px) {
    .modal .help-notice--small .bubble:after,.accordion-item .help-notice--small .bubble:after,[class*='col-md'] .help-notice--small .bubble:after,.popover .help-notice--small .bubble:after,.radio_buttons_full .help-notice--small .bubble:after {
        display:block;
        top: 25px;
        left: -19px;
        border-width: 16px 20px 0px 0
    }
}

@media (min-width: 768px) {
    .modal .help-notice--medium,.accordion-item .help-notice--medium,[class*='col-md'] .help-notice--medium,.popover .help-notice--medium,.radio_buttons_full .help-notice--medium {
        min-height:90px;
        margin-top: 8px;
        margin-bottom: 1.5rem
    }

    .modal .help-notice--medium:before,.accordion-item .help-notice--medium:before,[class*='col-md'] .help-notice--medium:before,.popover .help-notice--medium:before,.radio_buttons_full .help-notice--medium:before {
        left: 0;
        width: 90px;
        height: 90px
    }

    .modal .help-notice--medium .bubble,.accordion-item .help-notice--medium .bubble,[class*='col-md'] .help-notice--medium .bubble,.popover .help-notice--medium .bubble,.radio_buttons_full .help-notice--medium .bubble {
        right: 0;
        margin-left: 90px;
        padding: 1.5rem
    }

    .modal .help-notice--medium .bubble:after,.accordion-item .help-notice--medium .bubble:after,[class*='col-md'] .help-notice--medium .bubble:after,.popover .help-notice--medium .bubble:after,.radio_buttons_full .help-notice--medium .bubble:after {
        top: 17px;
        left: -23px;
        border-width: 25px 30px 0px 0
    }
}

@media (min-width: 768px) {
    .modal .help-notice--big,.accordion-item .help-notice--big,[class*='col-md'] .help-notice--big,.popover .help-notice--big,.radio_buttons_full .help-notice--big {
        min-height:140px
    }

    .modal .help-notice--big:before,.accordion-item .help-notice--big:before,[class*='col-md'] .help-notice--big:before,.popover .help-notice--big:before,.radio_buttons_full .help-notice--big:before {
        width: 140px;
        height: 140px
    }

    .modal .help-notice--big .bubble,.accordion-item .help-notice--big .bubble,[class*='col-md'] .help-notice--big .bubble,.popover .help-notice--big .bubble,.radio_buttons_full .help-notice--big .bubble {
        margin-left: 140px;
        font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px
    }
}

@media (min-width: 768px) and (min-width: 385px) {
    .modal .help-notice--big .bubble,.accordion-item .help-notice--big .bubble,[class*='col-md'] .help-notice--big .bubble,.popover .help-notice--big .bubble,.radio_buttons_full .help-notice--big .bubble {
        font-size:17px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .modal .help-notice--big .bubble,.accordion-item .help-notice--big .bubble,[class*='col-md'] .help-notice--big .bubble,.popover .help-notice--big .bubble,.radio_buttons_full .help-notice--big .bubble {
        font-size:16px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .modal .help-notice--big .bubble,.accordion-item .help-notice--big .bubble,[class*='col-md'] .help-notice--big .bubble,.popover .help-notice--big .bubble,.radio_buttons_full .help-notice--big .bubble {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .modal .help-notice--big .bubble p,.modal .help-notice--big .bubble ul,.modal .help-notice--big .bubble li,.accordion-item .help-notice--big .bubble p,.accordion-item .help-notice--big .bubble ul,.accordion-item .help-notice--big .bubble li,[class*='col-md'] .help-notice--big .bubble p,[class*='col-md'] .help-notice--big .bubble ul,[class*='col-md'] .help-notice--big .bubble li,.popover .help-notice--big .bubble p,.popover .help-notice--big .bubble ul,.popover .help-notice--big .bubble li,.radio_buttons_full .help-notice--big .bubble p,.radio_buttons_full .help-notice--big .bubble ul,.radio_buttons_full .help-notice--big .bubble li {
        font-family:"Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px
    }
}

@media (min-width: 768px) and (min-width: 385px) {
    .modal .help-notice--big .bubble p,.modal .help-notice--big .bubble ul,.modal .help-notice--big .bubble li,.accordion-item .help-notice--big .bubble p,.accordion-item .help-notice--big .bubble ul,.accordion-item .help-notice--big .bubble li,[class*='col-md'] .help-notice--big .bubble p,[class*='col-md'] .help-notice--big .bubble ul,[class*='col-md'] .help-notice--big .bubble li,.popover .help-notice--big .bubble p,.popover .help-notice--big .bubble ul,.popover .help-notice--big .bubble li,.radio_buttons_full .help-notice--big .bubble p,.radio_buttons_full .help-notice--big .bubble ul,.radio_buttons_full .help-notice--big .bubble li {
        font-size:17px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .modal .help-notice--big .bubble p,.modal .help-notice--big .bubble ul,.modal .help-notice--big .bubble li,.accordion-item .help-notice--big .bubble p,.accordion-item .help-notice--big .bubble ul,.accordion-item .help-notice--big .bubble li,[class*='col-md'] .help-notice--big .bubble p,[class*='col-md'] .help-notice--big .bubble ul,[class*='col-md'] .help-notice--big .bubble li,.popover .help-notice--big .bubble p,.popover .help-notice--big .bubble ul,.popover .help-notice--big .bubble li,.radio_buttons_full .help-notice--big .bubble p,.radio_buttons_full .help-notice--big .bubble ul,.radio_buttons_full .help-notice--big .bubble li {
        font-size:16px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .modal .help-notice--big .bubble p,.modal .help-notice--big .bubble ul,.modal .help-notice--big .bubble li,.accordion-item .help-notice--big .bubble p,.accordion-item .help-notice--big .bubble ul,.accordion-item .help-notice--big .bubble li,[class*='col-md'] .help-notice--big .bubble p,[class*='col-md'] .help-notice--big .bubble ul,[class*='col-md'] .help-notice--big .bubble li,.popover .help-notice--big .bubble p,.popover .help-notice--big .bubble ul,.popover .help-notice--big .bubble li,.radio_buttons_full .help-notice--big .bubble p,.radio_buttons_full .help-notice--big .bubble ul,.radio_buttons_full .help-notice--big .bubble li {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .modal .help-notice--big .bubble:after,.accordion-item .help-notice--big .bubble:after,[class*='col-md'] .help-notice--big .bubble:after,.popover .help-notice--big .bubble:after,.radio_buttons_full .help-notice--big .bubble:after {
        border-width:25px 30px 0px 0;
        top: 23px;
        left: -28px
    }
}

.modal.modal--with-background .help-notice .bubble {
    background-color: white
}

.modal.modal--with-background .help-notice .bubble:after {
    border-color: transparent white transparent transparent
}

.segment .help-notice .bubble:not(.bubble--white),.popover-body .help-notice .bubble:not(.bubble--white),.offcanvas-body .help-notice .bubble:not(.bubble--white),.modal:not(.modal--with-background) .modal-body .help-notice .bubble:not(.bubble--white),.accordion-item .help-notice .bubble:not(.bubble--white) {
    background-color: var(--app-background, #E5F0F6) !important
}

.segment .help-notice .bubble:not(.bubble--white):after,.popover-body .help-notice .bubble:not(.bubble--white):after,.offcanvas-body .help-notice .bubble:not(.bubble--white):after,.modal:not(.modal--with-background) .modal-body .help-notice .bubble:not(.bubble--white):after,.accordion-item .help-notice .bubble:not(.bubble--white):after {
    border-color: transparent var(--app-background, #E5F0F6) transparent transparent !important
}

.help-notice--alert:before,.help-notice--danger:before,.help-notice--error:before {
    background-image: url(assets-flat/girl-alert.svg)
}

.help-notice--success:before {
    background-image: url(assets-flat/girl-success.svg)
}

.help-notice--sad:before {
    background-image: url(assets-flat/girl-sad.svg)
}

.help-notice .bubble--white {
    background-color: #FFF !important
}

.help-notice .bubble--white:after {
    border-color: transparent #FFF transparent transparent !important
}

.help-notice .bubble--blue {
    background-color: var(--app-background, #E5F0F6) !important
}

.help-notice .bubble--blue:after {
    border-color: transparent var(--app-background, #E5F0F6) transparent transparent !important
}

.help-notice .bubble--transparent {
    background-color: transparent !important
}

.help-notice .bubble--transparent:after {
    display: none
}

.visitor-top-menu {
    z-index: 51;
    width: 100%;
    position: relative;
    background: #FFF;
    box-shadow: 0 16px 16px -16px rgba(0,0,0,0.08)
}

@media (min-width: 768px) {
    .visitor-top-menu {
        height:70px;
        position: sticky;
        top: 0
    }
}

@media (min-width: 992px) {
    .visitor-top-menu {
        height:80px
    }
}

.visitor-top-menu__content {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.visitor-top-menu__content .logo {
    flex-shrink: 0;
    margin-left: 0;
    margin-right: 10px;
    max-width: 160px
}

@media (min-width: 520px) {
    .visitor-top-menu__content .logo {
        max-width:200px;
        margin-right: 20px
    }
}

@media (min-width: 768px) {
    .visitor-top-menu__content .logo {
        max-width:160px;
        margin-right: 10px
    }
}

@media (min-width: 992px) {
    .visitor-top-menu__content .logo {
        max-width:200px
    }
}

@media (min-width: 1200px) {
    .visitor-top-menu__content .logo {
        margin-right:30px
    }
}

.visitor-top-menu__content .logo img {
    width: 100%;
    max-height: 50px
}

.visitor-top-menu__content .visitor-top-menu__link {
    display: none
}

@media (min-width: 768px) {
    .visitor-top-menu__content .visitor-top-menu__link {
        display:flex;
        font-size: 14px
    }
}

@media (min-width: 992px) {
    .visitor-top-menu__content .visitor-top-menu__link {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .visitor-top-menu__content {
        height:100%
    }
}

.visitor-top-menu__link {
    display: flex;
    font-weight: bold;
    font-size: 14px;
    color: #374d5b;
    align-items: center;
    justify-content: flex-end;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    height: 100%;
    text-align: left;
    position: relative;
    flex-direction: column
}

.visitor-top-menu__link img.icon-universe {
    height: 32px;
    width: 32px
}

@media (min-width: 992px) {
    .visitor-top-menu__link img.icon-universe {
        height:40px;
        width: 40px;
        margin-right: 16px
    }
}

.visitor-top-menu__link .title {
    display: flex;
    align-items: center;
    position: relative;
    height: 30px;
    padding-bottom: 5px
}

.visitor-top-menu__link.active {
    color: var(--universe-color, #2DA3ED)
}

.visitor-top-menu__link:hover:not(.active) {
    color: black
}

.visitor-top-menu__link.active:after {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: var(--universe-color, #2DA3ED);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px
}

@media (min-width: 1200px) {
    .visitor-top-menu__link.active:after {
        left:1.8rem;
        width: calc(100% - 3rem)
    }
}

@media (min-width: 768px) {
    .visitor-top-menu__link {
        flex-direction:row;
        justify-content: center
    }

    .visitor-top-menu__link img.icon-universe {
        margin-right: 10px
    }

    .visitor-top-menu__link .title {
        height: 100%;
        padding-bottom: 0
    }
}

@media (min-width: 992px) {
    .visitor-top-menu__link {
        font-size:16px
    }
}

@media (min-width: 1200px) {
    .visitor-top-menu__link {
        padding:0 1.5rem
    }
}

.visitor-top-menu .btn {
    display: none
}

@media (min-width: 1200px) {
    .visitor-top-menu .btn {
        display:block
    }

    .visitor-top-menu .btn-menu {
        display: none !important
    }
}

.homepage-top-submenu {
    top: -5px;
    padding-left: 1rem;
    background: #FFF;
    display: flex;
    align-items: center;
    height: 75px;
    gap: 32px
}

.homepage-top-submenu .btn-account,.homepage-top-submenu .btn-menu {
    margin-left: auto;
    opacity: 0
}

@media (min-width: 768px) {
    .homepage-top-submenu {
        display:none
    }
}

.homepage-top-submenu.is-sticked {
    box-shadow: 0 16px 16px -16px rgba(0,0,0,0.08)
}

.homepage-top-submenu.is-sticked .btn-account,.homepage-top-submenu.is-sticked .btn-menu {
    opacity: 100;
    transition: opacity 0.5s ease
}

.visitor-top-menu .btn-account,.visitor-top-menu .btn-menu,.homepage-top-submenu .btn-account,.homepage-top-submenu .btn-menu {
    display: flex;
    margin-left: auto;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    box-sizing: content-box;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    gap: 10px;
    border: 1px solid #E9E9E9;
    border-radius: 50px;
    color: #374d5b;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 16px
}

.visitor-top-menu .btn-account:hover,.visitor-top-menu .btn-menu:hover,.homepage-top-submenu .btn-account:hover,.homepage-top-submenu .btn-menu:hover {
    box-shadow: 0 2px 4px rgba(0,0,0,0.18)
}

.visitor-top-menu .btn-account:active,.visitor-top-menu .btn-menu:active,.homepage-top-submenu .btn-account:active,.homepage-top-submenu .btn-menu:active {
    box-shadow: none
}

.visitor-top-menu .btn-account,.homepage-top-submenu .btn-account {
    padding: 0 0 0 16px
}

.visitor-top-menu .btn-account .avatar,.homepage-top-submenu .btn-account .avatar {
    height: 40px;
    width: 40px
}

.visitor-top-menu .btn-account .avatar img,.homepage-top-submenu .btn-account .avatar img {
    height: 40px;
    width: 40px
}

@media (max-height: 1000px) {
    body .visitor-top-menu {
        transition:top 300ms
    }

    body.scrolled-bottom .visitor-top-menu {
        top: -100px
    }
}

@media (max-height: 650px) {
    body .homepage-top-submenu {
        transition:top 300ms
    }

    body.scrolled-bottom .homepage-top-submenu {
        top: -100px
    }
}

.icon-list {
    display: flex
}

.icon-list__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    cursor: pointer
}

.icon-list__item:hover .icon-list__item-img:before,.icon-list__item--selected .icon-list__item-img:before {
    outline: 2px solid #2DA3ED;
    outline-offset: 2px
}

.icon-list__item--selected .icon-list__item-img:before {
    background-color: #2DA3ED
}

.icon-list__item-img {
    width: 95%;
    height: auto;
    position: relative
}

.icon-list__item-img:before {
    content: '';
    display: block;
    border-radius: 50%;
    background-color: #E5F0F6;
    position: absolute;
    width: 80%;
    height: 0;
    padding-bottom: 80%;
    left: 10%;
    top: 10%;
    z-index: 1
}

.icon-list__item-img img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2
}

.icon-list__item-text {
    margin-top: 10px
}

.icon-list__item-title {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    word-break: break-word
}

@media (min-width: 385px) {
    .icon-list__item-title {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .icon-list__item-title {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .icon-list__item-title {
        font-size:14px
    }
}

.icon-list__item-title-small {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    word-break: break-word
}

@media (min-width: 385px) {
    .icon-list__item-title-small {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .icon-list__item-title-small {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .icon-list__item-title-small {
        font-size:14px
    }
}

.icon-list__item-description {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #5f707c
}

@media (min-width: 385px) {
    .icon-list__item-description {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .icon-list__item-description {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .icon-list__item-description {
        font-size:14px
    }
}

.with-loader .d-loading-inline {
    display: none
}

.with-loader .d-loading-block {
    display: none
}

.with-loader .d-loading-flex {
    display: none
}

.with-loader .d-loading-inline-flex {
    display: none
}

.with-loader.loading .d-loading-inline {
    display: inline
}

.with-loader.loading .d-loading-block {
    display: block
}

.with-loader.loading .d-loading-flex {
    display: flex
}

.with-loader.loading .d-loading-inline-flex {
    display: inline-flex
}

.with-loader.loading .d-not-loading {
    display: none
}

.content-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background-color: rgba(0,0,0,0.4);
    display: none;
    justify-content: center;
    align-items: center
}

.content-loader svg {
    animation: 700ms linear infinite cloud-grow;
    width: 50px;
    height: 50px;
    color: white
}

.content-loader--visible {
    display: flex
}

.line-item {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    display: flex;
    align-items: flex-start;
    margin-top: 16px
}

@media (min-width: 385px) {
    .line-item {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .line-item {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .line-item {
        font-size:17px
    }
}

.line-item .label {
    color: #374d5b;
    width: 78%
}

.line-item .label .description {
    color: #9ba6ad;
    font-size: 14px
}

.line-item .field {
    width: 17%;
    min-width: 90px;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    text-align: right
}

@media (min-width: 385px) {
    .line-item .field {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .line-item .field {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .line-item .field {
        font-size:17px
    }
}

.line-item .field .subfield {
    color: #9ba6ad;
    font-size: 16px;
    font-weight: normal
}

.line-item .info {
    margin-left: 10px;
    min-width: 30px;
    width: 5%;
    text-align: right;
    position: relative;
    height: 20px
}

.line-item .info .help-icon {
    position: absolute;
    top: -10px;
    right: 0
}

.line-item--bold .label {
    font-weight: bold
}

.line-item--bold .field h3 {
    margin-bottom: 0px
}

.line-item--bold .info {
    align-self: auto
}

.accordion .line-item {
    margin-right: -8px
}

.check-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-bottom: 8px
}

@media (min-width: 385px) {
    .check-item {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .check-item {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .check-item {
        font-size:17px
    }
}

.check-item svg.icon_check,.check-item svg.icon_close {
    flex-shrink: 0;
    margin-right: 10px;
    margin-top: 5px
}

.check-item svg.icon_check {
    color: #8AC43B
}

.check-item svg.icon_close {
    color: #E84D67
}

.check-item .text {
    padding-right: 25px
}

.check-item .help-icon {
    position: absolute;
    top: -8px;
    right: -8px
}

.list_items .list_items__item {
    position: relative
}

.list_items .list_items__item:not(:last-child):before,.list_items .list_items__item.force-mobile-border:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #d7dbde;
    bottom: 0
}

@media (min-width: 768px) {
    .list_items .list_items__item.force-mobile-border:before {
        display:none
    }
}

.list_items--link .list_items__item {
    display: flex;
    flex-direction: column
}

.list_items--link .list_items__item .link_item {
    padding: 1rem 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif
}

@media (min-width: 385px) {
    .list_items--link .list_items__item .link_item {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .list_items--link .list_items__item .link_item {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .list_items--link .list_items__item .link_item {
        font-size:17px
    }
}

.list_items--link .list_items__item .link_item:after {
    position: relative;
    left: 1px;
    content: '';
    background-image: url(assets-flat/chevron_right.svg);
    background-size: 24px 24px;
    height: 24px;
    min-width: 24px;
    transition: transform 0.3s ease
}

.list_items--link .list_items__item .link_item:hover:after {
    transform: translateX(2px);
    transition: transform 0.3s ease
}

.list_items--link .list_items__item .link_item>a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 2
}

.list_items--link .list_items__item .link_item .start {
    margin-right: 12px
}

.list_items--link .list_items__item .link_item .start>svg.icon {
    flex-shrink: 0;
    color: #2DA3ED
}

.list_items--link .list_items__item .link_item .start--smaller-img>img,.list_items--link .list_items__item .link_item .start--smaller-img svg.icon {
    height: 24px;
    width: 24px
}

.list_items--link .list_items__item .link_item .end {
    margin-right: 12px
}

.list_items--link .list_items__item .link_item .content a,.list_items--link .list_items__item .link_item .end a {
    position: relative;
    z-index: 2
}

.list_items--link .list_items__item .link_item .content {
    flex-grow: 1
}

.list_items--link .list_items__item .link_item .content .description {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #5f707c
}

.list_items--link .list_items__item .link_item .content .description ul {
    margin-bottom: 0
}

.list_items--link .list_items__item .link_item .content .description ul li {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .list_items--link .list_items__item .link_item .content .description ul li {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .list_items--link .list_items__item .link_item .content .description ul li {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .list_items--link .list_items__item .link_item .content .description ul li {
        font-size:16px
    }
}

@media (min-width: 385px) {
    .list_items--link .list_items__item .link_item .content .description {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .list_items--link .list_items__item .link_item .content .description {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .list_items--link .list_items__item .link_item .content .description {
        font-size:16px
    }
}

.list_items--link .list_items__item .link_item .content .description--quote:before {
    margin-left: 5px;
    margin-right: 5px;
    color: #CCC;
    content: open-quote;
    font-size: 1.5em;
    line-height: 0.1em
}

.list_items--link .list_items__item .link_item .content .description--quote:after {
    margin-right: 5px;
    margin-left: 5px;
    color: #CCC;
    content: close-quote;
    font-size: 1.5em;
    line-height: 0.1em
}

.list_items--notification {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0 1rem 0
}

.list_items--notification .item_content {
    display: flex;
    flex-direction: column
}

.list_items--notification .item_content .date {
    color: #2DA3ED;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold
}

@media (min-width: 385px) {
    .list_items--notification .item_content .date {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .list_items--notification .item_content .date {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .list_items--notification .item_content .date {
        font-size:16px
    }
}

.list_items--notification .item_content .content {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    display: -webkit-box;
    overflow: hidden
}

@media (min-width: 385px) {
    .list_items--notification .item_content .content {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .list_items--notification .item_content .content {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .list_items--notification .item_content .content {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .list_items--notification .accordion .title {
        font-size:18px
    }
}

.list_items--help-icon .list_items__item {
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

.list_items--help-icon .list_items__item .left-content .name {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px
}

@media (min-width: 385px) {
    .list_items--help-icon .list_items__item .left-content .name {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .list_items--help-icon .list_items__item .left-content .name {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .list_items--help-icon .list_items__item .left-content .name {
        font-size:17px
    }
}

.list_items--help-icon .list_items__item .left-content .date {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #5f707c
}

@media (min-width: 385px) {
    .list_items--help-icon .list_items__item .left-content .date {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .list_items--help-icon .list_items__item .left-content .date {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .list_items--help-icon .list_items__item .left-content .date {
        font-size:16px
    }
}

.list_items--help-icon .list_items__item .right-content {
    display: inline-flex;
    align-items: center
}

.list_items--icon {
    margin-bottom: 0;
    padding-left: 0
}

.list_items--icon>li {
    display: flex;
    padding-left: 0;
    flex-wrap: wrap;
    align-items: baseline
}

.list_items--icon>li:not(:last-child) {
    margin-bottom: 1rem
}

.list_items--icon>li h1,.list_items--icon>li h2,.list_items--icon>li h3,.list_items--icon>li h4,.list_items--icon>li h5,.list_items--icon>li h6 {
    margin-bottom: 0;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 26px;
    flex: 1
}

@media (min-width: 385px) {
    .list_items--icon>li h1,.list_items--icon>li h2,.list_items--icon>li h3,.list_items--icon>li h4,.list_items--icon>li h5,.list_items--icon>li h6 {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .list_items--icon>li h1,.list_items--icon>li h2,.list_items--icon>li h3,.list_items--icon>li h4,.list_items--icon>li h5,.list_items--icon>li h6 {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .list_items--icon>li h1,.list_items--icon>li h2,.list_items--icon>li h3,.list_items--icon>li h4,.list_items--icon>li h5,.list_items--icon>li h6 {
        font-size:16px
    }
}

.list_items--icon>li h1+*,.list_items--icon>li h2+*,.list_items--icon>li h3+*,.list_items--icon>li h4+*,.list_items--icon>li h5+*,.list_items--icon>li h6+* {
    flex: 1 0 calc(100% - 3rem);
    margin-left: calc(1.5rem + 12px);
    margin-right: 0.5rem
}

.list_items--icon>li .list-item__text {
    margin-bottom: 0;
    flex: 1
}

.list_items--icon>li svg,.list_items--icon>li img {
    color: #2DA3ED;
    margin-right: 12px;
    width: 1.5rem
}

.list_items--icon>li p {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #9ba6ad;
    margin-top: 4px
}

@media (min-width: 385px) {
    .list_items--icon>li p {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .list_items--icon>li p {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .list_items--icon>li p {
        font-size:16px
    }
}

.list_items--icon>li ul {
    padding-left: 1rem
}

.list_items--full article {
    position: relative;
    background: white;
    border-radius: 16px;
    padding: 1rem;
    border: 2px solid white;
    align-items: stretch;
    display: block
}

@media (min-width: 768px) {
    .list_items--full article {
        display:flex
    }
}

.list_items--full article.highlighted {
    border: 2px solid #2DA3ED
}

.list_items--full article.highlighted .avatar-image {
    border: 4px solid #F7B844
}

.list_items--full article .desktop-link {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 16px;
    display: none;
    z-index: 10
}

@media (min-width: 768px) {
    .list_items--full article .desktop-link {
        display:block
    }
}

.list_items--full article .stars svg {
    width: 24px;
    height: 24px;
    color: #F7B844
}

.list_items--full article figure {
    position: relative;
    margin: 0;
    display: flex;
    align-items: center
}

@media (min-width: 768px) {
    .list_items--full article figure {
        width:160px
    }
}

.list_items--full article figure.avatar {
    background-color: inherit
}

.list_items--full article figure .avatar-image {
    width: 80px;
    height: 80px;
    border: 4px solid transparent
}

.list_items--full article figure .avatar-image img {
    width: 80px;
    height: 80px
}

.list_items--full article figure .avatar-image .avatar__pastille {
    width: 20px;
    height: 20px;
    top: 59px;
    left: 59px
}

.list_items--full article figure .avatar-image .avatar__border {
    width: 84px;
    height: 84px
}

.list_items--full article figure .avatar-image svg.thumb-image {
    width: 56px;
    color: white
}

@media (min-width: 768px) {
    .list_items--full article figure .avatar-image {
        width:100px;
        height: 100px
    }

    .list_items--full article figure .avatar-image img {
        width: 100px;
        height: 100px
    }

    .list_items--full article figure .avatar-image .avatar__pastille {
        width: 28px;
        height: 28px;
        top: 72px;
        left: 72px
    }

    .list_items--full article figure .avatar-image .avatar__border {
        width: 104px;
        height: 104px
    }

    .list_items--full article figure .avatar-image svg.thumb-image {
        width: 80px;
        color: white
    }
}

.list_items--full article figure .badge {
    position: absolute;
    border-radius: 8px;
    left: 6px;
    bottom: -9px;
    z-index: 2;
    width: 25px
}

@media (min-width: 768px) {
    .list_items--full article figure .badge {
        bottom:-4px;
        left: 15px;
        width: 35px
    }
}

.list_items--full article figure .avatar-container {
    position: relative
}

.list_items--full article header {
    margin-bottom: 1rem;
    width: 100%;
    display: flex
}

@media (max-width: 991.98px) {
    .list_items--full article header *:not(:first-child) {
        margin-top:0.5rem
    }
}

.list_items--full article header h1,.list_items--full article header h2,.list_items--full article header h3,.list_items--full article header h4,.list_items--full article header h5,.list_items--full article header h6 {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px;
    margin: 0;
    display: flex;
    align-items: center
}

@media (min-width: 385px) {
    .list_items--full article header h1,.list_items--full article header h2,.list_items--full article header h3,.list_items--full article header h4,.list_items--full article header h5,.list_items--full article header h6 {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .list_items--full article header h1,.list_items--full article header h2,.list_items--full article header h3,.list_items--full article header h4,.list_items--full article header h5,.list_items--full article header h6 {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .list_items--full article header h1,.list_items--full article header h2,.list_items--full article header h3,.list_items--full article header h4,.list_items--full article header h5,.list_items--full article header h6 {
        font-size:17px
    }
}

.list_items--full article header h1 a,.list_items--full article header h2 a,.list_items--full article header h3 a,.list_items--full article header h4 a,.list_items--full article header h5 a,.list_items--full article header h6 a {
    color: #4d4d4d
}

.list_items--full article header h1 *:not(:first-child),.list_items--full article header h2 *:not(:first-child),.list_items--full article header h3 *:not(:first-child),.list_items--full article header h4 *:not(:first-child),.list_items--full article header h5 *:not(:first-child),.list_items--full article header h6 *:not(:first-child) {
    margin-left: 0.5rem
}

@media (max-width: 991.98px) {
    .list_items--full article header h1 *:not(:first-child),.list_items--full article header h2 *:not(:first-child),.list_items--full article header h3 *:not(:first-child),.list_items--full article header h4 *:not(:first-child),.list_items--full article header h5 *:not(:first-child),.list_items--full article header h6 *:not(:first-child) {
        margin-left:0;
        margin-top: 0.5rem
    }
}

.list_items--full article main {
    margin-bottom: 10px;
    color: #676767
}

.list_items--full article main .title {
    font-size: 18px;
    font-weight: 500;
    margin-right: 10px
}

@media (min-width: 768px) {
    .list_items--full article main {
        margin-top:20px;
        flex: 1;
        margin-right: 20px
    }
}

@media (min-width: 992px) {
    .list_items--full article main {
        flex:5
    }
}

.list_items--full article aside {
    border-top: 1px solid #d7dbde;
    padding-top: 10px;
    font-size: 14px
}

.list_items--full article aside .selection {
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 10
}

@media (min-width: 768px) {
    .list_items--full article aside {
        position:relative;
        font-weight: bold;
        font-size: 12px;
        flex: 1;
        border-top: none;
        padding: 20px 30px 20px 20px;
        border-left: 2px solid #f3f4f5
    }
}

@media (min-width: 992px) {
    .list_items--full article aside {
        flex:3
    }
}

.list_items--full article aside .info-line {
    display: flex;
    align-items: baseline
}

.list_items--full article aside .info-line:not(:last-child) {
    margin-bottom: 15px
}

.list_items--full article aside .info-line svg {
    color: #2DA3ED;
    width: 20px;
    height: 20px
}

.list_items--full article aside .info-line__secondary {
    color: #9ba6ad
}

@media (min-width: 768px) {
    .list_items--full article aside .info-line__secondary {
        color:#5f707c;
        font-weight: normal
    }
}

.list_items--full article+article {
    margin-top: 1rem
}

.list_items--small .list_items__item .left-content .name {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold
}

@media (min-width: 385px) {
    .list_items--small .list_items__item .left-content .name {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .list_items--small .list_items__item .left-content .name {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .list_items--small .list_items__item .left-content .name {
        font-size:16px
    }
}

.list_items--small .list_items__item .left-content .date {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px
}

@media (min-width: 385px) {
    .list_items--small .list_items__item .left-content .date {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .list_items--small .list_items__item .left-content .date {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .list_items--small .list_items__item .left-content .date {
        font-size:14px
    }
}

.list_items--multi-actions .list_items__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0
}

@media (min-width: 768px) {
    .list_items--multi-actions .list_items__item {
        gap:1rem
    }
}

.list_items--multi-actions .list_items__item .pre svg {
    width: 40px;
    height: 40px
}

.list_items--multi-actions .list_items__item .main {
    flex: 1 0
}

.list_items--multi-actions .list_items__item .main .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px
}

@media (min-width: 385px) {
    .list_items--multi-actions .list_items__item .main .title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .list_items--multi-actions .list_items__item .main .title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .list_items--multi-actions .list_items__item .main .title {
        font-size:17px
    }
}

.list_items--multi-actions .list_items__item .main .description {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #5f707c
}

@media (min-width: 385px) {
    .list_items--multi-actions .list_items__item .main .description {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .list_items--multi-actions .list_items__item .main .description {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .list_items--multi-actions .list_items__item .main .description {
        font-size:14px
    }
}

.list_items--multi-actions .list_items__item .actions {
    position: relative;
    margin-right: -16px;
    display: flex;
    align-items: center;
    justify-content: end;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold
}

@media (min-width: 385px) {
    .list_items--multi-actions .list_items__item .actions {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .list_items--multi-actions .list_items__item .actions {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .list_items--multi-actions .list_items__item .actions {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .list_items--multi-actions .list_items__item .actions {
        gap:5px
    }
}

.list_items--multi-actions .list_items__item .actions .action {
    text-align: center;
    color: #4d4d4d
}

.list_items--multi-actions .list_items__item .actions .action .link>a,.list_items--multi-actions .list_items__item .actions .action .link>btn {
    color: #4d4d4d
}

.list_items--multi-actions .list_items__item .actions .action .link>a>svg.icon,.list_items--multi-actions .list_items__item .actions .action .link>btn>svg.icon {
    transition: opacity 0.3s ease
}

.list_items--multi-actions .list_items__item .actions .action .link>a>svg.icon.rotated,.list_items--multi-actions .list_items__item .actions .action .link>btn>svg.icon.rotated {
    transform: rotate(90deg)
}

.list_items--multi-actions .list_items__item .actions .action .text {
    margin-top: 0.5rem;
    font-size: 6pt;
    white-space: nowrap
}

.list_items--multi-actions .list_items__item .no-action {
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: end;
    gap: 0 5px;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold
}

@media (min-width: 385px) {
    .list_items--multi-actions .list_items__item .no-action {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .list_items--multi-actions .list_items__item .no-action {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .list_items--multi-actions .list_items__item .no-action {
        font-size:16px
    }
}

.list_items--multi-actions .list_items__item .no-action>a,.list_items--multi-actions .list_items__item .no-action>btn {
    display: flex;
    align-items: center;
    gap: 0 5px
}

.list_items--multi-actions .list_items__item.disabled .title {
    color: #9ba6ad
}

.list_items--multi-actions .list_items__item.disabled .description {
    color: #b4bcc2
}

.map {
    width: 100%;
    height: 500px;
    background: #EEE;
    background-image: url(assets-flat/fake-map.png);
    background-size: cover;
    background-position: center;
    cursor: pointer
}

.ambassador #lead-users-map,.ambassador #geo-address-map,.geo-address #lead-users-map,.geo-address #geo-address-map {
    width: 100%;
    height: 350px;
    margin: auto;
    max-height: 50vh;
    margin-bottom: 0
}

.ambassador #lead-users-map,.geo-address #lead-users-map {
    height: 700px
}

.admin-ambassador #users-map {
    width: 100%;
    height: 700px;
    margin: auto;
    margin-top: 20px
}

.geo-address #address-input {
    z-index: 100
}

.geo-address #geo-address-map {
    text-align: center;
    z-index: 0;
    background: #EEE;
    background-image: url(assets-flat/fake-map.png);
    background-size: cover;
    background-position: center;
    cursor: pointer
}

.menu_header {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding-bottom: 32px
}

.menu_header .avatar {
    position: absolute;
    left: 0;
    top: 5px
}

.menu_header__content {
    width: 100%
}

.menu_header__content__top {
    display: flex;
    justify-content: flex-start;
    margin-left: 100px;
    min-height: 80px;
    position: relative
}

.menu_header__content__top .header__dropdown {
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.menu_header__content__top .header__dropdown .infos .tag {
    margin-right: 10px
}

.menu_header__content__top .header__dropdown .dropdown_content {
    margin-top: 8px;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 28px;
    color: #052032
}

@media (min-width: 385px) {
    .menu_header__content__top .header__dropdown .dropdown_content {
        font-size:30px
    }
}

@media (min-width: 768px) {
    .menu_header__content__top .header__dropdown .dropdown_content {
        font-size:32px
    }
}

@media (min-width: 992px) {
    .menu_header__content__top .header__dropdown .dropdown_content {
        font-size:40px
    }
}

.menu_header__content__top .header__dropdown .dropdown_content .dropdown-toggle {
    white-space: unset
}

.menu_header__content__top .header__dropdown .dropdown_content .dropdown-toggle .childminder-name {
    font-size: 14px;
    color: #5f707c
}

@media (max-width: 359.98px) {
    .menu_header__content__top .header__dropdown .dropdown_content .dropdown-toggle .childminder-name {
        position:absolute;
        bottom: -14px;
        left: 0
    }
}

@media (min-width: 520px) {
    .menu_header__content__top .header__dropdown .dropdown_content .dropdown-toggle .childminder-name {
        display:inline
    }
}

.menu_header__content__bottom {
    margin-top: 20px
}

@media (min-width: 992px) {
    .menu_header__content__bottom .nav-pills .nav-item .nav-link {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 992px) {
    .menu_header {
        padding-bottom:48px
    }

    .menu_header__content__top {
        margin-left: 144px
    }

    .menu_header__content__bottom {
        margin-top: 0px;
        margin-left: 144px !important
    }
}

.mobile-switch-app {
    margin-top: -1rem
}

.mobile-switch-app .divider {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

.mobile-switch-app .accordion-header {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

.mobile-switch-app .logo-text {
    justify-content: center;
    margin-bottom: 10px
}

.mobile-switch-app__content {
    max-width: 400px;
    margin: auto
}

.mobile-switch-app__link {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
    text-align: center
}

.mobile-switch-app__link .mobile-switch-app__link-icon {
    border-radius: 50%
}

.mobile-switch-app__link a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 5
}

.mobile-switch-app__link--active .mobile-switch-app__link-icon,.mobile-switch-app__link:active .mobile-switch-app__link-icon {
    background: transparent;
    outline: 2px solid #2DA3ED;
    outline-offset: 3px
}

.mobile-switch-app__link--active .mobile-switch-app__link-icon.child_marketplace,.mobile-switch-app__link:active .mobile-switch-app__link-icon.child_marketplace {
    outline-color: #ea93a2
}

.mobile-switch-app__link--active .mobile-switch-app__link-icon.child_management,.mobile-switch-app__link:active .mobile-switch-app__link-icon.child_management {
    outline-color: #2ecfc8
}

.mobile-switch-app__link--active .mobile-switch-app__link-icon.child_notebook,.mobile-switch-app__link:active .mobile-switch-app__link-icon.child_notebook {
    outline-color: #f6b843
}

.mobile-switch-app__link-badge {
    width: 100%;
    max-width: 150px
}

.mobile-switch-app__link-title {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 600
}

@media (min-width: 385px) {
    .mobile-switch-app__link-title {
        font-size:16px
    }
}

.mobile-switch-app__link-sub-title {
    font-size: 13px;
    color: #9ba6ad
}

@media (min-width: 385px) {
    .mobile-switch-app__link-sub-title {
        font-size:14px
    }
}

.monthly_calendar {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 768px) {
    .monthly_calendar {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

.monthly_calendar__header {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 10px;
    height: 25px
}

.monthly_calendar__header .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    margin-bottom: 0 !important
}

@media (min-width: 385px) {
    .monthly_calendar__header .title {
        font-size:15px;
        margin-bottom: 1rem
    }
}

.monthly_calendar__header .tag {
    margin-left: 0.5rem
}

.monthly_calendar__content {
    background: white;
    padding: 1.5em
}

@media (min-width: 768px) {
    .monthly_calendar__content {
        border-radius:12px
    }
}

.calendar__table.table {
    margin-bottom: 0
}

.calendar__table.table thead tr th {
    font-size: 14px;
    padding: 1px;
    font-weight: normal;
    text-align: center;
    color: #5f707c;
    min-width: 16px
}

.calendar__table.table tbody {
    border-top: none
}

.calendar__table.table tbody tr td {
    font-size: 12px;
    text-align: center;
    position: relative;
    font-weight: bold
}

.calendar__table.table tbody tr td.day {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    padding: 5px 0;
    height: 20px;
    vertical-align: middle;
    min-width: 13px
}

.calendar__table.table tbody tr td.day>* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.calendar__table.table tbody tr td.day a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 5
}

.calendar__table.table tbody tr td.day span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 3;
    position: relative
}

.calendar__table.table tbody tr td.out-of-contract span {
    color: #d7dbde
}

.calendar__table.table tbody tr td.out-of-month {
    background: transparent
}

.calendar__table.table tbody tr td.week-number {
    vertical-align: middle;
    padding: 0;
    color: #999;
    padding-right: 2px;
    width: 22px
}

.calendar__table.table tbody tr td.week-number .tag {
    font-weight: normal;
    width: 20px;
    font-size: 9px
}

@media (min-width: 385px) {
    .calendar__table.table tbody tr td.week-number {
        padding-right:4px;
        width: 29px
    }

    .calendar__table.table tbody tr td.week-number .tag {
        width: 25px;
        font-size: 10px
    }
}

.multi_step_form .step {
    display: inline-flex;
    align-items: center;
    padding: 24px 0
}

.multi_step_form .step .tag {
    cursor: pointer;
    margin-right: 12px;
    height: 36px
}

.multi_step_form .step .step__content {
    display: inline-flex;
    align-items: center
}

.multi_step_form .step .step__content .step_svg {
    position: relative
}

.multi_step_form .step .step__content .step_svg svg {
    min-width: 28px;
    width: 28px;
    height: 28px;
    transform: rotate(-90deg)
}

.multi_step_form .step .step__content .step_svg span.counter {
    position: absolute;
    font-size: 12px;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.multi_step_form .step .step__content .step_title {
    font-weight: 500;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18.96px;
    color: #5f707c;
    margin: unset;
    padding-left: 10px
}

.multi_step_form_step footer.actions {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2)
}

.multi_step_form_step footer.actions input {
    margin-bottom: 0 !important
}

@media (min-width: 768px) {
    .multi_step_form_step footer.actions {
        position:inherit;
        background: transparent;
        box-shadow: none;
        padding: 10px 0;
        margin-top: 50px
    }
}

.navigation_menu {
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: nowrap;
    row-gap: 10px
}

.navigation_menu--desktop-only {
    display: none
}

@media (min-width: 768px) {
    .navigation_menu--desktop-only {
        display:flex
    }
}

.navigation_menu--sticky {
    position: sticky;
    top: 0;
    z-index: 50;
    background: var(--app-background, #E5F0F6)
}

@media (min-width: 768px) {
    .navigation_menu {
        margin-bottom:40px;
        position: static
    }
}

.navigation_menu .icon-hover-circle--left {
    margin-right: -10px;
    flex-shrink: 0
}

.navigation_menu .avatar {
    margin-right: 16px;
    flex-shrink: 0
}

.navigation_menu .avatar svg.icon {
    color: #FFF
}

@media (min-width: 768px) {
    .navigation_menu .avatar svg.icon {
        width:40px;
        height: 40px
    }
}

.navigation_menu--notebook {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.navigation_menu--notebook .avatar svg.icon {
    width: 24px;
    height: 24px
}

.navigation_menu__content {
    margin-left: 8px
}

@media (min-width: 385px) {
    .navigation_menu__content {
        margin-left:1rem
    }
}

.navigation_menu__content .menu_title {
    display: flex;
    flex-direction: column
}

.navigation_menu__content .menu_title__ariane {
    display: flex;
    align-items: center
}

.navigation_menu__content .menu_title__ariane .item {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    align-items: center;
    margin-bottom: 0 !important;
    color: #5f707c
}

@media (min-width: 385px) {
    .navigation_menu__content .menu_title__ariane .item {
        font-size:15px;
        margin-bottom: 1rem
    }
}

.navigation_menu__content .menu_title__ariane .item:hover {
    color: #374d5b
}

@media (min-width: 768px) {
    .navigation_menu__content .menu_title__ariane .item {
        margin-bottom:10px !important
    }
}

.navigation_menu__content .menu_title__ariane .item svg {
    width: 24px;
    height: 24px
}

.navigation_menu__content .menu_title__ariane .item.topassmat {
    color: #2DA3ED
}

.navigation_menu__content .menu_title__main-title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #052032;
    line-height: 24px;
    line-height: 20px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

@media (min-width: 385px) {
    .navigation_menu__content .menu_title__main-title {
        font-size:24px;
        line-height: 26px
    }
}

@media (min-width: 768px) {
    .navigation_menu__content .menu_title__main-title {
        font-size:26px;
        line-height: 28px
    }
}

@media (min-width: 992px) {
    .navigation_menu__content .menu_title__main-title {
        font-size:28px;
        line-height: 30px
    }
}

@media (min-width: 768px) {
    .navigation_menu__content .menu_title__main-title {
        gap:12px
    }
}

.navigation_menu__content .menu_section .radio_buttons {
    margin-bottom: unset !important
}

.navigation_menu__more-content {
    align-self: center;
    margin-left: auto
}

@media (max-width: 519.98px) {
    .navigation_menu__more-content .btn.btn--left-icon svg {
        display:none
    }
}

.notifications-window {
    display: none;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 60px;
    background-color: white;
    z-index: 1060;
    width: 100%;
    max-height: 100%;
    border-bottom: 1px solid #d7dbde
}

@media (min-width: 768px) {
    .notifications-window {
        left:initial;
        top: initial;
        bottom: 95px;
        right: 22px;
        width: 400px;
        box-shadow: 0 2px 7px 0 #d7dbde;
        border-radius: 12px;
        max-height: calc(100vh - 110px);
        border-bottom: none
    }
}

.notifications-window__header {
    padding: 10px 49px 10px 15px;
    border-bottom: 1px solid #ebedef;
    display: flex;
    justify-content: space-between;
    font-weight: 600
}

@media (min-width: 768px) {
    .notifications-window__header {
        padding-right:15px
    }
}

.notifications-window__mark-as-read {
    color: #2DA3ED;
    cursor: pointer
}

.notifications-window__close {
    position: absolute;
    right: 3px;
    top: 0;
    padding: 10px;
    cursor: pointer
}

@media (min-width: 768px) {
    .notifications-window__close {
        display:none
    }
}

.notifications-window__close svg {
    width: 14px;
    height: 14px
}

.notifications-window__no-content {
    padding: 30px 0
}

.notifications-window__item {
    padding: 10px 15px;
    position: relative;
    font-size: 14px
}

.notifications-window__item--unseen {
    background-color: #eef8fe
}

.notifications-window__item--have-content {
    cursor: pointer
}

.notifications-window__item:hover {
    background-color: #ddf0fc
}

.notifications-window__item:hover .notifications-window__item-content {
    background-color: white
}

.notifications-window__item-intro {
    display: flex;
    align-items: center
}

.notifications-window__item-content {
    display: none;
    margin-top: 10px;
    padding: 15px;
    background-color: #EFF8FE;
    border-radius: 10px
}

.notifications-window__item:not(:last-child) {
    border-bottom: 1px solid #d7dbde
}

.notifications-window__item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.notifications-window__item-icon {
    margin-right: 15px
}

.notifications-window__item-icon svg {
    color: #2DA3ED;
    width: 30px;
    height: 30px
}

.notifications-window__item-text {
    width: 100%
}

.notifications-window__item-status {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.notifications-window__item-date {
    font-size: 14px;
    color: #9ba6ad
}

.notifications-window__item-loader {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(45,163,237,0.6);
    left: 0;
    z-index: 1500;
    align-items: center;
    justify-content: center
}

.notifications-window__item-loader svg {
    width: 36px;
    height: 36px;
    margin-right: 10px;
    color: white;
    animation: 700ms linear infinite cloud-grow
}

.notifications-window__load-more {
    padding: 15px 15px;
    border-top: 1px solid #d7dbde;
    font-weight: 600
}

.notifications-window__load-more a {
    color: #2DA3ED
}

.notifications-window__item--unread {
    color: #2DA3ED
}

.notification-button-mobile {
    position: relative;
    cursor: pointer
}

@media (min-width: 768px) {
    .notification-button-mobile {
        display:none
    }
}

.notification-button-mobile__indicator {
    display: none;
    position: absolute;
    top: -6px;
    right: -8px;
    cursor: pointer;
    line-height: 20px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: white;
    background: #E84D67;
    border-radius: 100%
}

@media (min-width: 768px) {
    .notification-button-mobile__indicator {
        font-size:12px;
        line-height: 24px;
        width: 24px;
        height: 24px
    }
}

.notification-button-mobile__indicator--shown {
    display: initial
}

.notification-button-desktop {
    display: none;
    bottom: 22px;
    right: 100px;
    transition: transform .2s ease-in-out, background-color .2s linear
}

.notification-button-desktop:hover {
    background-color: #57b5f1
}

.notification-button-desktop:hover svg {
    transform: rotate(-25deg);
    transition: transform .2s ease-in-out;
    color: white
}

@media (min-width: 768px),(orientation: landscape) {
    .notification-button-desktop {
        display:flex
    }
}

.notification-button-desktop--active {
    background-color: #57b5f1
}

.notification-button-desktop--active svg {
    color: white;
    transform: rotate(-25deg)
}

.offcanvas--no-transition {
    transition: unset
}

.offcanvas.offcanvas-bottom {
    border-radius: 24px 24px 0 0;
    max-height: 90vh !important
}

.offcanvas.offcanvas-bottom .offcanvas-header {
    display: block;
    padding: 0 !important;
    margin-bottom: -10px
}

.offcanvas.offcanvas-bottom .offcanvas-header .offcanvas__slider {
    width: 100%
}

.offcanvas.offcanvas-bottom .offcanvas-header .offcanvas__slider .slider-btn {
    display: block;
    margin: auto;
    background-color: #BBD1DF;
    height: 4px;
    width: 40px;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 16px
}

.offcanvas.offcanvas-bottom .offcanvas-header .offcanvas-title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px;
    text-align: center;
    padding: 0 1rem 10px 1rem;
    margin-top: -10px
}

@media (min-width: 385px) {
    .offcanvas.offcanvas-bottom .offcanvas-header .offcanvas-title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .offcanvas.offcanvas-bottom .offcanvas-header .offcanvas-title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .offcanvas.offcanvas-bottom .offcanvas-header .offcanvas-title {
        font-size:17px
    }
}

.offcanvas.offcanvas-end {
    max-height: 100vh !important
}

@media (min-width: 768px) {
    .offcanvas.offcanvas-end {
        width:600px !important
    }
}

.offcanvas.offcanvas-end .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    padding-bottom: 10px
}

.offcanvas.offcanvas-end .offcanvas-header .offcanvas-title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #052032
}

@media (min-width: 385px) {
    .offcanvas.offcanvas-end .offcanvas-header .offcanvas-title {
        font-size:19px
    }
}

@media (min-width: 768px) {
    .offcanvas.offcanvas-end .offcanvas-header .offcanvas-title {
        font-size:20px
    }
}

@media (min-width: 992px) {
    .offcanvas.offcanvas-end .offcanvas-header .offcanvas-title {
        font-size:22px
    }
}

.offcanvas.offcanvas-end .offcanvas-close {
    width: 16px;
    height: 16px;
    cursor: pointer
}

@media (max-width: 767.98px) {
    body.ios-webapp .offcanvas.offcanvas-bottom,body.ios-chrome .offcanvas.offcanvas-bottom {
        padding-bottom:20px
    }
}

.progressmeter-container {
    position: relative;
    background: #DDD;
    height: 2px;
    margin: 0 -15px O -15px
}

.progressmeter-bar {
    background: #2FCFC8;
    position: absolute;
    height: 100%
}

.progressmeter-bar:after {
    display: block;
    position: absolute;
    top: -4px;
    right: -4px;
    content: '';
    width: 10px;
    height: 10px;
    background: #2FCFC8;
    border-radius: 5px
}

.pagy-nav.pagination {
    display: flex;
    justify-content: center;
    padding: 40px 10px 10px 10px;
    flex-wrap: wrap;
    gap: 15px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 768px) {
    .pagy-nav.pagination {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

.pagy-nav.pagination .page {
    width: 45px;
    height: 45px;
    font-style: normal;
    font-weight: 600;
    border-radius: 100px;
    border: 2px solid #cde9fb;
    line-height: 42px;
    text-align: center;
    overflow: hidden;
    font-size: 1rem;
    color: #5f707c
}

.pagy-nav.pagination .page:not(.gap) {
    background: #FFF
}

.pagy-nav.pagination .page a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    line-height: 42px;
    color: #5f707c
}

.pagy-nav.pagination .page a svg,.pagy-nav.pagination .page a svg * {
    pointer-events: none
}

.pagy-nav.pagination .page.active {
    border-color: #2DA3ED;
    background: #2DA3ED;
    color: white
}

.pagy-nav.pagination .page.disabled {
    cursor: not-allowed;
    color: #d7dbde
}

.pagy-nav.pagination .page:hover:not(.active,.gap,.disabled) {
    border-color: #2DA3ED
}

.pagy-nav.pagination .page.next,.pagy-nav.pagination .page.prev,.pagy-nav.pagination .page.next a,.pagy-nav.pagination .page.prev a {
    font-size: 1.5rem;
    line-height: 41px
}

.pagy-nav.pagination .page.gap {
    border: none;
    width: unset
}

#paje-simulator .blurring,#paje-simulator-ged .blurring {
    color: transparent !important;
    text-shadow: 0 0 10px rgba(100,100,100,0.5) !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    position: relative
}

#paje-simulator .blurring h1,#paje-simulator .blurring h2,#paje-simulator .blurring h3,#paje-simulator .blurring span,#paje-simulator-ged .blurring h1,#paje-simulator-ged .blurring h2,#paje-simulator-ged .blurring h3,#paje-simulator-ged .blurring span {
    color: inherit;
    text-shadow: inherit
}

#paje-simulator .blurring .green,#paje-simulator-ged .blurring .green {
    text-shadow: 0 0 15px #1DCB8C !important
}

#paje-simulator .blurring .blue,#paje-simulator-ged .blurring .blue {
    text-shadow: 0 0 15px #2DA3ED !important
}

#paje-simulator .blurring .red,#paje-simulator-ged .blurring .red {
    text-shadow: 0 0 15px #E84D67 !important
}

#paje-simulator .blurring:hover,#paje-simulator-ged .blurring:hover {
    background: var(--app-background, #E5F0F6);
    cursor: pointer
}

#paje-simulator .blurring:hover:before,#paje-simulator-ged .blurring:hover:before {
    position: absolute;
    z-index: 10;
    text-align: center;
    color: #333333;
    text-shadow: none;
    content: 'Découvrir !';
    width: 100%;
    left: 0
}

#paje-simulator #paje-simulator-slider,#paje-simulator-ged #paje-simulator-slider {
    height: 8px;
    border-radius: 4px;
    margin: 80px 10px 10px 10px
}

#paje-simulator #paje-simulator-slider .noUi-connect,#paje-simulator-ged #paje-simulator-slider .noUi-connect {
    background: #2DA3ED
}

#paje-simulator #paje-simulator-slider .noUi-handle,#paje-simulator-ged #paje-simulator-slider .noUi-handle {
    width: 34px;
    height: 28px;
    top: -11px;
    cursor: pointer
}

@media print {
    @page {
        size: A4 portrait;
        margin: 0
    }

    .cmg-simulator {
        padding: 30px;
        background: #FFF;
        width: 100%
    }

    .cmg-simulator p {
        font-size: 10px
    }

    .cmg-simulator table {
        font-size: 10px !important
    }

    .cmg-simulator table td,.cmg-simulator table th {
        padding: 3px 10px 3px 10px !important
    }

    .cmg-simulator h2 {
        font-size: 16px
    }

    .cmg-simulator .font--xs th,.cmg-simulator .font--xs td {
        font-size: inherit !important
    }

    .cmg-simulator h3 {
        font-size: 14px
    }

    .cmg-simulator .profiler-results,.cmg-simulator .warning-prod,.cmg-simulator .notPrintable,.cmg-simulator .hint,.cmg-simulator #support-launcher,.cmg-simulator .fxp-sidebar-wrapper,.cmg-simulator #title-bar,.cmg-simulator #user-ariane,.cmg-simulator .notPrintable,.cmg-simulator footer {
        display: none !important
    }
}

.simulator-cmg__planning-duration {
    justify-content: normal !important
}

.simulator-cmg__planning-duration .checkbox {
    position: static !important
}

.cmg-simulator-ged__salary-slider {
    padding: 0 10px
}

@media (min-width: 768px) {
    .cmg-simulator-ged__salary-slider {
        padding:0 30px
    }
}

.page-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 16px
}

.page-header h1 {
    margin-bottom: 8px;
    margin-right: 10px
}

@media (min-width: 768px) {
    .page-header {
        margin-bottom:17px
    }
}

@media (min-width: 1200px) {
    .page-header {
        margin-bottom:28px
    }
}

.page-action-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    background-color: var(--app-background, #E5F0F6);
    padding: 10px 1.25rem 0 1.25rem;
    gap: 20px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 768px) {
    .page-action-header {
        margin-bottom:30px;
        padding: 10px 0 0 0
    }
}

@media (min-width: 768px) {
    .page-action-header {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

.page-action-header__title {
    display: flex;
    align-items: center
}

.page-action-header__title .title {
    position: relative
}

@media (min-width: 360px) {
    .page-action-header__title .title {
        margin-left:8px
    }
}

.page-action-header__title .title .page-action-header__date {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 18px
}

@media (min-width: 360px) {
    .page-action-header__title .title .page-action-header__date {
        font-size:20px
    }
}

@media (min-width: 385px) {
    .page-action-header__title .title .page-action-header__date {
        font-size:22px
    }
}

@media (min-width: 520px) {
    .page-action-header__title .title .page-action-header__date {
        font-size:26px
    }
}

@media (min-width: 768px) {
    .page-action-header__title .title .page-action-header__date {
        font-size:30px
    }
}

@media (min-width: 992px) {
    .page-action-header__title .title .page-action-header__date {
        font-size:36px
    }
}

@media (min-width: 360px) {
    .page-action-header__title .title .page-action-header__date.month-year-fix-width {
        min-width:185px
    }
}

@media (min-width: 385px) {
    .page-action-header__title .title .page-action-header__date.month-year-fix-width {
        min-width:210px
    }
}

@media (min-width: 520px) {
    .page-action-header__title .title .page-action-header__date.month-year-fix-width {
        min-width:240px
    }
}

@media (min-width: 768px) {
    .page-action-header__title .title .page-action-header__date.month-year-fix-width {
        min-width:270px
    }
}

@media (min-width: 992px) {
    .page-action-header__title .title .page-action-header__date.month-year-fix-width {
        min-width:320px
    }
}

.page-action-header__title .title svg.icon_calendar {
    height: 16px;
    width: 16px;
    margin-left: 5px
}

@media (min-width: 360px) {
    .page-action-header__title .title svg.icon_calendar {
        margin-left:7px
    }
}

@media (min-width: 520px) {
    .page-action-header__title .title svg.icon_calendar {
        margin-left:10px
    }
}

.page-action-header__title .title .datetimepicker {
    margin-top: 35px !important;
    left: -60px
}

@media (min-width: 520px) {
    .page-action-header__title .title .datetimepicker {
        left:0
    }
}

@media (min-width: 768px) {
    .page-action-header__title .title .datetimepicker {
        margin-top:50px !important
    }
}

.page-action-header__title svg.icon_round_arrow_left,.page-action-header__title svg.icon_round_arrow_right {
    height: 28px;
    width: 28px;
    margin-right: 8px
}

@media (min-width: 768px) {
    .page-action-header__title svg.icon_round_arrow_left svg,.page-action-header__title svg.icon_round_arrow_right svg {
        height:32px;
        width: 32px;
        margin-right: 12px
    }
}

.page-action-header__text-loader {
    position: relative
}

.page-action-header__loading {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    gap: 0 10px;
    align-items: center;
    justify-content: flex-start;
    height: 100%
}

.page-action-header__loading svg.icon_cloud {
    width: 24px;
    height: 24px;
    color: #2DA3ED;
    animation: 850ms linear infinite cloud-grow;
    backface-visibility: hidden
}

.page-action-header__loading svg.icon_cloud:nth-child(2) {
    animation-delay: 40ms
}

.page-action-header__loading svg.icon_cloud:nth-child(3) {
    animation-delay: 80ms
}

.page-action-header__actions {
    display: flex;
    align-items: center;
    gap: 20px 10px;
    flex-wrap: wrap;
    flex-grow: 1;
    justify-content: flex-end
}

.page-action-header__actions .week-month-switcher {
    margin-right: auto;
    margin-left: 10px
}

.page-action-header.sticky-top.is-sticked .btn {
    display: none
}

.planning-choice {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    white-space: nowrap;
    --bs-link-color: $grey-80;
    --bs-link-hover-color: $grey-80
}

.planning-choice .planning-choice-toggle .dropdown-planning:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid rgba(0,0,0,0);
    border-bottom: 0;
    border-left: 0.3em solid rgba(0,0,0,0)
}

.planning-choice .dropdown-menu {
    box-shadow: unset;
    display: block !important;
    position: unset;
    margin: calc(var(--bs-popover-body-padding-y) * -1) calc(var(--bs-popover-body-padding-x) * -1)
}

.planning-choice .dropdown-menu,.planning-choice .dropdown-planning {
    font-size: 13px !important;
    font-weight: bold;
    color: #374d5b
}

.planning-choice .dropdown-menu .tag--circular,.planning-choice .dropdown-planning .tag--circular {
    margin-left: 8px
}

.planning-choice .dropdown-planning,.planning-choice .dropdown-item {
    display: flex;
    align-items: center;
    float: right
}

.planning-choice a.dropdown-planning span.tag {
    margin-right: 3px
}

.planning-choice a.dropdown-planning .icon_edit {
    color: #E84D67;
    margin-left: 8px
}

.planning-choice .destroy-planning {
    color: #E84D67;
    font-weight: bold
}

.planning-choice .destroy-planning svg {
    margin-left: 8px;
    margin-right: 5px;
    color: #E84D67
}

.planning-choice .dropdown-planning {
    background-color: transparent;
    vertical-align: middle;
    border: none;
    padding: 0
}

.planning-choice .dropdown-planning.disabled svg.icon.icon_lock {
    color: #b4bcc2;
    margin-left: 5px
}

.planning-choice .dropdown-item.active .tag--circular {
    border: 1px solid white
}

.monthly_calendar .planning-choice .label_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px
}

@media (min-width: 360px) {
    .monthly_calendar .planning-choice .label_title {
        max-width:170px
    }
}

@media (min-width: 520px) {
    .monthly_calendar .planning-choice .label_title {
        max-width:130px
    }
}

@media (min-width: 768px) {
    .monthly_calendar .planning-choice .label_title {
        max-width:260px
    }
}

@media (min-width: 992px) {
    .monthly_calendar .planning-choice .label_title {
        max-width:140px
    }
}

@media (min-width: 1200px) {
    .monthly_calendar .planning-choice .label_title {
        max-width:150px
    }
}

.popover {
    max-height: 95vh;
    overflow: auto;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px
}

@media (min-width: 385px) {
    .popover {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .popover {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .popover {
        font-size:17px
    }
}

.popover--error {
    background-color: #E84D67
}

.popover--error .popover-body,.popover--error .popover-header {
    color: white
}

.popover-content__action {
    display: flex;
    flex-direction: column
}

.popover-content__action ul {
    padding-left: 1rem
}

.popover-content__action a.item {
    color: #052032;
    display: inline-flex;
    align-items: center;
    padding: 10px 0;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold
}

@media (min-width: 385px) {
    .popover-content__action a.item {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .popover-content__action a.item {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .popover-content__action a.item {
        font-size:16px
    }
}

.popover-content__action a.item:first-child {
    padding-top: 0
}

.popover-content__action a.item:last-child {
    margin-bottom: unset;
    padding-bottom: 0
}

.popover-content__action a.item svg {
    color: #5f707c;
    margin-right: 16px;
    width: 16px;
    height: 16px;
    min-width: 12px
}

.popover-content__action a.item--danger {
    color: #E84D67
}

.popover-content__action a.item--danger svg {
    color: #E84D67
}

.popover-content__action a.item:hover {
    color: #2DA3ED
}

.popover-content__action a.item:hover svg {
    color: #2DA3ED
}

.popover-content__action a.item--disabled {
    color: #9ba6ad
}

.popover-content__action a.item--disabled svg {
    color: #9ba6ad
}

.popover-content__action a.item--validation {
    color: #8AC43B
}

.popover-content__action a.item--validation svg {
    color: #8AC43B
}

.more-menu-popover .item {
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    color: #374d5b;
    height: 46px
}

.more-menu-popover .item svg {
    order: 1;
    height: 24px;
    width: 24px;
    color: #374d5b;
    margin-right: 16px
}

.more-menu-popover .item span {
    order: 2
}

.more-menu-popover .item:hover {
    color: black
}

.more-menu-popover .item:hover svg {
    color: black
}

.more-menu-popover .item.active {
    color: #2DA3ED
}

.more-menu-popover .item.active svg {
    color: #2DA3ED
}

@media (min-width: 385px) {
    .more-menu-popover .item {
        font-size:15px
    }

    .more-menu-popover .item svg {
        height: 28px;
        width: 28px
    }
}

.report-day-content-table tr td:first-child {
    min-width: 140px
}

.report-day-content-table tr td.meals .meals-container {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.report-day-content-table tr td.meals .meals-container .tag {
    flex-shrink: 0
}

.schedule_predictable .schedule_resume_durations {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #374d5b
}

.schedule_predictable .schedule_resume_durations ul {
    font-size: 14px;
    font-weight: 400
}

.schedule_predictable .time_slots_details {
    font-size: 14px
}

.schedule_predictable .accordion-button::after {
    align-self: flex-start !important
}

.schedule_predictable .accordion-body {
    padding-top: 0px
}

.schedule_predictable .accordion-body .to_fill {
    margin-left: 0.5rem;
    color: #5f707c
}

#schedules_day_edit_modal .apply_to_other_days .form-check-input[disabled]~.form-check-label,#schedules_day_edit_modal .apply_to_other_days .form-check-input:disabled~.form-check-label {
    color: white;
    opacity: 1
}

#payment-form .field {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0 10px
}

#payment-form .field.half-width {
    width: 50%
}

#payment-form .field.quarter-width {
    width: calc(25% - 10px)
}

#payment-form .baseline {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #cfd7df;
    transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#payment-form label {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 8px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform-origin: 0 50%;
    cursor: text;
    transition-property: color, transform;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}

#payment-form .input {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-bottom: 7px;
    color: #32325d;
    background-color: transparent
}

#payment-form .input::-webkit-input-placeholder,#payment-form .input::-moz-placeholder,#payment-form .input:-ms-input-placeholder {
    color: transparent;
    -webkit-transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#payment-form .input.StripeElement {
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: opacity
}

#payment-form .input.focus,#payment-form .input:not(.empty) {
    opacity: 1
}

#payment-form .input.focus::-webkit-input-placeholder,#payment-form .input:not(.empty)::-webkit-input-placeholder,#payment-form .input.focus::-moz-placeholder,#payment-form .input:not(.empty)::-moz-placeholder,#payment-form .input.focus:-ms-input-placeholder,#payment-form .input:not(.empty):-ms-input-placeholder {
    color: #cfd7df
}

#payment-form .input.focus+label,#payment-form .input:not(.empty)+label {
    color: #aab7c4;
    transform: scale(0.85) translateY(-25px);
    cursor: default
}

#payment-form .input.focus+label {
    color: #24b47e
}

#payment-form .input.invalid+label {
    color: #ffa27b
}

#payment-form .input.focus+label+.baseline {
    background-color: #24b47e
}

#payment-form .input.focus.invalid+label+.baseline {
    background-color: #e25950
}

#payment-form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border-style: none
}

#payment-form input:-webkit-autofill {
    -webkit-text-fill-color: #e39f48;
    -webkit-transition: background-color 100000000s;
    transition: background-color 100000000s;
    -webkit-animation: 1ms void-animation-out
}

#payment-form .StripeElement--webkit-autofill {
    background: transparent !important
}

#payment-form input {
    -webkit-animation: 1ms void-animation-out
}

#payment-form #card-errors {
    display: none
}

#payment-form #card-errors.visible {
    display: block
}

#simulator-content {
    max-width: 600px;
    margin: auto
}

#simulator-content .simulator__intro {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px
}

@media (min-width: 385px) {
    #simulator-content .simulator__intro {
        font-size:17px
    }
}

@media (min-width: 768px) {
    #simulator-content .simulator__intro {
        font-size:16px
    }
}

@media (min-width: 992px) {
    #simulator-content .simulator__intro {
        font-size:17px
    }
}

#simulator-content .simulator__intro .first-part {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: -10px
}

#simulator-content .simulator__intro .first-part .formula {
    margin: 10px 10px 10px 0
}

#simulator-content .simulator__intro .first-part .gestion {
    margin: 10px 0
}

#simulator-content .simulator__intro .first-part .form-select {
    margin-left: 10px
}

#simulator-content .simulator__intro .second-part {
    margin-top: 10px
}

#simulator-content .simulator__intro .second-part .form-select {
    margin: 0 10px
}

#simulator-content .form-select {
    width: unset;
    display: inline-block
}

#simulator-content .line-item {
    align-items: center
}

#simulator-content .line-item .label {
    width: 60%
}

#simulator-content .line-item .field {
    margin-left: auto;
    min-width: 65px
}

.status {
    position: relative;
    display: inline;
    font-size: 14px;
    color: #5f707c;
    font-weight: 700;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 16px;
    padding-left: 12px
}

.status:before {
    position: absolute;
    left: 0;
    top: 4px;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 4px;
    background-color: #d7dbde
}

.status--error:before,.status--danger:before {
    background-color: #E84D67
}

.status--progress:before,.status--alert:before {
    background-color: #F7B844
}

.status--validation:before {
    background-color: #8AC43B
}

.status--grey:before {
    background-color: #052032
}

.status--blue:before {
    background-color: #2DA3ED
}

.statistic {
    display: inline-flex;
    margin: 1em 0em;
    max-width: auto
}

.statistic+.statistic {
    margin: 0em 0em 0em 1.5em
}

.statistic:first-child {
    margin-top: 0em
}

.statistic:last-child {
    margin-bottom: 0em
}

.statistics {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.statistics>.statistic {
    display: inline-flex;
    flex: 0 1 auto;
    flex-direction: column;
    margin: 0em 1.5em 1em;
    max-width: auto
}

.statistics {
    display: flex;
    margin: 1em -1.5em -1em
}

.statistics:after {
    display: block;
    content: ' ';
    height: 0px;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.statistics:first-child {
    margin-top: 0em
}

.statistics .statistic>.value,.statistic>.value {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 4rem;
    font-weight: normal;
    line-height: 1em;
    color: #1B1C1D;
    text-transform: uppercase;
    text-align: center
}

.statistics .statistic>.label,.statistic>.label {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: rgba(0,0,0,0.87);
    text-transform: uppercase;
    text-align: center
}

.statistics .statistic>.label~.value,.statistic>.label~.value {
    margin-top: 0rem
}

.statistics .statistic>.value~.label,.statistic>.value~.label {
    margin-top: 0rem
}

.statistics .statistic>.value .icon,.statistic>.value .icon {
    opacity: 1;
    width: auto;
    margin: 0em
}

.statistics .statistic>.text.value,.statistic>.text.value {
    line-height: 1em;
    min-height: 2em;
    font-weight: bold;
    text-align: center
}

.statistics .statistic>.text.value+.label,.statistic>.text.value+.label {
    text-align: center
}

.statistics .statistic>.value img,.statistic>.value img {
    max-height: 3rem;
    vertical-align: baseline
}

.red.statistics .statistic>.value,.statistics .red.statistic>.value,.red.statistic>.value {
    color: #DB2828
}

.orange.statistics .statistic>.value,.statistics .orange.statistic>.value,.orange.statistic>.value {
    color: #F2711C
}

.yellow.statistics .statistic>.value,.statistics .yellow.statistic>.value,.yellow.statistic>.value {
    color: #FBBD08
}

.olive.statistics .statistic>.value,.statistics .olive.statistic>.value,.olive.statistic>.value {
    color: #B5CC18
}

.green.statistics .statistic>.value,.statistics .green.statistic>.value,.green.statistic>.value {
    color: #21BA45
}

.teal.statistics .statistic>.value,.statistics .teal.statistic>.value,.teal.statistic>.value {
    color: #2FCFC8
}

.blue.statistics .statistic>.value,.statistics .blue.statistic>.value,.blue.statistic>.value {
    color: #2185D0
}

.violet.statistics .statistic>.value,.statistics .violet.statistic>.value,.violet.statistic>.value {
    color: #6435C9
}

.purple.statistics .statistic>.value,.statistics .purple.statistic>.value,.purple.statistic>.value {
    color: #A333C8
}

.pink.statistics .statistic>.value,.statistics .pink.statistic>.value,.pink.statistic>.value {
    color: #E03997
}

.brown.statistics .statistic>.value,.statistics .brown.statistic>.value,.brown.statistic>.value {
    color: #A5673F
}

.grey.statistics .statistic>.value,.statistics .grey.statistic>.value,.grey.statistic>.value {
    color: #767676
}

.mini.statistics .statistic>.value,.mini.statistic>.value {
    font-size: 1.5rem !important
}

.mini.horizontal.statistics .statistic>.value,.mini.horizontal.statistic>.value {
    font-size: 1.5rem !important
}

.mini.statistics .statistic>.text.value,.mini.statistic>.text.value {
    font-size: 1rem !important
}

.tiny.statistics .statistic>.value,.tiny.statistic>.value {
    font-size: 2rem !important
}

.tiny.horizontal.statistics .statistic>.value,.tiny.horizontal.statistic>.value {
    font-size: 2rem !important
}

.tiny.statistics .statistic>.text.value,.tiny.statistic>.text.value {
    font-size: 1rem !important
}

.small.statistics .statistic>.value,.small.statistic>.value {
    font-size: 3rem !important
}

.small.horizontal.statistics .statistic>.value,.small.horizontal.statistic>.value {
    font-size: 2rem !important
}

.small.statistics .statistic>.text.value,.small.statistic>.text.value {
    font-size: 1rem !important
}

.statistics .statistic>.value,.statistic>.value {
    font-size: 4rem !important
}

.horizontal.statistics .statistic>.value,.horizontal.statistic>.value {
    font-size: 3rem !important
}

.statistics .statistic>.text.value,.statistic>.text.value {
    font-size: 2rem !important
}

.large.statistics .statistic>.value,.large.statistic>.value {
    font-size: 5rem !important
}

.large.horizontal.statistics .statistic>.value,.large.horizontal.statistic>.value {
    font-size: 4rem !important
}

.large.statistics .statistic>.text.value,.large.statistic>.text.value {
    font-size: 2.5rem !important
}

.huge.statistics .statistic>.value,.huge.statistic>.value {
    font-size: 6rem !important
}

.huge.horizontal.statistics .statistic>.value,.huge.horizontal.statistic>.value {
    font-size: 5rem !important
}

.huge.statistics .statistic>.text.value,.huge.statistic>.text.value {
    font-size: 2.5rem !important
}

.ten.statistics {
    margin: 0em 0em -1em
}

.ten.statistics .statistic {
    min-width: 10%;
    margin: 0em 0em 1em
}

.nine.statistics {
    margin: 0em 0em -1em
}

.nine.statistics .statistic {
    min-width: 11.11111111%;
    margin: 0em 0em 1em
}

.eight.statistics {
    margin: 0em 0em -1em
}

.eight.statistics .statistic {
    min-width: 12.5%;
    margin: 0em 0em 1em
}

.seven.statistics {
    margin: 0em 0em -1em
}

.seven.statistics .statistic {
    min-width: 14.28571429%;
    margin: 0em 0em 1em
}

.six.statistics {
    margin: 0em 0em -1em
}

.six.statistics .statistic {
    min-width: 16.66666667%;
    margin: 0em 0em 1em
}

.five.statistics {
    margin: 0em 0em -1em
}

.five.statistics .statistic {
    min-width: 20%;
    margin: 0em 0em 1em
}

.four.statistics {
    margin: 0em 0em -1em
}

.four.statistics .statistic {
    min-width: 25%;
    margin: 0em 0em 1em
}

.three.statistics {
    margin: 0em 0em -1em
}

.three.statistics .statistic {
    min-width: 33.33333333%;
    margin: 0em 0em 1em
}

.two.statistics {
    margin: 0em 0em -1em
}

.two.statistics .statistic {
    min-width: 50%;
    margin: 0em 0em 1em
}

.one.statistics {
    margin: 0em 0em -1em
}

.one.statistics .statistic {
    min-width: 100%;
    margin: 0em 0em 1em
}

#support-client-presentation {
    margin: auto;
    max-width: 1200px
}

#support-client-presentation .block {
    line-height: 26px
}

#support-client-presentation .block svg.icon_thumb {
    color: #F7B844;
    margin-right: 10px;
    position: relative;
    bottom: 2px
}

#support-client-presentation img {
    width: 100%;
    max-width: 700px;
    margin-top: 20px
}

#support-client-presentation .team {
    margin-top: 30px
}

#support-client-presentation .team .col .avatar {
    margin: auto;
    height: 80px;
    width: 80px;
    margin-bottom: 10px;
    background: url(assets-flat/support.png);
    background-size: auto 100%;
    background-position: 0 0
}

#support-client-presentation .team .col:nth-child(1) .avatar {
    background-position-x: 0px
}

#support-client-presentation .team .col:nth-child(2) .avatar {
    background-position-x: -115px
}

#support-client-presentation .team .col:nth-child(3) .avatar {
    background-position-x: -230px
}

#support-client-presentation .team .col:nth-child(4) .avatar {
    background-position-x: -345px
}

#support-client-presentation .team .col:nth-child(5) .avatar {
    background-position-x: -460px
}

#support-client-presentation .team .col:nth-child(6) .avatar {
    background-position-x: -575px
}

#support-client-presentation .team .name {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    text-align: center
}

@media (min-width: 385px) {
    #support-client-presentation .team .name {
        font-size:15px;
        margin-bottom: 1rem
    }
}

svg.tool {
    color: currentColor;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 0
}

svg.tool #mensualization-calculation {
    stroke-width: 1px
}

svg.tool #caf-simulation {
    stroke-width: 1px
}

svg.tool #multi-children-calendar {
    stroke-width: 1px
}

svg.tool #advanced-multi-children-calendar {
    stroke-width: 1px
}

.owl-carousel .owl-stage-outer {
    margin-bottom: 10px
}

.owl-carousel .owl-nav {
    text-align: center
}

.owl-carousel .owl-nav .btn {
    margin: 0 0.25rem
}

.testimonial__header {
    display: flex;
    align-items: center;
    padding-left: 1rem;
    margin-bottom: 2rem
}

.testimonial__header svg.icon.icon_star {
    color: #F7B844;
    height: 40px;
    width: 40px
}

.testimonial__header .note {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #052032;
    line-height: 24px;
    margin: 0 10px 0 10px
}

@media (min-width: 385px) {
    .testimonial__header .note {
        font-size:24px;
        line-height: 26px
    }
}

@media (min-width: 768px) {
    .testimonial__header .note {
        font-size:26px;
        line-height: 28px
    }
}

@media (min-width: 992px) {
    .testimonial__header .note {
        font-size:28px;
        line-height: 30px
    }
}

@media (min-width: 520px) {
    .testimonial__header .note {
        margin:0 20px 0 20px
    }
}

#facebook-owl-carousel {
    position: relative;
    margin-left: -1rem;
    margin-right: -1rem;
    width: calc(100% + 2rem)
}

@media (min-width: 520px) {
    #facebook-owl-carousel {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

#facebook-owl-carousel .owl-stage-outer {
    margin-bottom: 10px
}

#facebook-owl-carousel .owl-nav {
    display: none;
    position: absolute;
    right: 0;
    top: -73px
}

@media (min-width: 520px) {
    #facebook-owl-carousel .owl-nav {
        display:block
    }
}

#facebook-owl-carousel .owl-nav .btn {
    margin-left: 16px
}

#facebook-owl-carousel .owl-item {
    text-align: center;
    border-radius: 12px;
    padding: 0 10px 10px 10px;
    background: #FFF
}

#facebook-owl-carousel .owl-item img {
    position: relative;
    top: -3px
}

#testimonials-sentences {
    padding-top: 32px
}

#testimonials-sentences span.label-counter {
    background: #F7B844;
    border-radius: 20px;
    padding: 10px 20px;
    font-weight: bold
}

#testimonials-sentences .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #052032;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 385px) {
    #testimonials-sentences .title {
        font-size:24px;
        line-height: 26px
    }
}

@media (min-width: 768px) {
    #testimonials-sentences .title {
        font-size:26px;
        line-height: 28px
    }
}

@media (min-width: 992px) {
    #testimonials-sentences .title {
        font-size:28px;
        line-height: 30px
    }
}

#testimonials-sentences .title img {
    height: 50px;
    margin-right: 20px
}

#testimonials-sentences #testimonials-owl-carousel .owl-stage-outer {
    margin-bottom: 10px
}

#testimonials-sentences #testimonials-owl-carousel .owl-nav {
    text-align: center
}

#testimonials-sentences #testimonials-owl-carousel .owl-nav .btn {
    margin: 0 10px
}

#testimonials-sentences #testimonials-owl-carousel .owl-item .citation {
    align-items: center;
    position: relative;
    max-width: 800px;
    background: #FFF;
    border-radius: 20px;
    margin: 20px;
    box-shadow: 0 5px 12px rgba(50,50,93,0.1),0 2px 7px rgba(0,0,0,0.07)
}

#testimonials-sentences #testimonials-owl-carousel .owl-item .citation .stars {
    text-align: center;
    height: 40px
}

#testimonials-sentences #testimonials-owl-carousel .owl-item .citation .stars svg.icon_star {
    height: 20px;
    width: 20px;
    color: #F7B844
}

#testimonials-sentences #testimonials-owl-carousel .owl-item .citation .text {
    font-style: italic;
    text-align: center;
    font-size: 22px;
    padding: 20px 15px 20px 15px;
    line-height: 30px;
    quotes: "“" "”" "‘" "'";
    margin: auto
}

#testimonials-sentences #testimonials-owl-carousel .owl-item .citation .text:before {
    color: #ccc;
    content: open-quote;
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 12px;
    vertical-align: -0.4em
}

#testimonials-sentences #testimonials-owl-carousel .owl-item .citation .text:after {
    color: #ccc;
    content: close-quote;
    font-size: 3em;
    line-height: 0.1em;
    margin-left: 0px;
    vertical-align: -0.4em
}

.timeline {
    position: relative
}

.timeline:before {
    content: '';
    display: block;
    width: 0;
    margin-top: 15px;
    height: calc(100% - 30px);
    position: absolute;
    left: 12px;
    border-left: 1px dashed #2DA3ED;
    z-index: 0
}

@media (min-width: 768px) {
    .timeline:before {
        left:22px
    }
}

.timeline__item:last-child {
    position: relative
}

.timeline__item:last-child:before {
    position: absolute;
    content: '';
    width: 20px;
    height: calc(100% - 10px);
    background-color: white;
    top: 24px
}

@media (min-width: 768px) {
    .timeline__item:last-child:before {
        left:13px
    }
}

.timeline__item {
    margin-bottom: 10px
}

.timeline__item__date {
    z-index: 1;
    padding-top: 6px;
    display: flex;
    align-items: center;
    color: #2DA3ED;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold
}

@media (min-width: 385px) {
    .timeline__item__date {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .timeline__item__date {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .timeline__item__date {
        font-size:16px
    }
}

.timeline__item__date:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #2DA3ED;
    border-radius: 50%;
    margin: 0 24px 0 9px
}

@media (min-width: 768px) {
    .timeline__item__date:before {
        margin:0 28px 0 19px
    }
}

.timeline__item__content {
    margin-top: 8px;
    margin-bottom: 16px;
    margin-left: 40px
}

@media (min-width: 768px) {
    .timeline__item__content {
        margin-left:55px
    }
}

.timeline__item__content .element_row {
    margin-left: -40px
}

@media (min-width: 768px) {
    .timeline__item__content .element_row {
        margin-left:-55px
    }
}

.timerange .timerange-separator:before {
    margin-left: 5px;
    margin-right: 5px;
    content: '->'
}

body h1 {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 28px;
    color: #052032
}

@media (min-width: 385px) {
    body h1 {
        font-size:30px
    }
}

@media (min-width: 768px) {
    body h1 {
        font-size:32px
    }
}

@media (min-width: 992px) {
    body h1 {
        font-size:40px
    }
}

body h2 {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #052032;
    line-height: 24px
}

@media (min-width: 385px) {
    body h2 {
        font-size:24px;
        line-height: 26px
    }
}

@media (min-width: 768px) {
    body h2 {
        font-size:26px;
        line-height: 28px
    }
}

@media (min-width: 992px) {
    body h2 {
        font-size:28px;
        line-height: 30px
    }
}

body h3 {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #052032
}

@media (min-width: 385px) {
    body h3 {
        font-size:19px
    }
}

@media (min-width: 768px) {
    body h3 {
        font-size:20px
    }
}

@media (min-width: 992px) {
    body h3 {
        font-size:22px
    }
}

body h4 {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px
}

@media (min-width: 385px) {
    body h4 {
        font-size:15px;
        margin-bottom: 1rem
    }
}

@media (min-width: 768px) {
    body h4.segment-margin {
        margin-left:1.5rem
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    body h4.segment-margin {
        margin-left:2rem
    }
}

@media (min-width: 768px) {
    body h4.segment-margin-right {
        margin-right:1.5rem
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    body h4.segment-margin-right {
        margin-right:2rem
    }
}

body h5 {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px
}

@media (min-width: 385px) {
    body h5 {
        font-size:17px
    }
}

@media (min-width: 768px) {
    body h5 {
        font-size:16px
    }
}

@media (min-width: 992px) {
    body h5 {
        font-size:17px
    }
}

.title-h3 {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #052032
}

@media (min-width: 385px) {
    .title-h3 {
        font-size:19px
    }
}

@media (min-width: 768px) {
    .title-h3 {
        font-size:20px
    }
}

@media (min-width: 992px) {
    .title-h3 {
        font-size:22px
    }
}

p,ul li {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px
}

@media (min-width: 385px) {
    p,ul li {
        font-size:17px
    }
}

@media (min-width: 768px) {
    p,ul li {
        font-size:16px
    }
}

@media (min-width: 992px) {
    p,ul li {
        font-size:17px
    }
}

p.small,ul.small li {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    p.small,ul.small li {
        font-size:16px
    }
}

@media (min-width: 768px) {
    p.small,ul.small li {
        font-size:15px
    }
}

@media (min-width: 992px) {
    p.small,ul.small li {
        font-size:16px
    }
}

.cancelled-price {
    position: relative
}

.cancelled-price:before {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    background: #2DA3ED;
    border-radius: 1px;
    width: calc(100% + 10px);
    bottom: 50%;
    left: -5px
}

.toast-container {
    z-index: 1100;
    position: fixed;
    bottom: 65px;
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width: 768px) {
    .toast-container {
        top:25px;
        right: 25px;
        bottom: auto;
        left: auto;
        transform: none
    }
}

.toast-container .toast {
    overflow: hidden
}

.toast-body--background-no-transparent {
    background: white
}

.toast-close {
    cursor: pointer
}

.conversation__message-line {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 45px
}

.conversation__message-line--mine {
    flex-flow: row-reverse
}

.conversation__message-line--mine .conversation__message {
    background-color: #E5F0F6;
    border: none
}

.conversation__message-line--mine .conversation__status {
    left: initial;
    right: 0
}

.conversation__message-line--mine .conversation__grouped-message-status {
    color: #d7dbde
}

.conversation__message {
    position: relative;
    padding: 20px;
    border: 1px solid #d7dbde;
    border-radius: 15px
}

@media (min-width: 992px) {
    .conversation__message {
        max-width:75%;
        min-width: 20%
    }
}

.conversation__message_system {
    background-color: #FAF9E3 !important
}

.conversation__message_system a {
    color: #2DA3ED
}

.conversation__message_system>div:not(.conversation__status):not(:last-child) {
    color: #5c5a2d;
    margin-bottom: 1rem
}

.conversation__status {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #9ba6ad;
    position: absolute;
    bottom: -30px;
    left: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    width: -moz-max-content;
    width: max-content
}

@media (min-width: 385px) {
    .conversation__status {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .conversation__status {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .conversation__status {
        font-size:14px
    }
}

.conversation__grouped-message-status {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 14px;
    color: #9ba6ad;
    gap: 5px
}

.conversation__grouped-message-status svg {
    width: 12px;
    height: 12px
}

.conversation__avatar {
    display: none
}

@media (min-width: 520px) {
    .conversation__avatar {
        display:initial
    }
}

@media (min-width: 768px) {
    .conversation__avatar {
        display:none
    }
}

@media (min-width: 992px) {
    .conversation__avatar {
        display:initial
    }
}

.conversation__page-header {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    margin-top: 1rem;
    gap: 1rem
}

@media (min-width: 768px) {
    .conversation__page-header {
        align-items:center;
        justify-content: space-between;
        flex-direction: row
    }
}

.conversation__list {
    display: flex;
    position: relative;
    align-items: center;
    gap: 1rem;
    background-color: white;
    padding: 16px;
    margin-left: -20px;
    margin-right: -20px
}

@media (min-width: 768px) {
    .conversation__list {
        margin-left:initial;
        margin-right: initial;
        padding: 16px 20px
    }
}

@media (min-width: 768px) {
    .conversation__list:first-of-type {
        border-top-left-radius:12px;
        border-top-right-radius: 12px
    }
}

@media (min-width: 768px) {
    .conversation__list:last-child {
        border-bottom-left-radius:12px;
        border-bottom-right-radius: 12px
    }
}

.conversation__list:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 16px;
    border-bottom: 1px solid #d7dbde
}

@media (min-width: 768px) {
    .conversation__list:not(:last-child)::after {
        margin:0 20px
    }
}

@media (min-width: 768px) {
    .conversation__list {
        gap:1.5rem
    }
}

.conversation__list--unread {
    background-color: #fdfcf2 t
}

.conversation__list .conversation-main {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-grow: 1;
    cursor: pointer
}

@media (min-width: 768px) {
    .conversation__list .conversation-main {
        gap:1.5rem;
        margin-left: initial
    }
}

.conversation__list .conversation-main .conversation-avatar {
    width: 64px;
    height: 64px
}

.conversation__list .conversation-main .conversation-avatar img {
    width: 64px;
    height: 64px
}

.conversation__list .conversation-main .conversation-avatar .avatar__pastille {
    width: 18px;
    height: 18px;
    top: 46px;
    left: 46px
}

.conversation__list .conversation-main .conversation-avatar .avatar__border {
    width: 68px;
    height: 68px
}

.conversation__list .conversation-main .conversation-avatar svg.thumb-image {
    width: 48px;
    color: white
}

@media (min-width: 768px) {
    .conversation__list .conversation-main .conversation-avatar {
        width:100px;
        height: 100px
    }

    .conversation__list .conversation-main .conversation-avatar img {
        width: 100px;
        height: 100px
    }

    .conversation__list .conversation-main .conversation-avatar .avatar__pastille {
        width: 28px;
        height: 28px;
        top: 72px;
        left: 72px
    }

    .conversation__list .conversation-main .conversation-avatar .avatar__border {
        width: 104px;
        height: 104px
    }

    .conversation__list .conversation-main .conversation-avatar svg.thumb-image {
        width: 80px;
        color: white
    }
}

.conversation__sticky {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    padding: 10px;
    position: sticky;
    z-index: 15;
    border-top: 1px solid #d7dbde;
    box-shadow: 0 2px 8px 0 rgba(95,112,124,0.2)
}

@media (min-width: 768px) {
    .conversation__sticky {
        display:none
    }
}

.conversation__message-metadata .message-status,.conversation__message-metadata .message-count {
    display: flex;
    align-items: center
}

.conversation__message-metadata .message-count {
    gap: 5px
}

.grouped-messages__avatar {
    width: 48px;
    height: 48px
}

.grouped-messages__avatar img {
    width: 48px;
    height: 48px
}

.grouped-messages__avatar .avatar__pastille {
    width: 16px;
    height: 16px;
    top: 30px;
    left: 34px
}

.grouped-messages__avatar .avatar__border {
    width: 52px;
    height: 52px
}

.grouped-messages__avatar svg.thumb-image {
    width: 32px;
    color: white
}

@media (min-width: 520px) {
    .grouped-messages__avatar {
        width:80px;
        height: 80px
    }

    .grouped-messages__avatar img {
        width: 80px;
        height: 80px
    }

    .grouped-messages__avatar .avatar__pastille {
        width: 20px;
        height: 20px;
        top: 59px;
        left: 59px
    }

    .grouped-messages__avatar .avatar__border {
        width: 84px;
        height: 84px
    }

    .grouped-messages__avatar svg.thumb-image {
        width: 56px;
        color: white
    }
}

.grouped-messages__more-users {
    background-color: #ddf0fc;
    border-radius: 50%;
    font-weight: 700;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px
}

.grouped-messages__more-users img {
    width: 48px;
    height: 48px
}

.grouped-messages__more-users .avatar__pastille {
    width: 16px;
    height: 16px;
    top: 30px;
    left: 34px
}

.grouped-messages__more-users .avatar__border {
    width: 52px;
    height: 52px
}

.grouped-messages__more-users svg.thumb-image {
    width: 32px;
    color: white
}

@media (min-width: 520px) {
    .grouped-messages__more-users {
        width:80px;
        height: 80px
    }

    .grouped-messages__more-users img {
        width: 80px;
        height: 80px
    }

    .grouped-messages__more-users .avatar__pastille {
        width: 20px;
        height: 20px;
        top: 59px;
        left: 59px
    }

    .grouped-messages__more-users .avatar__border {
        width: 84px;
        height: 84px
    }

    .grouped-messages__more-users svg.thumb-image {
        width: 56px;
        color: white
    }
}

.message-offcanvas {
    background-color: #E5F0F6
}

@media (min-width: 768px) {
    .message-offcanvas.offcanvas.offcanvas-end {
        width:800px !important
    }
}

.message-offcanvas.offcanvas.offcanvas-end .col-right-border {
    background-color: #eef8fe
}

@media (min-width: 768px) {
    .message-offcanvas.offcanvas.offcanvas-end .col-right-border {
        border-right:1px solid #d7dbde
    }
}

#guide_content,#city_content,#article_content {
    font-size: 16px;
    line-height: 30px
}

#guide_content img.centered,#city_content img.centered,#article_content img.centered {
    display: block;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px
}

#guide_content .social_actions,#city_content .social_actions,#article_content .social_actions {
    text-align: center;
    overflow: visible
}

#guide_content .social_actions .fb-like,#city_content .social_actions .fb-like,#article_content .social_actions .fb-like {
    position: relative;
    bottom: 9px
}

#guide_content .ui.message,#city_content .ui.message,#article_content .ui.message {
    margin-top: 30px;
    line-height: inherit !important;
    margin-bottom: 30px
}

#guide_content blockquote,#city_content blockquote,#article_content blockquote {
    font-family: calibri, sans-serif;
    color: #5f707c
}

#guide_content blockquote:before,#city_content blockquote:before,#article_content blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 2em;
    line-height: 0.1em;
    margin-right: 5px
}

#guide_content blockquote:after,#city_content blockquote:after,#article_content blockquote:after {
    color: #ccc;
    content: close-quote;
    font-size: 2em;
    line-height: 0.1em;
    margin-left: 5px
}

#guide_content .ui.divider,#city_content .ui.divider,#article_content .ui.divider {
    margin-top: 30px
}

#guide_content .external_link .icon,#city_content .external_link .icon,#article_content .external_link .icon {
    font-size: 12px;
    margin-left: 10px;
    margin-right: 0px
}

#guide_content ::-moz-selection,#city_content ::-moz-selection,#article_content ::-moz-selection {
    background: #cc3d8a;
    color: #FFF
}

#guide_content ::selection,#city_content ::selection,#article_content ::selection {
    background: #cc3d8a;
    color: #FFF
}

#guide_content a.external_link::after,#city_content a.external_link::after,#article_content a.external_link::after {
    content: '';
    background: url(assets-flat/link.svg) no-repeat no-repeat center;
    background-size: contain;
    display: inline-block;
    height: 12px;
    min-width: 12px;
    margin-left: 5px;
    margin-right: 5px
}

#guide_content ul.extended li,#city_content ul.extended li,#article_content ul.extended li {
    margin-bottom: 20px
}

#guide_content p.font--large,#city_content p.font--large,#article_content p.font--large {
    font-size: 18px
}

#guide_content .ui.icon.message>.icon,#city_content .ui.icon.message>.icon,#article_content .ui.icon.message>.icon {
    font-size: 3em;
    padding-right: 13px
}

#guide_content .centered,#city_content .centered,#article_content .centered {
    text-align: center
}

#guide_content p,#city_content p,#article_content p {
    margin: 1em 0em
}

#guide_content .ui.circular.images .image,#guide_content .ui.circular.images img,#guide_content .ui.circular.image img,#guide_content .ui.circular.image,#city_content .ui.circular.images .image,#city_content .ui.circular.images img,#city_content .ui.circular.image img,#city_content .ui.circular.image,#article_content .ui.circular.images .image,#article_content .ui.circular.images img,#article_content .ui.circular.image img,#article_content .ui.circular.image {
    border-radius: 500rem
}

#guide_content .ui.image,#city_content .ui.image,#article_content .ui.image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    background-color: rgba(0,0,0,0.05)
}

#guide_content .care_mode,#city_content .care_mode,#article_content .care_mode {
    position: relative;
    min-height: 160px;
    margin-bottom: 30px
}

#guide_content .right .illustration,#city_content .right .illustration,#article_content .right .illustration {
    float: right
}

#guide_content .illustration,#city_content .illustration,#article_content .illustration {
    float: left;
    height: 160px;
    width: 160px;
    margin: 15px;
    border-radius: 50%;
    background: #cde9fb
}

#guide_content .illustration.babysitting,#city_content .illustration.babysitting,#article_content .illustration.babysitting {
    background-image: url(assets-flat/child-babysitting-woman.svg);
    background-size: contain
}

#guide_content .illustration.job,#city_content .illustration.job,#article_content .illustration.job {
    background-image: url(assets-flat/child-job-woman.svg)
}

#guide_content .illustration.nanny_familyhouse,#city_content .illustration.nanny_familyhouse,#article_content .illustration.nanny_familyhouse {
    background-image: url(assets-flat/child-nanny_familyhouse-woman.svg)
}

#guide_content .illustration.nanny_herhouse,#city_content .illustration.nanny_herhouse,#article_content .illustration.nanny_herhouse {
    background-image: url(assets-flat/child-nanny_herhouse-woman.svg)
}

#guide_content .illustration.familyshared,#city_content .illustration.familyshared,#article_content .illustration.familyshared {
    background-image: url(assets-flat/child-shared.svg)
}

#guide_content .illustration.creche,#city_content .illustration.creche,#article_content .illustration.creche {
    background-image: url(assets-flat/child-creche.svg)
}

#guide_content .illustration.nanny_aupair,#city_content .illustration.nanny_aupair,#article_content .illustration.nanny_aupair {
    background-image: url(assets-flat/child-nanny_aupair-woman.svg)
}

#guide_content .illustration.child_age_0_6,#city_content .illustration.child_age_0_6,#article_content .illustration.child_age_0_6 {
    background-image: url(assets-flat/0_6.svg)
}

#guide_content .illustration.child_age_6_12,#city_content .illustration.child_age_6_12,#article_content .illustration.child_age_6_12 {
    background-image: url(assets-flat/6_12.svg)
}

#guide_content .illustration.child_age_12_36,#city_content .illustration.child_age_12_36,#article_content .illustration.child_age_12_36 {
    background-image: url(assets-flat/12_36.svg)
}

#guide_content .illustration.child_age_36_72,#city_content .illustration.child_age_36_72,#article_content .illustration.child_age_36_72 {
    background-image: url(assets-flat/36_72.svg)
}

#guide_content .illustration.child_age_72_x,#city_content .illustration.child_age_72_x,#article_content .illustration.child_age_72_x {
    background-image: url(assets-flat/72_x.svg)
}

#guide_content .illustration.home_clean,#city_content .illustration.home_clean,#article_content .illustration.home_clean {
    background-image: url(assets-flat/home-clean-woman.svg)
}

#guide_content .illustration.home_iron,#city_content .illustration.home_iron,#article_content .illustration.home_iron {
    background-image: url(assets-flat/home-iron-woman.svg)
}

#guide_content .illustration.home_cook,#city_content .illustration.home_cook,#article_content .illustration.home_cook {
    background-image: url(assets-flat/home-cook-woman.svg)
}

#guide_content .illustration.home_shopping,#city_content .illustration.home_shopping,#article_content .illustration.home_shopping {
    background-image: url(assets-flat/home-shopping-woman.svg)
}

#guide_content .illustration.home_employee,#city_content .illustration.home_employee,#article_content .illustration.home_employee {
    background-image: url(assets-flat/home-employee-woman.svg)
}

#guide_content .illustration.home_diy,#city_content .illustration.home_diy,#article_content .illustration.home_diy {
    background-image: url(assets-flat/home-diy-woman.svg)
}

#guide_content .illustration.home_guarding,#city_content .illustration.home_guarding,#article_content .illustration.home_guarding {
    background-image: url(assets-flat/home-guarding-woman.svg)
}

#guide_content .illustration.home_garden,#city_content .illustration.home_garden,#article_content .illustration.home_garden {
    background-image: url(assets-flat/home-garden-woman.svg)
}

#guide_content .illustration.home_move,#city_content .illustration.home_move,#article_content .illustration.home_move {
    background-image: url(assets-flat/home-move-woman.svg)
}

#guide_content .illustration.home_other,#city_content .illustration.home_other,#article_content .illustration.home_other {
    background-image: url(assets-flat/home-other-woman.svg)
}

#guide_content .illustration.pet_petsitting,#city_content .illustration.pet_petsitting,#article_content .illustration.pet_petsitting {
    background-image: url(assets-flat/pet-petsitting-woman.svg)
}

#guide_content .illustration.pet_petwalking,#city_content .illustration.pet_petwalking,#article_content .illustration.pet_petwalking {
    background-image: url(assets-flat/pet-petwalking-woman.svg)
}

#guide_content .illustration.pet_pethosting,#city_content .illustration.pet_pethosting,#article_content .illustration.pet_pethosting {
    background-image: url(assets-flat/pet-pethosting-woman.svg)
}

#guide_content .illustration.pet_dog,#city_content .illustration.pet_dog,#article_content .illustration.pet_dog {
    background-image: url(assets-flat/dog.svg)
}

#guide_content .illustration.pet_cat,#city_content .illustration.pet_cat,#article_content .illustration.pet_cat {
    background-image: url(assets-flat/cat.svg)
}

#guide_content .illustration.pet_bird,#city_content .illustration.pet_bird,#article_content .illustration.pet_bird {
    background-image: url(assets-flat/bird.svg)
}

#guide_content .illustration.pet_rodent,#city_content .illustration.pet_rodent,#article_content .illustration.pet_rodent {
    background-image: url(assets-flat/rodent.svg)
}

#guide_content .illustration.pet_reptile,#city_content .illustration.pet_reptile,#article_content .illustration.pet_reptile {
    background-image: url(assets-flat/reptile.svg)
}

#guide_content .illustration.pet_fish,#city_content .illustration.pet_fish,#article_content .illustration.pet_fish {
    background-image: url(assets-flat/fish.svg)
}

#guide_content .illustration.pet_other,#city_content .illustration.pet_other,#article_content .illustration.pet_other {
    background-image: url(assets-flat/other.svg)
}

#guide_content .illustration.senior_company,#city_content .illustration.senior_company,#article_content .illustration.senior_company {
    background-image: url(assets-flat/senior-company-woman.svg)
}

#guide_content .illustration.senior_driver,#city_content .illustration.senior_driver,#article_content .illustration.senior_driver {
    background-image: url(assets-flat/senior-driver-woman.svg)
}

#guide_content .illustration.senior_home_care,#city_content .illustration.senior_home_care,#article_content .illustration.senior_home_care {
    background-image: url(assets-flat/senior-home_care-woman.svg)
}

#guide_content .illustration.senior_cook,#city_content .illustration.senior_cook,#article_content .illustration.senior_cook {
    background-image: url(assets-flat/senior-cook-woman.svg)
}

#guide_content .illustration.senior_shopping,#city_content .illustration.senior_shopping,#article_content .illustration.senior_shopping {
    background-image: url(assets-flat/senior-shopping-woman.svg)
}

#guide_content .illustration.senior_administrative,#city_content .illustration.senior_administrative,#article_content .illustration.senior_administrative {
    background-image: url(assets-flat/senior-administrative-woman.svg)
}

#guide_content .illustration.senior_medcare,#city_content .illustration.senior_medcare,#article_content .illustration.senior_medcare {
    background-image: url(assets-flat/senior-medcare-woman.svg)
}

#guide_content .illustration.senior_eat,#city_content .illustration.senior_eat,#article_content .illustration.senior_eat {
    background-image: url(assets-flat/senior-eat-woman.svg)
}

#guide_content .illustration.senior_wash,#city_content .illustration.senior_wash,#article_content .illustration.senior_wash {
    background-image: url(assets-flat/senior-wash-woman.svg)
}

#guide_content .illustration.teach_school,#city_content .illustration.teach_school,#article_content .illustration.teach_school {
    background-image: url(assets-flat/teach-school-man.svg)
}

#guide_content .illustration.teach_language,#city_content .illustration.teach_language,#article_content .illustration.teach_language {
    background-image: url(assets-flat/teach-language-man.svg)
}

#guide_content .illustration.teach_music,#city_content .illustration.teach_music,#article_content .illustration.teach_music {
    background-image: url(assets-flat/teach-music-man.svg)
}

#guide_content .illustration.teach_other,#city_content .illustration.teach_other,#article_content .illustration.teach_other {
    background-image: url(assets-flat/teach-other-man.svg)
}

#guide_page {
    margin-top: 30px;
    min-height: 800px
}

#guide_menu {
    height: -moz-fit-content;
    height: fit-content
}

#guide_content .message {
    padding: 15px;
    border-radius: 12px
}

#guide_content .message p {
    margin: initial
}

#guide_content .message .icon {
    display: none
}

#guide_content .message.blue {
    background: #ddf0fc;
    color: #2DA3ED
}

#guide_content .message.red {
    background: #fbe3e7;
    color: #E84D67
}

#guide_content #guide_main_text {
    position: relative;
    padding: 25px 125px 25px 25px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    min-height: 200px
}

@media (min-width: 520px) {
    #guide_content #guide_main_text {
        padding:25px 220px 25px 25px
    }
}

#guide_content #guide_main_text.color_1 {
    background: #4ADEEB
}

#guide_content #guide_main_text.color_2 {
    background: #F7B844
}

#guide_content #guide_main_text.color_3 {
    background: #E84E68
}

#guide_content #guide_main_text.color_4 {
    background: #7DC256
}

#guide_content #guide_main_text.color_5 {
    background: #00B5AE
}

#guide_content #guide_main_text img.main {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 100px;
    margin: 0
}

@media (min-width: 520px) {
    #guide_content #guide_main_text img.main {
        top:10px;
        bottom: initial;
        width: 190px
    }
}

#guide_content #sisters_pages {
    overflow: auto
}

#guide_content #sisters_pages .sister_page {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    float: left;
    text-align: center;
    margin: 10px 0px 0px 10px;
    height: 210px;
    padding: 10px;
    background: #F6F6F6;
    width: 306px
}

#guide_content #sisters_pages .sister_page a {
    color: #FFF;
    display: block;
    width: 100%;
    height: 100%
}

#guide_content #sisters_pages .sister_page img {
    position: absolute;
    bottom: 0px;
    left: 78px;
    height: 160px;
    width: 160px;
    margin: 0px
}

#guide_content #sisters_pages .sister_page.color_1 {
    background: #4ADEEB
}

#guide_content #sisters_pages .sister_page.color_1:hover {
    background: #78e6f0
}

#guide_content #sisters_pages .sister_page.color_2 {
    background: #F7B844
}

#guide_content #sisters_pages .sister_page.color_2:hover {
    background: #f9cb75
}

#guide_content #sisters_pages .sister_page.color_3 {
    background: #E84E68
}

#guide_content #sisters_pages .sister_page.color_3:hover {
    background: #ee7b8f
}

#guide_content #sisters_pages .sister_page.color_4 {
    background: #7DC256
}

#guide_content #sisters_pages .sister_page.color_4:hover {
    background: #9ad07b
}

#guide_content #sisters_pages .sister_page.color_5 {
    background: #00B5AE
}

#guide_content #sisters_pages .sister_page.color_5:hover {
    background: #00e8df
}

#city_simple .breadcrumbs,#city_landing .breadcrumbs {
    margin-top: 20px;
    margin-bottom: 20px
}

#city_landing #city_illustration {
    overflow: auto;
    height: 600px;
    width: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 30px
}

#city_landing #city_illustration #search_call {
    text-align: center;
    background: rgba(50,50,50,0.6);
    padding: 20px;
    width: 90%;
    max-width: 700px;
    margin: auto;
    margin-top: 200px;
    box-shadow: rgba(255,255,255,0.6) 0px 0px 5px
}

#city_landing #city_illustration #search_call>span {
    display: block;
    margin: 10px 0 20px 0;
    color: #FFF;
    font-weight: bold;
    font-size: 40px
}

#city_landing #city_content {
    overflow: auto
}

#city_landing #city_content #city_map {
    height: 200px;
    margin-top: 30px
}

#city_landing #other_categories {
    margin-top: 30px;
    text-align: center;
    overflow: auto;
    justify-content: center
}

#city_landing #other_categories .other_category {
    display: inline-block;
    vertical-align: top;
    border: 1px dotted #CCC;
    margin: 10px;
    height: 210px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: bottom center
}

#city_landing #other_categories .other_category a {
    display: block;
    height: 100%;
    width: 100%
}

#city_landing #other_categories .other_category.child_service_nanny_herhouse {
    background-image: url(assets-flat/child-nanny_herhouse-woman.svg)
}

#city_landing #other_categories .other_category.child_service_nanny {
    background-image: url(assets-flat/child-nanny_familyhouse-woman.svg)
}

#city_landing #other_categories .other_category.child_service_babysitting {
    background-image: url(assets-flat/child-babysitting-woman.svg)
}

#city_landing #other_categories .other_category.child_offer_otherfamily {
    background-image: url(assets-flat/child-shared.svg)
}

#article_simple,#article_city {
    margin-top: 30px
}

.guide-article__recommended-link-article {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    height: 100%;
    padding-right: 85px;
    min-height: 80px
}

@media (min-width: 520px) {
    .guide-article__recommended-link-article {
        padding-right:120px;
        min-height: 100px
    }
}

@media (min-width: 768px) {
    .guide-article__recommended-link-article {
        padding-right:85px;
        min-height: 80px
    }
}

@media (min-width: 1200px) {
    .guide-article__recommended-link-article {
        padding-right:120px;
        min-height: 100px
    }
}

.guide-article__recommended-link-article img {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 80px
}

@media (min-width: 520px) {
    .guide-article__recommended-link-article img {
        width:100px
    }
}

@media (min-width: 768px) {
    .guide-article__recommended-link-article img {
        width:80px
    }
}

@media (min-width: 1200px) {
    .guide-article__recommended-link-article img {
        width:100px
    }
}

.guide-article__recommended-link-article.color_1 {
    background: #4ADEEB
}

.guide-article__recommended-link-article.color_1:hover {
    background: #78e6f0
}

.guide-article__recommended-link-article.color_2 {
    background: #F7B844
}

.guide-article__recommended-link-article.color_2:hover {
    background: #f9cb75
}

.guide-article__recommended-link-article.color_3 {
    background: #E84E68
}

.guide-article__recommended-link-article.color_3:hover {
    background: #ee7b8f
}

.guide-article__recommended-link-article.color_4 {
    background: #7DC256
}

.guide-article__recommended-link-article.color_4:hover {
    background: #9ad07b
}

.guide-article__recommended-link-article.color_5 {
    background: #00B5AE
}

.guide-article__recommended-link-article.color_5:hover {
    background: #00e8df
}

.guide-article__intro-title {
    color: white;
    font-size: 24px;
    line-height: 30px
}

@media (min-width: 520px) {
    .guide-article__intro-title {
        font-size:32px;
        line-height: 40px
    }
}

.guide-article__share-block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    flex-direction: column;
    text-align: center
}

@media (min-width: 768px) {
    .guide-article__share-block {
        flex-direction:row;
        text-align: left
    }
}

#punishment {
    margin: 30px 0;
    padding-bottom: 5px;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

#punishment .actions {
    margin-top: 10px;
    flex: 1 0 100%;
    text-align: center
}

#punishment .illustration {
    background-image: url(assets-flat/illustration-punishment.svg);
    background-repeat: no-repeat;
    height: 200px;
    width: 200px;
    margin-right: 20px
}

#punishment.smile {
    background-position: -200px 0px
}

#punishment #counter {
    text-align: center;
    height: 100px;
    width: 250px;
    font-weight: bold;
    font-size: 40px;
    line-height: 28px
}

#punishment #counter span.remaining {
    font-size: 28px;
    color: #999;
    line-height: 28px
}

#reports {
    margin-top: 50px
}

#reports .main_reason {
    min-height: 180px;
    color: #666;
    font-size: 14px;
    text-align: center
}

#reports .main_reason .icon {
    color: #2DA3ED;
    font-size: 80px;
    display: block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 20px
}

#reports .main_reason span {
    color: #666
}

#reports .main_reason:hover {
    color: #E84D67 !important;
    background: #F5F5F5
}

#reports .main_reason,#reports .main_reason span {
    color: #E84D67 !important
}

#reports #single_reason #main_reason svg {
    float: right;
    font-size: 60px;
    color: #2DA3ED;
    width: 60px;
    height: 60px
}

.report__reason-icon {
    min-width: 50px !important;
    height: 80px !important
}

@media (min-width: 768px) {
    .report__reason-icon {
        width:80px !important
    }
}

body.marketplace-directory h1.visitor-topsection__title {
    font-weight: 300
}

body.marketplace-directory h1.visitor-topsection__title span {
    font-weight: 500
}

.directory__list {
    margin-top: 25px
}

@media (min-width: 768px) {
    .directory__list {
        margin-top:0
    }
}

.directory__side-column a,.directory__side-column .similar-searches h3 {
    color: #5f707c
}

.directory__item {
    display: flex;
    gap: 15px
}

.directory__item:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid #ebedef
}

.directory__item:not(:first-child) {
    padding-top: 20px
}

.directory__item figure {
    position: relative;
    flex-shrink: 0;
    margin: 0;
    width: 64px;
    height: 64px
}

.directory__item figure img {
    width: 64px;
    height: 64px
}

.directory__item figure .avatar__pastille {
    width: 18px;
    height: 18px;
    top: 46px;
    left: 46px
}

.directory__item figure .avatar__border {
    width: 68px;
    height: 68px
}

.directory__item figure svg.thumb-image {
    width: 48px;
    color: white
}

@media (min-width: 768px) {
    .directory__item figure {
        width:100px;
        height: 100px
    }

    .directory__item figure img {
        width: 100px;
        height: 100px
    }

    .directory__item figure .avatar__pastille {
        width: 28px;
        height: 28px;
        top: 72px;
        left: 72px
    }

    .directory__item figure .avatar__border {
        width: 104px;
        height: 104px
    }

    .directory__item figure svg.thumb-image {
        width: 80px;
        color: white
    }
}

@media (min-width: 992px) {
    .directory__item figure {
        width:160px;
        height: 160px
    }

    .directory__item figure img {
        height: 160px;
        width: 160px
    }

    .directory__item figure .avatar__pastille {
        width: 40px;
        height: 40px;
        top: 117px;
        left: 117px;
        border-width: 3px
    }

    .directory__item figure .avatar__border {
        width: 166px;
        height: 166px;
        border-width: 3px
    }
}

.directory__item h2 {
    font-size: 18px;
    margin-top: 0
}

@media (min-width: 768px) {
    .directory__item h2 {
        font-size:22px
    }
}

.directory__item--highlighted {
    background: #fffcd7
}

.directory__item-badge {
    position: absolute;
    left: -6px;
    bottom: -7px
}

@media (min-width: 768px) {
    .directory__item-badge {
        left:-5px;
        bottom: 0;
        width: 40px !important;
        height: 40px !important
    }
}

@media (min-width: 992px) {
    .directory__item-badge {
        width:50px !important;
        height: 50px !important
    }
}

.directory__other-services-item {
    display: flex;
    align-items: center;
    gap: 20px
}

.directory__other-services-item:not(:last-child) {
    padding-bottom: 15px;
    border-bottom: 1px solid #ebedef
}

.directory__other-services-item:not(:first-child) {
    padding-top: 15px
}

.directory__link-listing {
    font-size: 16px
}

#regions_list {
    overflow: auto
}

#regions_list ul {
    list-style: none;
    padding-left: 10px
}

#directory_page #recommendations_band {
    background-color: #f6f7f8
}

#directory_page #recommendations_band h2 {
    font-size: 22px
}

@media (min-width: 768px) {
    #directory_page #recommendations_band h2 {
        font-size:30px
    }
}

#directory_page #directory_little_column h1,#directory_page #directory_more_infos h1 {
    font-size: 26px
}

#directory_page #directory_little_column h2,#directory_page #directory_more_infos h2 {
    font-size: 24px;
    margin-top: 25px
}

#directory_page #directory_little_column h3,#directory_page #directory_more_infos h3 {
    font-size: 16px
}

#directory_page #directory_little_column #directory_map,#directory_page #directory_more_infos #directory_map {
    height: 200px
}

#directory_page .recommendation {
    font-size: 12px
}

#directory_page .recommendation h3 {
    margin-bottom: 5px
}

#directory_page .recommendation span {
    font-style: italic
}

#directory_page .recommendation span:before {
    color: #ccc;
    content: open-quote;
    margin-right: 5px
}

#directory_page .recommendation span:after {
    color: #ccc;
    content: close-quote;
    margin-left: 5px
}

.directory-recommendation__rating-text .star-rating {
    display: inline-flex;
    margin-right: 15px
}

.index-logged__create-ad-child-img {
    width: 100%
}

@media (min-width: 992px) {
    .index-logged__create-ad-child-img {
        width:50%
    }
}

.index-logged__create-ad-family-img {
    display: none;
    width: 50%
}

@media (min-width: 992px) {
    .index-logged__create-ad-family-img {
        display:initial
    }
}

.search-index {
    position: relative;
    margin-bottom: 125px
}

@media (min-width: 520px) {
    .search-index {
        margin-bottom:175px
    }
}

@media (min-width: 768px) {
    .search-index {
        padding-top:215px;
        margin-bottom: initial
    }
}

@media (min-width: 1200px) {
    .search-index {
        padding-top:275px
    }
}

.search-index__box {
    position: relative;
    z-index: 2
}

.search-index__wave {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 250px
}

.search-index__wave img {
    max-width: 40px
}

@media (min-width: 768px) {
    .search-index__wave img {
        max-width:inherit
    }
}

.search-index--space-bottom {
    padding-bottom: 100px
}

@media (min-width: 768px) {
    .search-index--space-bottom {
        padding-bottom:0
    }
}

.search-index__other-services {
    justify-content: center;
    align-items: baseline;
    position: relative;
    max-width: 170px;
    flex-grow: 1;
    text-align: center;
    box-shadow: 0 3px 6px 0 rgba(155,166,173,0.3);
    border-radius: 15px;
    font-size: 12px;
    padding: 5px;
    font-weight: 500
}

@media (min-width: 520px) {
    .search-index__other-services {
        padding:10px
    }
}

@media (min-width: 768px) {
    .search-index__other-services {
        box-shadow:none;
        border-radius: initial;
        font-size: initial;
        padding: initial;
        font-weight: 600
    }
}

.search-index__other-services img {
    width: 32px
}

@media (min-width: 520px) {
    .search-index__other-services img {
        width:40px
    }
}

@media (min-width: 768px) {
    .search-index__other-services img {
        width:auto
    }
}

.search-index__other-services-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px
}

.search-index__other-services-text {
    text-align: center;
    font-weight: 500;
    margin-top: 5px
}

@media (min-width: 520px) {
    .search-index__other-services-text {
        font-weight:600
    }
}

.search-index__background_image {
    position: fixed;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 1250px 1000px;
    background-position: center bottom -450px;
    height: 300px;
    width: 100%
}

@media (min-width: 520px) {
    .search-index__background_image {
        background-size:1700px 1000px
    }
}

@media (min-width: 768px) {
    .search-index__background_image {
        position:absolute;
        height: 100%;
        top: 0;
        left: 0;
        bottom: initial;
        background-size: 3400px 1000px;
        background-position: center -90px
    }
}

@media (min-width: 1200px) {
    .search-index__background_image {
        background-size:4000px 1000px;
        background-position: center 0
    }
}

.search-index__multi-category-select {
    position: relative;
    z-index: 1
}

#search-filters .modal-content {
    position: relative
}

#search-filters .modal-body {
    padding: 25px
}

#search-filters .modal-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: white;
    bottom: 0;
    position: sticky;
    padding: 20px 25px;
    border-top: 1px solid #d7dbde;
    z-index: 10;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

#search-selected-filters {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px
}

#search-selected-filters .erase-all {
    color: #0e6ba6
}

#search-selected-filters .erase-all__loading-icon {
    display: none
}

.search-filters__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px
}

.search-filters__filter {
    margin-bottom: 30px
}

.search-filters__aggregation-count {
    font-size: 13px;
    color: #9ba6ad;
    margin-left: 10px
}

.search-filters label {
    font-weight: normal;
    font-size: 15px
}

.search-filters__loader {
    border-radius: 12px
}

.checked .search-filters__aggregation-count {
    color: #d7dbde
}

.category-search__search-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 35px;
    justify-content: center;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .category-search__search-bar {
        gap:10px
    }
}

.category-search__search-bar>div,.category-search__search-bar button {
    margin-bottom: 0 !important
}

.category-search__search-bar .breaker {
    flex-basis: 100%;
    height: 0
}

@media (min-width: 768px) {
    .category-search__search-bar .breaker {
        flex-basis:inherit
    }
}

.category-search__geo-location {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

@media (min-width: 520px) {
    .category-search__geo-location {
        min-width:auto
    }
}

.category-search__geo-location div {
    padding-left: 0;
    padding-right: 0
}

.category-search__geo-location .input-group {
    overflow: visible
}

.category-search__geo-location .input-group input {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px
}

.category-search__geo-location .input-group .input-group-text {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px
}

.category-search__badge-pre {
    position: relative;
    width: 100%
}

.category-search__badge-pre img {
    position: absolute;
    width: 150px;
    top: -125px;
    left: calc(50% - 75px)
}

.category-search__header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 10px
}

.category-search__header img {
    width: 75px;
    margin-right: 25px
}

.category-search__mobile-header {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-height: 95px
}

@media (min-width: 768px) {
    .category-search__mobile-header {
        display:none
    }
}

.category-search__mobile-header .image {
    width: 175px
}

.category-search__mobile-header .title {
    margin-top: 5px;
    font-weight: 600
}

.category-search__category-list {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    align-items: center;
    justify-content: space-around
}

@media (min-width: 768px) {
    .category-search__category-list {
        gap:30px
    }
}

.category-search__category-list-item {
    width: 80px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    cursor: pointer;
    position: relative
}

@media (min-width: 520px) {
    .category-search__category-list-item {
        width:90px
    }
}

@media (min-width: 992px) {
    .category-search__category-list-item {
        width:auto
    }
}

@media (max-width: 519.98px) {
    .category-search__category-list-item--modal {
        width:60px
    }
}

.category-search__category-list-icon {
    border-radius: 50%;
    padding: 10px
}

@media (min-width: 768px) {
    .category-search__category-list-icon {
        padding:15px
    }
}

.category-search__category-list-icon svg {
    width: 32px;
    height: 32px;
    color: #5f707c
}

@media (min-width: 768px) {
    .category-search__category-list-icon svg {
        width:40px;
        height: 40px
    }
}

.category-search__category-list-icon--child {
    background-color: #D1EDFF
}

.category-search__category-list-icon--pet {
    background-color: #FDFBDD
}

.category-search__category-list-icon--senior {
    background-color: #E3F6DA
}

.category-search__category-list-icon--teach {
    background-color: #B5EAE0
}

.category-search__category-list-icon--home {
    background-color: #FBD3D3
}

.category-search__category-list-icon.inside-form {
    background-color: #E5F0F6
}

.category-search__category-list-item:hover .category-search__category-list-icon,.category-search__category-list-item--selected .category-search__category-list-icon {
    outline: 2px solid #2DA3ED;
    outline-offset: 2px
}

.category-search__category-list-item:hover .category-search__category-list-icon svg,.category-search__category-list-item--selected .category-search__category-list-icon svg {
    color: #052032
}

.category-search__category-list-item:hover .category-search__category-list-icon--child,.category-search__category-list-item--selected .category-search__category-list-icon--child {
    outline-color: #6bc5ff
}

.category-search__category-list-item:hover .category-search__category-list-icon--pet,.category-search__category-list-item--selected .category-search__category-list-icon--pet {
    outline-color: #f5ea4d
}

.category-search__category-list-item:hover .category-search__category-list-icon--senior,.category-search__category-list-item--selected .category-search__category-list-icon--senior {
    outline-color: #a5e288
}

.category-search__category-list-item:hover .category-search__category-list-icon--teach,.category-search__category-list-item--selected .category-search__category-list-icon--teach {
    outline-color: #66d3bf
}

.category-search__category-list-item:hover .category-search__category-list-icon--home,.category-search__category-list-item--selected .category-search__category-list-icon--home {
    outline-color: #f37676
}

.category-search__category-list-item:hover .category-search__category-list-icon.inside-form,.category-search__category-list-item--selected .category-search__category-list-icon.inside-form {
    outline-color: #2DA3ED
}

.category-search__category-list-item--selected .category-search__category-list-icon svg {
    color: #052032
}

.category-search__category-list-item--selected .category-search__category-list-icon.inside-form {
    background: #2DA3ED
}

.category-search__category-list-item--selected .category-search__category-list-icon.inside-form svg {
    color: #FFF !important
}

.category-search__modal-form .modal-body {
    min-height: 500px
}

.category-search__modal-form .autoComplete_wrapper ul {
    width: 300px
}

.category-search__category-list-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

@media (min-width: 768px) {
    .category-search__category-list-text {
        font-size:initial
    }
}

.search-category-form__title {
    margin-bottom: 20px
}

.search-category-form__type>div:first-of-type {
    justify-content: center
}

.search-category-form__subtype-list {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    display: none;
    justify-content: space-evenly;
    gap: 3px
}

.search-category-form__subtype-list--show {
    display: flex
}

.search-category-form__subtype {
    margin-bottom: 10px;
    width: 100%;
    max-width: 100px
}

@media (min-width: 385px) {
    .search-category-form__subtype {
        max-width:120px
    }
}

.search-band {
    padding: 20px;
    margin-bottom: 40px !important
}

.search-band.background-season {
    height: auto !important
}

.search-band .category-search__search-bar {
    margin-top: 15px
}

#search_form {
    position: relative
}

body.marketplace-search-result .search-distance-popover {
    margin-top: 10px !important
}

body.marketplace-search-result .background-season {
    display: none
}

@media (min-width: 768px) {
    body.marketplace-search-result .background-season {
        display:block
    }
}

body.marketplace-search-result #page-content {
    min-height: unset !important
}

body.marketplace-search-result .search-map-container {
    position: fixed;
    top: 185px;
    bottom: 70px;
    left: 0;
    width: 100%
}

@media (min-width: 385px) {
    body.marketplace-search-result .search-map-container {
        bottom:80px
    }
}

@media (orientation: landscape) and (max-width: 768px) {
    body.marketplace-search-result .search-map-container {
        position:unset;
        height: 350px
    }
}

@media (min-width: 768px) {
    body.marketplace-search-result .search-map-container {
        position:unset;
        min-height: 700px;
        height: 80vh
    }
}

@media (max-width: 767.98px) {
    body.marketplace-search-result .search-map-container .segment {
        padding:0;
        margin: 0;
        border-radius: 0
    }
}

body.marketplace-search-result .search-map-container .segment,body.marketplace-search-result .search-map-container .search-map {
    height: 100%;
    width: 100%
}

body.marketplace-search-result .search-map .search-address-waves {
    position: relative;
    overflow: visible
}

body.marketplace-search-result .search-map .search-address-waves__wave1,body.marketplace-search-result .search-map .search-address-waves__wave2 {
    pointer-events: none;
    width: 260px;
    height: 260px;
    background: rgba(32,150,243,0.4);
    border-radius: 200px;
    position: absolute;
    left: -130px;
    top: -130px;
    opacity: 0;
    animation: animationWave cubic-bezier(0, 0.54, 0.53, 1) 3s;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    animation-delay: 0.9s;
    animation-iteration-count: infinite
}

body.marketplace-search-result .search-map .search-address-waves__wave2 {
    animation-delay: 1.07s
}

body.marketplace-search-result .search-map .search-address-marker {
    position: relative;
    overflow: visible;
    pointer-events: none
}

body.marketplace-search-result .search-map .search-address-marker__icon img {
    position: absolute;
    z-index: 3000;
    left: -13px;
    top: -13px;
    width: 26px !important;
    height: 26px !important;
    animation: 2s ease-out 0s infinite pulse
}

body.marketplace-search-result .search-map .leaflet-control-attribution {
    display: none
}

@media (min-width: 768px) {
    body.marketplace-search-result .search-map .leaflet-control-attribution {
        display:block
    }
}

body.marketplace-search-result .search-map__info {
    width: 225px
}

body.marketplace-search-result .search-map__info .btn--primary {
    color: white
}

body.marketplace-search-result .search-map__info-user {
    display: flex;
    align-items: center
}

body.marketplace-search-result .search-map .leaflet-popup .leaflet-popup-content {
    margin: 0 !important
}

body.marketplace-search-result .search-map .leaflet-popup .leaflet-popup-close-button {
    font-size: 20px !important;
    line-height: 22px;
    z-index: 50;
    width: 25px;
    height: 25px;
    background-color: white;
    border-radius: 50%;
    margin: 16px 16px 0 0
}

body.marketplace-search-result .search-map .leaflet-popup .leaflet-popup-tip-container {
    margin-top: -3px
}

body.marketplace-search-result .search-map .leaflet-popup-content-wrapper {
    padding: 0 !important
}

body.marketplace-search-result .search-result__query {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px
}

@media (min-width: 385px) {
    body.marketplace-search-result .search-result__query {
        font-size:14px
    }
}

@media (min-width: 768px) {
    body.marketplace-search-result .search-result__query {
        font-size:13px
    }
}

@media (min-width: 992px) {
    body.marketplace-search-result .search-result__query {
        font-size:14px
    }
}

@media (min-width: 768px) {
    body.marketplace-search-result .search-result__query {
        font-family:"Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px
    }
}

@media (min-width: 768px) and (min-width: 385px) {
    body.marketplace-search-result .search-result__query {
        font-size:17px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    body.marketplace-search-result .search-result__query {
        font-size:16px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    body.marketplace-search-result .search-result__query {
        font-size:17px
    }
}

body.marketplace-search-result .search-result__shared-offer-bar {
    padding: 15px;
    display: flex;
    justify-content: space-evenly;
    margin-top: 60px;
    flex-direction: column;
    align-items: center
}

@media (min-width: 768px) {
    body.marketplace-search-result .search-result__shared-offer-bar {
        flex-direction:row
    }
}

body.marketplace-search-result .search-result__shared-offer-bar-img {
    margin-top: -45px;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    body.marketplace-search-result .search-result__shared-offer-bar-img {
        margin-bottom:unset;
        margin-top: unset;
        margin-right: 25px
    }
}

@media (min-width: 1200px) {
    body.marketplace-search-result .search-result__shared-offer-bar-img {
        margin-top:-30px
    }
}

@media (min-width: 1200px) {
    body.marketplace-search-result .search-result__shared-offer-bar-img img {
        height:100px
    }
}

body.marketplace-search-result .search-result__display-mode-wrapper {
    margin-bottom: 0 !important
}

body.marketplace-search-result .search-result__filter-button {
    position: relative
}

@media (max-width: 519.98px) {
    body.marketplace-search-result .search-result__filter-button {
        padding-left:15px;
        padding-right: 15px
    }
}

body.marketplace-search-result .search-result__filters-count {
    position: absolute;
    top: -9px;
    right: -5px
}

body.marketplace-search-result .search-result__mobile-option-bar {
    align-items: center;
    justify-content: space-between;
    display: flex;
    width: 100% !important;
    left: 0;
    top: 0;
    z-index: 50;
    background-color: white;
    padding: 10px;
    box-shadow: 0 4px 2px -2px #d7dbde;
    position: fixed
}

@media (orientation: landscape),(min-width: 768px) {
    body.marketplace-search-result .search-result__mobile-option-bar {
        display:none
    }
}

body.marketplace-search-result .search-result__distance-filter-loader {
    display: none
}

body.marketplace-search-result .search-result__distance-filter-loader--visible {
    display: initial
}

body.marketplace-search-result .search-result__sort-display {
    position: relative;
    z-index: 2
}

body.marketplace-search-result .search-result__sort-count {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

body.marketplace-search-result .search-result__filters-options {
    position: absolute;
    bottom: -60px;
    left: 0;
    display: none
}

@media (orientation: landscape),(min-width: 768px) {
    body.marketplace-search-result .search-result__filters-options {
        display:flex;
        align-items: center;
        gap: 10px
    }
}

@media (min-width: 992px) {
    body.marketplace-search-result .search-result__filters-options {
        right:0;
        top: 0;
        left: initial;
        bottom: initial
    }
}

body.marketplace-search-result .search-result__header {
    position: relative;
    margin-bottom: 35px;
    margin-top: 75px
}

@media (min-width: 768px) {
    body.marketplace-search-result .search-result__header {
        margin-bottom:65px
    }
}

@media (orientation: landscape),(min-width: 768px) {
    body.marketplace-search-result .search-result__header {
        margin-top:25px;
        margin-bottom: 80px
    }
}

@media (min-width: 992px) {
    body.marketplace-search-result .search-result__header {
        margin-bottom:35px
    }
}

@keyframes animationWave {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    1% {
        opacity: 1
    }

    10% {
        background: rgba(32,150,243,0.4)
    }

    100% {
        transform: scale(1);
        background: rgba(32,150,243,0)
    }
}

@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(1, 1)
    }

    50% {
        opacity: 0.2;
        transform: scale(0.8, 0.8)
    }
}

.search-result-item {
    position: relative;
    background: #FFF;
    overflow: hidden
}

.search-result-item--service {
    height: 100%
}

.search-result-item--search-list {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 520px) {
    .search-result-item--search-list {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

@media (min-width: 520px) {
    .search-result-item--search-list {
        border:1px solid #DDD;
        border-radius: 12px
    }
}

.search-result-item--search-list:hover {
    box-shadow: 0px 1px 10px 2px rgba(34,36,38,0.05);
    transition: all 50ms ease-in;
    transform: translateY(2px)
}

@media (max-width: 767.98px) {
    .search-result-item--search-list {
        margin-bottom:20px
    }

    .search-result-item--search-list .search-result-item__img-container.no-image {
        height: unset
    }

    .search-result-item--search-list .search-result-item__img-container.no-image .search-result-item__no-avatar {
        display: none
    }

    .search-result-item--search-list .search-result-item__img-container.no-image .search-result-item__img-info {
        position: static;
        margin-top: 40px
    }
}

@media (min-width: 768px) {
    .search-result-item--search-list.search-result-item--offer {
        display:flex;
        flex-direction: row
    }

    .search-result-item--search-list.search-result-item--offer .search-result-item__img-container {
        margin: 20px 10px 20px 20px;
        width: 160px;
        height: 160px;
        flex-shrink: 0;
        border-radius: 50%;
        overflow: visible
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .search-result-item--search-list.search-result-item--offer .search-result-item__img-container {
        width:200px;
        height: 200px
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .search-result-item--search-list.search-result-item--offer .search-result-item__img-container {
        width:250px;
        height: 250px
    }
}

@media (min-width: 768px) {
    .search-result-item--search-list.search-result-item--offer .search-result-item__img-container .search-result-item__selection {
        top:0;
        left: 0
    }

    .search-result-item--search-list.search-result-item--offer .search-result-item__img-container .search-result-item__avatar {
        border-radius: 50%
    }

    .search-result-item--search-list.search-result-item--offer .search-result-item__img-info {
        display: none
    }

    .search-result-item--search-list.search-result-item--offer .search-result-item__info .search-result-item__title {
        display: block;
        color: #2DA3ED;
        margin-bottom: 10px
    }
}

.search-result-item--search-map .search-result-item__img-container.no-image {
    height: unset
}

.search-result-item--search-map .search-result-item__img-container.no-image .search-result-item__no-avatar {
    display: none
}

.search-result-item--search-map .search-result-item__img-container.no-image .search-result-item__img-info {
    position: static;
    margin-top: 40px
}

@media (max-width: 767.98px) {
    .search-result-item--search-map {
        margin-top:-20px;
        margin-bottom: -20px;
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }
}

@media (max-width: 767.98px) and (min-width: 768px) {
    .search-result-item--search-map {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .search-result-item--search-map .search-result-item__img-container {
        height:calc(min(max(350px, 45vh), 100vw))
    }
}

@media (min-width: 768px) {
    .search-result-item--search-map {
        border-radius:12px
    }
}

.search-result-item--profile {
    height: initial;
    border-radius: 12px;
    border: 1px solid #DDD
}

@media (min-width: 992px) {
    .search-result-item--profile {
        width:auto;
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .search-result-item--offcanvas {
        width:50%;
        margin-left: 25%
    }
}

@media (min-width: 1600px) {
    .search-result-item--search-list .search-result-item__img-container,.search-result-item--profile .search-result-item__img-container {
        height:330px
    }
}

.search-result-item__link {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 12px;
    z-index: 10
}

.search-result-item--highlighted {
    border-top: 6px solid #2DA3ED
}

@media (min-width: 520px) {
    .search-result-item--highlighted {
        border:3px solid #2DA3ED
    }
}

.search-result-item__img-container {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    background-color: #C5C5C5
}

@media (min-width: 992px) {
    .search-result-item__img-container {
        height:280px
    }
}

@media (min-width: 1200px) {
    .search-result-item__img-container {
        height:300px
    }
}

.search-result-item__img-container.no-image .search-result-item__img-info {
    background: none;
    text-shadow: none
}

.search-result-item__img-info {
    position: absolute;
    bottom: 0;
    padding: 6px 15px 6px 15px;
    z-index: 1;
    width: 100%;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(0,0,0,0.3);
    background: linear-gradient(1turn, rgba(0,0,0,0.4) 5%, transparent);
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px
}

@media (min-width: 385px) {
    .search-result-item__img-info {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .search-result-item__img-info {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .search-result-item__img-info {
        font-size:17px
    }
}

.search-result-item__img-info .star-rating {
    justify-content: initial;
    padding: 0;
    margin-bottom: 5px
}

.search-result-item__img-info-tags {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    flex-direction: column;
    flex-shrink: 0
}

.search-result-item__avatar {
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.search-result-item__no-avatar {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(50% - 60px);
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white
}

.search-result-item__no-avatar svg {
    color: white;
    width: 100px;
    height: 100px
}

.search-result-item__info {
    padding: 20px 15px
}

.search-result-item__info .search-result-item__title {
    display: none
}

.search-result-item__selection {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 15
}

.search-result-item__selection svg {
    width: 28px;
    height: 28px
}

.search-result-item__title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #052032;
    line-height: 24px;
    color: white;
    margin-bottom: 0
}

@media (min-width: 385px) {
    .search-result-item__title {
        font-size:24px;
        line-height: 26px
    }
}

@media (min-width: 768px) {
    .search-result-item__title {
        font-size:26px;
        line-height: 28px
    }
}

@media (min-width: 992px) {
    .search-result-item__title {
        font-size:28px;
        line-height: 30px
    }
}

.search-result-item__creation-date {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #5f707c;
    margin-bottom: 12px
}

@media (min-width: 385px) {
    .search-result-item__creation-date {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .search-result-item__creation-date {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .search-result-item__creation-date {
        font-size:14px
    }
}

.search-result-item__info-line {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: normal;
    gap: 10px
}

@media (min-width: 385px) {
    .search-result-item__info-line {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .search-result-item__info-line {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .search-result-item__info-line {
        font-size:16px
    }
}

.search-result-item__info-line:not(:last-child) {
    margin-bottom: 8px
}

.search-result-item__info-line svg {
    position: relative;
    top: 2px;
    color: #2DA3ED;
    width: 18px;
    height: 18px;
    flex-shrink: 0
}

.search-result-item__info-line .tag.tag--circular {
    position: relative;
    left: 2px;
    top: 4px
}

.search-result-item__info-line span {
    font-weight: normal
}

.search-result-item__info-line--secondary {
    margin-left: 10px;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #9ba6ad;
    font-weight: normal
}

@media (min-width: 385px) {
    .search-result-item__info-line--secondary {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .search-result-item__info-line--secondary {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .search-result-item__info-line--secondary {
        font-size:16px
    }
}

.search-result-item__description {
    margin-top: 15px;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #5f707c
}

@media (min-width: 385px) {
    .search-result-item__description {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .search-result-item__description {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .search-result-item__description {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .search-result-item__description {
        margin-top:10px;
        margin-bottom: initial
    }
}

.search-result-item__admin {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 15;
    display: flex;
    gap: 5px
}

.segment--product-pass {
    position: relative;
    border: 2px solid #2DA3ED;
    border-radius: 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #F5F5F5;
    text-align: center;
    overflow: visible;
    margin-top: 1.25rem;
    transition: transform .1s
}

.segment--product-pass:hover {
    transform: scale(1.05)
}

.segment--product-pass .title {
    font-weight: normal !important;
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    min-height: 2.5rem;
    color: #052032
}

.segment--product-pass .price {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #052032;
    line-height: 24px;
    font-size: 1.75rem !important
}

@media (min-width: 385px) {
    .segment--product-pass .price {
        font-size:24px;
        line-height: 26px
    }
}

@media (min-width: 768px) {
    .segment--product-pass .price {
        font-size:26px;
        line-height: 28px
    }
}

@media (min-width: 992px) {
    .segment--product-pass .price {
        font-size:28px;
        line-height: 30px
    }
}

.segment--product-pass .save {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    font-style: italic;
    min-height: 1.5rem;
    color: #2DA3ED
}

.segment--product-pass .action {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 2rem
}

@media (min-width: 385px) {
    .segment--product-pass .action {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .segment--product-pass .action {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .segment--product-pass .action {
        font-size:17px
    }
}

.segment--order-product-pass {
    border: 2px solid #2DA3ED;
    display: flex;
    flex-direction: row;
    gap: 0.5rem
}

.segment--order-product-pass .title {
    position: relative;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #052032;
    line-height: 24px;
    padding-left: 4rem
}

@media (min-width: 385px) {
    .segment--order-product-pass .title {
        font-size:24px;
        line-height: 26px
    }
}

@media (min-width: 768px) {
    .segment--order-product-pass .title {
        font-size:26px;
        line-height: 28px
    }
}

@media (min-width: 992px) {
    .segment--order-product-pass .title {
        font-size:28px;
        line-height: 30px
    }
}

.segment--order-product-pass .title::before {
    height: 3rem;
    width: 3rem;
    position: absolute;
    left: 0;
    content: "";
    background-image: url(assets-flat/pass.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.segment--order-product-pass .description {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-left: 4rem;
    line-height: 1rem
}

@media (min-width: 385px) {
    .segment--order-product-pass .description {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .segment--order-product-pass .description {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .segment--order-product-pass .description {
        font-size:14px
    }
}

.segment--order-product-pass .price {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #052032;
    line-height: 24px;
    color: #2DA3ED;
    font-size: 1.75rem !important
}

@media (min-width: 385px) {
    .segment--order-product-pass .price {
        font-size:24px;
        line-height: 26px
    }
}

@media (min-width: 768px) {
    .segment--order-product-pass .price {
        font-size:26px;
        line-height: 28px
    }
}

@media (min-width: 992px) {
    .segment--order-product-pass .price {
        font-size:28px;
        line-height: 30px
    }
}

.segment--order-product-option {
    background-color: #cde9fb;
    display: flex;
    gap: 0.5rem;
    flex-direction: column
}

@media (min-width: 768px) {
    .segment--order-product-option {
        flex-direction:row
    }
}

.segment--order-product-option img {
    flex-shrink: 0;
    max-width: 4rem;
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 1/1
}

.segment--order-product-option .title {
    position: relative;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px
}

@media (min-width: 385px) {
    .segment--order-product-option .title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .segment--order-product-option .title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .segment--order-product-option .title {
        font-size:17px
    }
}

.segment--order-product-option .description {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1rem
}

@media (min-width: 385px) {
    .segment--order-product-option .description {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .segment--order-product-option .description {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .segment--order-product-option .description {
        font-size:14px
    }
}

.segment--order-product-option .price {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #052032;
    line-height: 24px;
    color: #2DA3ED;
    font-size: 1.75rem !important
}

@media (min-width: 385px) {
    .segment--order-product-option .price {
        font-size:24px;
        line-height: 26px
    }
}

@media (min-width: 768px) {
    .segment--order-product-option .price {
        font-size:26px;
        line-height: 28px
    }
}

@media (min-width: 992px) {
    .segment--order-product-option .price {
        font-size:28px;
        line-height: 30px
    }
}

.segment--order-summary {
    background-color: #ddf0fc;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.segment--order-summary>.header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0.5rem
}

@media (min-width: 385px) {
    .segment--order-summary>.header {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .segment--order-summary>.header {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .segment--order-summary>.header {
        font-size:16px
    }
}

@media (max-width: 768px) {
    .segment--order-summary>.header {
        margin-bottom:0.5rem
    }

    .segment--order-summary>.header:after {
        content: "";
        position: absolute;
        left: 25%;
        bottom: 0;
        height: 1px;
        width: 50%;
        border-bottom: 1px solid #052032
    }
}

@media (min-width: 768px) {
    .segment--order-summary>.header {
        max-width:20%
    }

    .segment--order-summary>.header:after {
        content: "";
        position: absolute;
        right: 0;
        top: 25%;
        height: 50%;
        width: 1px;
        border-right: 1px solid #052032
    }
}

.segment--order-summary .summary {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 0 0.5rem
}

.segment--order-summary .summary .item {
    gap: 0.5rem;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

@media (min-width: 768px) {
    .segment--order-summary .summary .item {
        justify-content:start
    }
}

.segment--order-summary .summary .item .product {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px
}

@media (min-width: 385px) {
    .segment--order-summary .summary .item .product {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .segment--order-summary .summary .item .product {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .segment--order-summary .summary .item .product {
        font-size:14px
    }
}

.segment--order-summary .summary .item .price {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #2DA3ED
}

@media (min-width: 385px) {
    .segment--order-summary .summary .item .price {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .segment--order-summary .summary .item .price {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .segment--order-summary .summary .item .price {
        font-size:17px
    }
}

.segment--order-summary .total {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 0.5rem
}

@media (max-width: 768px) {
    .segment--order-summary .total {
        margin-top:1rem
    }
}

@media (min-width: 768px) {
    .segment--order-summary .total {
        max-width:20%;
        align-items: center
    }
}

.segment--order-summary .total .header {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold
}

@media (min-width: 385px) {
    .segment--order-summary .total .header {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .segment--order-summary .total .header {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .segment--order-summary .total .header {
        font-size:16px
    }
}

.segment--order-summary .total .price {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #2DA3ED
}

@media (min-width: 385px) {
    .segment--order-summary .total .price {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .segment--order-summary .total .price {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .segment--order-summary .total .price {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .segment--order-summary {
        flex-direction:row;
        align-items: center
    }
}

.segment--marketplace-current-pass {
    border-color: #cde9fb
}

.segment--marketplace-current-pass p {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px
}

@media (min-width: 385px) {
    .segment--marketplace-current-pass p {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .segment--marketplace-current-pass p {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .segment--marketplace-current-pass p {
        font-size:14px
    }
}

.segment--marketplace-current-pass .row .col {
    position: relative
}

@media (max-width: 768px) {
    .segment--marketplace-current-pass .row .col {
        margin-bottom:1rem;
        padding-bottom: 1rem
    }

    .segment--marketplace-current-pass .row .col:not(:last-child):after {
        content: "";
        position: absolute;
        left: 10%;
        bottom: 0;
        height: 1px;
        width: 80%;
        border-bottom: 1px solid #052032
    }
}

@media (min-width: 768px) {
    .segment--marketplace-current-pass .row .col:not(:first-child):not(:last-child):after {
        content:"";
        position: absolute;
        top: 5%;
        right: 0;
        height: 90%;
        width: 1px;
        border-right: 1px solid #052032
    }
}

.icons-services {
    display: inline-block;
    height: 65px;
    width: 65px;
    background: url(assets-flat/icons-services.svg);
    background-position: 0 0
}

.icons-services.identity_verified {
    background-position: -130px 0%
}

.icons-services.not_smoker {
    background-position: -260px 0%
}

.icons-services.car_license {
    background-position: -390px 0%
}

.icons-services.car_owner {
    background-position: -455px 0%
}

.icons-services.recommendation {
    background-position: -715px 0%
}

.icons-services.topassmat {
    background-position: -780px 0%
}

.icons-services.new_eve_available {
    background-position: -845px 0%
}

.icons-services.diplome_cap,.icons-services.child_diplome_cap {
    background-position: 0 0
}

.icons-services.diplome_afps,.icons-services.child_diplome_afps {
    background-position: -325px 0%
}

.icons-services.diplome_bafa,.icons-services.child_diplome_bafa {
    background-position: -520px 0%
}

.icons-services.child_music {
    background-position: -585px 0%
}

.icons-services.child_schoolwork_help {
    background-position: -650px 0%
}

.icons-services.child_clean {
    background-position: -195px 0%
}

.icons-services.child_cook {
    background-position: -65px 0%
}

.icons-additional-services:before {
    content: '';
    height: 130px;
    width: 130px;
    display: table-cell;
    background-image: url(assets-flat/icons-additional-services.svg)
}

.icons-additional-services .content {
    width: 500px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-top: 25px
}

.icons-additional-services.schoolwork_help:before {
    background-position: -390px 0px
}

.icons-additional-services.clean:before {
    background-position: -130px 0px
}

.icons-additional-services.cook:before {
    background-position: 0px 0px
}

.icons-additional-services.music:before {
    background-position: -260px 0px
}

.identity-document-proof__preview {
    padding: 15px;
    border: 1px solid #d7dbde;
    border-radius: 15px;
    margin-top: 5px;
    width: 100%;
    min-height: 300px;
    position: relative
}

.identity-document-proof__file {
    min-width: 250px;
    min-height: 300px;
    width: 100%;
    position: relative;
    z-index: 10
}

.identity-document-proof__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: #ebedef
}

.ad-selection a {
    display: block;
    height: 100%;
    width: 100%;
    transition: 150ms transform ease-in-out
}

.ad-selection a:hover {
    transform: scale(1.15)
}

.ad-selection__icon {
    color: #d7dbde
}

.ad-selection__icon--selected {
    color: #E84D67
}

.ad-selection__text {
    color: #4d4d4d
}

.segment--selection-item {
    position: relative
}

.segment--selection-item .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #052032;
    line-height: 24px;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap
}

@media (min-width: 385px) {
    .segment--selection-item .title {
        font-size:24px;
        line-height: 26px
    }
}

@media (min-width: 768px) {
    .segment--selection-item .title {
        font-size:26px;
        line-height: 28px
    }
}

@media (min-width: 992px) {
    .segment--selection-item .title {
        font-size:28px;
        line-height: 30px
    }
}

.segment--selection-item .title .star-rating img {
    width: 16px;
    height: 16px
}

.segment--selection-item .main {
    display: flex;
    gap: 16px
}

.segment--selection-item .note {
    flex-grow: 0;
    min-width: 40%;
    display: none
}

@media (min-width: 768px) {
    .segment--selection-item .note {
        display:block
    }
}

.segment--selection-item--inactive h2,.segment--selection-item--inactive .main a,.segment--selection-item--inactive p,.segment--selection-item--inactive span:not(.tag--red),.segment--selection-item--inactive .main svg,.segment--selection-item--inactive .note svg,.segment--selection-item--inactive .ribbon {
    color: #9ba6ad !important
}

.segment--selection-item--inactive .segment,.segment--selection-item--inactive span.tag:not(.tag--red),.segment--selection-item--inactive .ribbon {
    background-color: #EFF8FE !important
}

.segment--selection-item--inactive .main .avatar--top-badge {
    background-color: #EFF8FE !important;
    border: none !important
}

.segment--selection-item--inactive .main .avatar--top-badge:after {
    content: none !important
}

.segment--selection-item--inactive .main .avatar--top-badge img {
    filter: grayscale(100%) !important
}

.listing-editor__step-title {
    font-size: 22px;
    text-align: center;
    margin: 30px auto;
    position: relative
}

@media (min-width: 520px) {
    .listing-editor__step-title {
        max-width:400px
    }
}

@media (min-width: 768px) {
    .listing-editor__step-title {
        max-width:450px;
        margin: 90px auto 30px auto
    }
}

@media (min-width: 992px) {
    .listing-editor__step-title {
        max-width:600px
    }
}

.listing-editor__step-title span {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    background: #E5F0F6;
    text-align: center;
    z-index: 2;
    max-width: 90%
}

.listing-editor__step-title:after {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    top: calc(50% - 1px);
    background: #9ba6ad;
    width: 100%
}

.listing-editor .cards-list .card-block .comments {
    color: #052032
}

.listing-editor .cards-list--bordered .card-block:hover {
    border: 2px solid #2DA3ED
}

@media (max-width: 767.98px) {
    .listing-editor.with-top-menu .background-season {
        height:50px
    }
}

.listing-editor .listing_step__bar {
    background-color: #C7E3F4;
    overflow: hidden;
    width: 100%;
    height: 8px;
    border-radius: 40px
}

.listing-editor .listing_step__bar .listing_step__loading {
    background-color: #4CAFEF;
    max-width: 100%;
    height: 100%
}

.listing-editor #photo-container img {
    max-width: 100%;
    max-height: 100%
}

.listing-editor__category-img {
    width: 100% !important;
    height: auto !important
}

.listing-editor__more-services-image {
    background-color: #cde9fb;
    border-radius: 50%
}

@media (min-width: 768px) {
    .listing-editor__more-services-image {
        margin-right:25px
    }
}

.listing-editor__more-services-image img {
    width: 100px
}

@media (min-width: 520px) {
    .listing-editor__more-services-image img {
        width:175px
    }
}

.listing-editor__offer-child-age-select {
    margin-bottom: 0 !important;
    width: 160px
}

@media (min-width: 520px) {
    .listing-editor__offer-child-age-select {
        width:75%
    }
}

@media (min-width: 992px) {
    .listing-editor__offer-child-age-select {
        width:100%
    }
}

@media (min-width: 1600px) {
    .listing-editor__offer-child-age-select {
        width:75%
    }
}

.listing-editor__congrats-step {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0 15px;
    width: 100%
}

.listing-editor__congrats-step-title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 28px;
    color: #052032;
    margin-bottom: 20px
}

@media (min-width: 385px) {
    .listing-editor__congrats-step-title {
        font-size:30px
    }
}

@media (min-width: 768px) {
    .listing-editor__congrats-step-title {
        font-size:32px
    }
}

@media (min-width: 992px) {
    .listing-editor__congrats-step-title {
        font-size:40px
    }
}

.listing-editor__congrats-step-description {
    font-size: 22px
}

.listing-editor__congrats-step-share {
    margin-top: 75px
}

.listing-profile section.section--main-infos {
    display: none
}

@media (min-width: 992px) {
    .listing-profile section.section--main-infos {
        display:block
    }

    .listing-profile .search-result-item.search-result-item--profile.search-result-item--offer .search-result-item__img-info {
        display: none;
        background: none
    }

    .listing-profile .search-result-item.search-result-item--profile.search-result-item--offer .search-result-item__info {
        display: none
    }
}

.listing-profile__info-line {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    gap: 10px;
    font-size: 14px;
    font-weight: bold;
    flex-wrap: wrap
}

.listing-profile__info-line svg.blue {
    color: #2DA3ED
}

.listing-profile__info-line--last {
    color: #5f707c;
    font-weight: normal
}

.listing-profile__info-line--column {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px
}

@media (min-width: 768px) {
    .listing-profile__info-line--column {
        flex-direction:row;
        gap: 10px;
        align-items: center
    }
}

.listing-profile__info-line--icon {
    flex-wrap: nowrap;
    align-items: baseline
}

@media (min-width: 768px) {
    .listing-profile__info-line--icon {
        align-items:center;
        flex-wrap: wrap
    }
}

.listing-profile__info-line--icon svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: #2DA3ED
}

.listing-profile__title {
    line-height: initial;
    margin-bottom: initial;
    font-size: 28px
}

.listing-profile__avatar {
    width: 80px;
    height: 80px
}

.listing-profile__avatar img {
    width: 80px;
    height: 80px
}

.listing-profile__avatar .avatar__pastille {
    width: 20px;
    height: 20px;
    top: 59px;
    left: 59px
}

.listing-profile__avatar .avatar__border {
    width: 84px;
    height: 84px
}

.listing-profile__avatar svg.thumb-image {
    width: 56px;
    color: white
}

@media (min-width: 768px) {
    .listing-profile__avatar {
        width:160px;
        height: 160px
    }

    .listing-profile__avatar img {
        height: 160px;
        width: 160px
    }

    .listing-profile__avatar .avatar__pastille {
        width: 40px;
        height: 40px;
        top: 117px;
        left: 117px;
        border-width: 3px
    }

    .listing-profile__avatar .avatar__border {
        width: 166px;
        height: 166px;
        border-width: 3px
    }
}

@media (min-width: 768px) {
    .listing-profile__sticky-container {
        display:none
    }
}

.listing-profile__sticky {
    background-color: white;
    padding: 10px;
    display: none;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 8px 0 rgba(215,219,222,0.2)
}

.listing-profile__sticky--stuck {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100% !important
}

.listing-profile__section-title {
    margin-bottom: 0
}

.listing-profile__section-title button {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
    color: #4d4d4d !important
}

@media (min-width: 385px) {
    .listing-profile__section-title button {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .listing-profile__section-title button {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .listing-profile__section-title button {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .listing-profile__section-title button {
        cursor:default;
        font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 14px;
        color: #5f707c;
        margin-left: 0;
        margin-bottom: 0.5rem;
        letter-spacing: 1.5px;
        margin-bottom: 0 !important
    }
}

@media (min-width: 768px) and (min-width: 385px) {
    .listing-profile__section-title button {
        font-size:15px;
        margin-bottom: 1rem
    }
}

@media (min-width: 768px) {
    .listing-profile__section-title button::after {
        display:none
    }
}

.listing-profile__section-title svg {
    color: #2DA3ED;
    width: 22px;
    height: 22px
}

.listing-profile__section-title--desktop-only {
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    color: #4d4d4d;
    padding-bottom: 1rem;
    padding-top: 1rem;
    margin-bottom: 0 !important
}

@media (min-width: 385px) {
    .listing-profile__section-title--desktop-only {
        font-size:15px;
        margin-bottom: 1rem
    }
}

.listing-profile__section-title--desktop-only svg {
    color: #2DA3ED;
    width: 22px;
    height: 22px
}

.listing-profile__accordion {
    margin-top: 0 !important
}

@media (max-width: 767.98px) {
    .listing-profile__collapse-preview {
        padding-bottom:15px
    }

    .listing-profile__collapse-preview .collapse,.listing-profile__collapse-preview .collapsing {
        display: block;
        height: 60px;
        overflow: hidden
    }

    .listing-profile__collapse-preview .collapse p,.listing-profile__collapse-preview .collapsing p {
        transition: color,font-size 0.5s ease
    }

    .listing-profile__collapse-preview .collapse:not(.show) p,.listing-profile__collapse-preview .collapsing:not(.show) p {
        color: #9ba6ad !important;
        font-size: 13px !important
    }

    .listing-profile__collapse-preview .collapse.show,.listing-profile__collapse-preview .collapsing.show {
        height: auto
    }
}

.listing-info__title {
    font-size: 1rem;
    text-transform: uppercase;
    color: #5f707c;
    font-weight: bold;
    margin-bottom: 1rem;
    letter-spacing: 3px
}

.listing-info__highlight {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.25rem;
    font-size: 0.75rem
}

@media (min-width: 768px) {
    .listing-info__highlight {
        gap:0.25rem;
        font-size: inherit
    }
}

.listing-info__highlight-item {
    font-size: 0.75rem;
    width: 100px;
    flex-wrap: wrap;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px
}

@media (max-width: 767.98px) {
    .listing-info__highlight-item-image {
        background-color:#E5F0F6;
        border-radius: 50%
    }
}

.listing-info__highlight-item-image--background {
    background-color: #E5F0F6;
    border-radius: 50%
}

.listing-info__mini-cv-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.listing-info__mini-cv-line:not(:last-child) {
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .listing-info__mini-cv-line:not(:last-child) {
        margin-bottom:25px
    }
}

.listing-info__mini-cv-line .cv-tag {
    display: flex;
    align-items: center;
    border: 1px solid #cde9fb;
    border-radius: 20px;
    padding: 5px 10px;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #5f707c
}

@media (min-width: 385px) {
    .listing-info__mini-cv-line .cv-tag {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .listing-info__mini-cv-line .cv-tag {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .listing-info__mini-cv-line .cv-tag {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .listing-info__mini-cv-line .cv-tag {
        font-family:"Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #5f707c
    }
}

@media (min-width: 768px) and (min-width: 385px) {
    .listing-info__mini-cv-line .cv-tag {
        font-size:14px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .listing-info__mini-cv-line .cv-tag {
        font-size:13px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .listing-info__mini-cv-line .cv-tag {
        font-size:14px
    }
}

.listing-info__mini-cv-line .cv-tag img,.listing-info__mini-cv-line .cv-tag svg {
    margin-right: 8px;
    height: 24px
}

.listing-info__mini-cv-line .cv-tag--disabled {
    filter: grayscale(1)
}

.listing-info__mini-cv-line-title {
    font-weight: 600;
    flex-basis: 100%
}

@media (min-width: 768px) {
    .listing-info__mini-cv-line-title {
        flex-basis:auto
    }
}

.listing-info__map .map {
    height: 350px;
    border-radius: 20px
}

.listing-info__verification-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px
}

.listing-info__verification-title svg {
    color: #2DA3ED
}

.listing-info__verification-line {
    display: flex;
    align-items: center;
    gap: 10px
}

.listing-info__verification-line svg {
    color: #8AC43B
}

.listing-info__verification-line:not(:last-child) {
    margin-bottom: 10px
}

.listing-info__verification-line--unpassed {
    color: #9ba6ad
}

.listing-info__verification-line--unpassed svg {
    color: #E84D67
}

.listing-info__verification-line svg {
    flex: 0 0 auto
}

.section--marketplace-listing-simple h2 {
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    color: #4d4d4d;
    padding-bottom: 1rem;
    padding-top: 1rem;
    margin-bottom: 0 !important
}

@media (min-width: 385px) {
    .section--marketplace-listing-simple h2 {
        font-size:15px;
        margin-bottom: 1rem
    }
}

.section--marketplace-listing-simple h2 svg {
    color: #2DA3ED;
    width: 22px;
    height: 22px
}

.section--marketplace-listing-accordion {
    padding-top: 0;
    position: relative;
    transition: margin 0.3s ease;
    padding-bottom: 0;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 520px) {
    .section--marketplace-listing-accordion {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .section--marketplace-listing-accordion {
        padding:5px 20px;
        background: #FFF;
        margin-bottom: 0
    }

    .section--marketplace-listing-accordion:not(.last) {
        border-bottom: 1px solid #d7dbde
    }
}

@media (max-width: 767.98px) and (min-width: 520px) {
    .section--marketplace-listing-accordion.first {
        border-top-left-radius:12px;
        border-top-right-radius: 12px
    }

    .section--marketplace-listing-accordion.last {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
    }
}

@media (max-width: 767.98px) {
    .section--marketplace-listing-accordion.section--opened {
        margin-top:15px;
        margin-bottom: 15px
    }
}

.section--marketplace-listing-accordion .segment {
    background: none;
    padding: 0;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .section--marketplace-listing-accordion .segment {
        margin-bottom:24px;
        background-color: white;
        padding: 24px 2rem
    }

    .section--marketplace-listing-accordion .segment.segment--small-padding {
        padding: 24px 1.25rem
    }
}

.star-rating {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center
}

.star-rating img {
    width: 1.5rem;
    height: 1.5rem
}

.star-rating--xs img {
    width: 0.5rem;
    height: 0.5rem
}

.star-rating--sm img {
    width: 1rem;
    height: 1rem
}

.star-rating--md img {
    width: 1.5rem;
    height: 1.5rem
}

.star-rating--lg img {
    width: 2rem;
    height: 2rem
}

.star-rating--xl img {
    width: 2.5rem;
    height: 2.5rem
}

.star-rating--adaptative img {
    width: 1rem;
    height: 1rem
}

@media (min-width: 768px) {
    .star-rating--adaptative img {
        width:1.5rem;
        height: 1.5rem
    }
}

@media (min-width: 992px) {
    .star-rating--adaptative img {
        width:2rem;
        height: 2rem
    }
}

#sticky_note_show__container {
    background-color: #cde9fb;
    color: #374d5b
}

#sticky_note_show__container .content {
    color: #5f707c
}

#sticky_note_form #sticky_note_form__content {
    border: none !important
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 1.3333333333333333em;
    line-height: 1em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon:before {
    content: "\00a0"
}

.flag-icon-squared {
    width: 1em
}

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon-at {
    background-image: url(assets-flat/at.svg)
}

.flag-icon-au {
    background-image: url(assets-flat/au.svg)
}

.flag-icon-be {
    background-image: url(assets-flat/be.svg)
}

.flag-icon-ca {
    background-image: url(assets-flat/ca.svg)
}

.flag-icon-ch {
    background-image: url(assets-flat/ch.svg)
}

.flag-icon-de {
    background-image: url(assets-flat/de.svg)
}

.flag-icon-es {
    background-image: url(assets-flat/es.svg)
}

.flag-icon-fr {
    background-image: url(assets-flat/fr.svg)
}

.flag-icon-gb,.flag-icon-en {
    background-image: url(assets-flat/gb.svg)
}

.flag-icon-it {
    background-image: url(assets-flat/it.svg)
}

.flag-icon-nl {
    background-image: url(assets-flat/nl.svg)
}

.flag-icon-us {
    background-image: url(assets-flat/us.svg)
}

.gallery-picture__carrousel-image {
    max-width: -moz-fit-content;
    max-width: fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    margin: auto
}

.gallery-picture__col {
    height: 180px
}

.gallery-picture__image {
    height: 100%;
    border-radius: 12px;
    width: 100%;
    background-size: cover;
    background-position: center
}

.gallery-picture--modal .modal-dialog {
    width: 75%;
    max-width: none
}

.gallery-picture__carrousel-image {
    max-height: 75vh
}

.carousel-control-prev-icon,.carousel-control-next-icon {
    background-color: #9ba6ad;
    border-radius: 10px
}

.consultation__counter-container {
    position: absolute;
    right: -4px;
    top: -7px
}

body.user-settings .banner svg.icon {
    color: #2DA3ED
}

body.user-settings .banner svg.nounou-top {
    color: #2DA3ED;
    width: 200px
}

body.admin-app .segment .button.toggle-chart-legend {
    position: absolute;
    z-index: 1000
}

body.admin-app .table-container {
    width: 100%;
    overflow: auto
}

body.admin-app main #page .top-logo {
    position: absolute;
    top: 16px;
    right: 16px
}

body.admin-app main #page .top-logo svg {
    width: 48px;
    height: 48px;
    color: #2DA3ED
}

body.admin-app main #page .container-md {
    max-width: 1800px !important;
    width: unset !important
}

body.admin-app .manager-daily-table td.service,body.admin-app .manager-report-table td.service {
    min-width: 110px
}

body.admin-app .manager-daily-table td.gist-status,body.admin-app .manager-report-table td.gist-status {
    min-width: 165px
}

body.admin-app .manager-daily-table td.gist-status .label,body.admin-app .manager-report-table td.gist-status .label {
    font-size: 10px
}

body.admin-app .manager-daily-table td.teams-inboxes,body.admin-app .manager-report-table td.teams-inboxes {
    min-width: 140px
}

body.admin-app .crm-daily-table th,body.admin-app .crm-daily-table td {
    text-align: center;
    vertical-align: middle
}

body.app-pwa .app-icon {
    border-radius: 10px;
    box-shadow: 0px 0px 5px #DDD;
    margin: auto;
    height: 80px;
    width: 80px;
    text-align: center;
    padding-top: 10px;
    background: #2DA3ED
}

body.app-pwa .app-icon svg {
    color: white;
    height: 60px;
    width: 60px
}

body.avatar-edit .segment--commands {
    padding: 1.5rem;
    overflow: hidden
}

body.avatar-edit #avatar-upload-preview {
    max-width: 100%;
    max-height: 350px;
    display: block;
    margin: 20px auto 40px auto;
    border: 8px solid white;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

body.avatar-edit #avatar-upload-preview[src*='pixel-blank'] {
    display: none
}

body.avatar-edit #avatar-crop-preview {
    box-sizing: content-box;
    box-shadow: 0px 0px 5px #999;
    border: 7px solid #fff;
    border-radius: 84px;
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: auto;
    margin-bottom: 20px
}

body.avatar-edit .buttons-rotate {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

body.avatar-edit .buttons-rotate .btn {
    margin: 0 7px
}

body.avatar-edit #avatar-crop-original {
    margin-bottom: 20px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 520px) {
    body.avatar-edit #avatar-crop-original {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

body.avatar-edit #avatar-crop-original .jcrop-holder {
    margin: auto
}

body.avatar-edit .help-notice {
    margin-top: 40px
}

body.blog .blog-menu-button {
    height: 36px
}

body.blog #blog-categories .accordion-body {
    padding-left: 0;
    padding-right: 0
}

body.blog #blog-categories .accordion-body .nav-item {
    font-size: 14px
}

body.blog #blog-categories .accordion-body .nav-item .nav-link {
    font-size: 13px
}

body.blog #blog-content>p img,body.blog #blog-content>img,body.blog #blog-content>a img {
    display: block;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 100%
}

body.blog #blog-content>p img:not(.without-border),body.blog #blog-content>img:not(.without-border),body.blog #blog-content>a img:not(.without-border) {
    border-radius: 10px;
    border: 1px solid #DDD;
    box-shadow: 0px 0px 5px #DDD
}

body.blog #blog-content #gist-article .avatar-group,body.blog #blog-content #gist-article .kb-article-feedback,body.blog #blog-content #gist-article .print-icon {
    display: none
}

body.blog #blog-content #gist-article table td {
    font-size: 17px;
    vertical-align: top;
    padding: 15px;
    border: solid 1px rgba(28,54,74,0.08)
}

body.blog #blog-content #gist-article img.fr-dib {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 25px auto 25px auto !important;
    border-radius: 6px
}

body.blog #blog-content #gist-article a>span {
    color: #E84D67 !important;
    border-bottom: 1px dotted #E84D67
}

.calculator-time-convertor__title svg {
    margin: 0 10px 5px
}

@media (min-width: 768px) {
    .calculator-time-convertor__title svg {
        margin:0 20px 5px
    }
}

.calculator-time-convertor__result {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 768px) {
    .calculator-time-convertor__result {
        justify-content:space-around
    }
}

.calculator-time-convertor__result .statistic {
    display: flex;
    align-items: center;
    margin-left: 16px;
    margin-top: unset;
    margin-bottom: unset
}

.calculator-time-convertor__result .statistic .label {
    margin-left: 7px
}

.calculator-time-convertor__result-equal {
    font-size: 30px
}

@media (min-width: 768px) {
    .calculator-time-convertor .wrapper_input {
        margin-bottom:unset !important
    }
}

body.calculators .blurring {
    cursor: pointer;
    color: transparent !important;
    text-shadow: 0 0 10px rgba(100,100,100,0.5) !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    position: relative
}

body.calculators .blurring h1,body.calculators .blurring h2,body.calculators .blurring h3,body.calculators .blurring span {
    color: inherit;
    text-shadow: inherit
}

body.calculators .blurring .text-success {
    color: transparent !important;
    text-shadow: 0 0 15px #1DCB8C !important
}

body.calculators .blurring .text-primary {
    color: transparent !important;
    text-shadow: 0 0 15px #2DA3ED !important
}

body.calculators .blurring .text-danger {
    color: transparent !important;
    text-shadow: 0 0 15px #E84D67 !important
}

#cmg-simulator-settings-ged .invalid-feedback {
    display: block
}

body.contract-editor main #page #page-content {
    padding-bottom: 200px !important
}

body.contract-editor main #page #page-content #page-subcontent .container-lg {
    max-width: 768px !important;
    margin-left: auto;
    margin-right: auto
}

body.contract-editor main #page #page-content #page-subcontent .buttons-group {
    margin-top: 60px
}

body.contract-editor footer {
    display: none
}

body.contract-editor .contract-ged-family .contract-ged-children__accordion-wrapper:not(:last-of-type) {
    border-bottom: 1px solid #d7dbde
}

body.contract-editor #new_contract_step[busy] {
    cursor: progress;
    transition: 1s filter linear;
    filter: blur(5px)
}

body.contract-editor .compensation .hourly_wage .wages .help {
    width: 40px;
    padding: 0
}

body.contract-editor .compensation .hourly_wage .wages .row {
    align-items: center;
    justify-content: space-between;
    --bs-gutter-x: 0.5rem
}

body.contract-editor .compensation #meal-compensation-age-list .accordion-item.unvalidatable.is-invalid {
    margin-left: -24px;
    margin-right: -25px
}

body.contract-editor .contract-missions__missions-questions img.mission-illustration {
    width: 60px
}

@media (min-width: 768px) {
    body.contract-editor .contract-missions__missions-questions img.mission-illustration {
        width:80px
    }
}

body.contract-editor .contract-missions__missions-questions .wrapper_input.toggle {
    margin-bottom: 0 !important
}

@media (min-width: 520px) {
    body.contract-editor .contract-missions__missions-questions .label-title {
        margin-bottom:0
    }
}

body.contract-editor .documents_frame {
    width: 100%;
    height: 70vh
}

@media (max-width: 519.98px) {
    body.contract-editor .documents_frame {
        width:100vw;
        margin-left: -24px;
        margin-right: -24px
    }
}

@media (min-width: 768px) {
    body.contract-editor .contract-editor__menu-button {
        display:none
    }
}

@media (max-width: 991px) and (orientation: landscape) {
    body.contract-editor .contract-editor__menu-button {
        display:inline-flex
    }
}

.contract-history-edit .segment.months-histories .wrapper_input {
    align-items: flex-start
}

#edit-contract-day .attendance-form__time-ranges,#edit-contract-day .attendance-form--ged__time-ranges {
    text-align: center;
    color: #2DA3ED
}

#edit-contract-day .attendance-form__time-ranges .attendance-text,#edit-contract-day .attendance-form--ged__time-ranges .attendance-text {
    font-size: 1.5em
}

#edit-contract-day .attendance-form__time-ranges .attendance-time-range,#edit-contract-day .attendance-form--ged__time-ranges .attendance-time-range {
    font-size: 1.25em
}

#edit-contract-day .attendance-form__time-ranges .attendance-time-range .starts-at,#edit-contract-day .attendance-form__time-ranges .attendance-time-range .ends-at,#edit-contract-day .attendance-form--ged__time-ranges .attendance-time-range .starts-at,#edit-contract-day .attendance-form--ged__time-ranges .attendance-time-range .ends-at {
    font-size: 1.5em;
    margin-left: 10px;
    margin-right: 10px
}

#edit-contract-day .attendance-form__edit-timesheet .time_range_wrapper,#edit-contract-day .attendance-form--ged__edit-timesheet .time_range_wrapper {
    justify-content: space-between !important
}

#edit-contract-day .attendance-form__edit-timesheet__simple-care .attendance-form__responsible-duration__input,#edit-contract-day .attendance-form__edit-timesheet__simple-care .attendance-form__night-intervention-original__input,#edit-contract-day .attendance-form__edit-timesheet__night-schedule .attendance-form__responsible-duration__input,#edit-contract-day .attendance-form__edit-timesheet__night-schedule .attendance-form__night-intervention-original__input,#edit-contract-day .attendance-form--ged__edit-timesheet__simple-care .attendance-form__responsible-duration__input,#edit-contract-day .attendance-form--ged__edit-timesheet__simple-care .attendance-form__night-intervention-original__input,#edit-contract-day .attendance-form--ged__edit-timesheet__night-schedule .attendance-form__responsible-duration__input,#edit-contract-day .attendance-form--ged__edit-timesheet__night-schedule .attendance-form__night-intervention-original__input {
    display: flex;
    align-items: baseline
}

#edit-contract-day .attendance-form__edit-timesheet__simple-care__new-range>div,#edit-contract-day .attendance-form__edit-timesheet__shared-care__new-range>div,#edit-contract-day .attendance-form__edit-timesheet__night-schedule__new-range>div,#edit-contract-day .attendance-form--ged__edit-timesheet__simple-care__new-range>div,#edit-contract-day .attendance-form--ged__edit-timesheet__shared-care__new-range>div,#edit-contract-day .attendance-form--ged__edit-timesheet__night-schedule__new-range>div {
    display: flex;
    align-items: center
}

#edit-contract-day .attendance-form__edit-timesheet .delete-action input,#edit-contract-day .attendance-form--ged__edit-timesheet .delete-action input {
    display: none
}

#edit-contract-day .attendance-form__edit-timesheet .attendance-absence-wrapper,#edit-contract-day .attendance-form--ged__edit-timesheet .attendance-absence-wrapper {
    display: none
}

#edit-contract-day .attendance-form__interventions-duration>div,#edit-contract-day .attendance-form--ged__interventions-duration>div {
    justify-content: flex-start !important
}

#edit-contract-day .attendance-form__meal .icon-meals-wrapper label,#edit-contract-day .attendance-form--ged__meal .icon-meals-wrapper label {
    display: flex;
    align-items: center
}

#edit-contract-day .attendance-form__meal .icon-meals-wrapper label svg,#edit-contract-day .attendance-form--ged__meal .icon-meals-wrapper label svg {
    margin-right: 20px
}

#edit-contract-day .attendance-form .invalid-feedback,#edit-contract-day .attendance-form--ged .invalid-feedback {
    display: block
}

#edit-contract-day .attendance-form .mandatory-lunch-warning,#edit-contract-day .attendance-form--ged .mandatory-lunch-warning {
    font-size: 14px
}

#edit-contract-day .attendance-form .mandatory-lunch-warning.state-hidden,#edit-contract-day .attendance-form--ged .mandatory-lunch-warning.state-hidden {
    display: none
}

#edit-contract-day .attendance-form .mandatory-lunch-warning.state-active,#edit-contract-day .attendance-form--ged .mandatory-lunch-warning.state-active {
    display: block
}

#edit-contract-day .attendance-form .mandatory-lunch-warning__header,#edit-contract-day .attendance-form--ged .mandatory-lunch-warning__header {
    margin-bottom: 5px;
    font-weight: bold
}

body.children-planning-index .monthly_calendar .monthly_calendar__content {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 4px;
    padding-right: 4px
}

@media (min-width: 320px) {
    body.children-planning-index .monthly_calendar .monthly_calendar__content {
        padding-left:8px;
        padding-right: 8px
    }
}

@media (min-width: 360px) {
    body.children-planning-index .monthly_calendar .monthly_calendar__content {
        padding-left:16px;
        padding-right: 16px
    }
}

@media (min-width: 520px) {
    body.children-planning-index .monthly_calendar .monthly_calendar__content {
        padding-left:48px;
        padding-right: 48px
    }
}

@media (min-width: 992px) {
    body.children-planning-index .monthly_calendar .monthly_calendar__content {
        padding-left:16px;
        padding-right: 16px
    }
}

@media (min-width: 1200px) {
    body.children-planning-index .monthly_calendar .monthly_calendar__content {
        padding-left:24px;
        padding-right: 24px
    }
}

@media (max-width: 359.98px) {
    body.children-planning-index .monthly_calendar .monthly_calendar__content td .planning-choice {
        white-space:break-spaces
    }
}

body.children-planning-index .monthly_calendar tr:not(:last-child) td {
    border-bottom: 1px solid #d7dbde
}

body.children-planning-index .monthly_calendar .day {
    font-weight: normal
}

@media (min-width: 520px) {
    body.children-planning-index .monthly_calendar .day {
        font-weight:bold
    }
}

body.children-planning-index .monthly_calendar .day.out-of-month {
    color: #052032;
    font-weight: normal
}

body.children-planning-index .monthly_calendar .day.out-of-selection {
    color: #5f707c;
    font-weight: normal
}

body.children-planning-index .monthly_calendar .day.school-vacation {
    background: #fdeed2
}

.children-reports-index #report-page-content {
    position: relative
}

.children-reports-index #report-page-content .report-accordion .accordion-button {
    padding-left: 0;
    padding-right: 0;
    flex-flow: row-reverse;
    align-items: flex-start
}

@media (min-width: 520px) {
    .children-reports-index #report-page-content .report-accordion .accordion-button {
        align-items:center
    }
}

.children-reports-index #report-page-content .report-accordion .accordion-button:after {
    margin-right: 8px;
    margin-left: -12px
}

.children-reports-index #report-page-content .report-columns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    position: relative
}

.children-reports-index #report-page-content .report-columns .report-column.date {
    width: 12%
}

@media (max-width: 991.98px) {
    .children-reports-index #report-page-content .report-columns .report-column.date {
        width:29%
    }
}

@media (max-width: 519.98px) {
    .children-reports-index #report-page-content .report-columns .report-column.date {
        width:50%
    }
}

.children-reports-index #report-page-content .report-columns .report-column.date .status {
    margin-top: 8px
}

.children-reports-index #report-page-content .report-columns .report-column.infos {
    width: 25%
}

.children-reports-index #report-page-content .report-columns .report-column.explanations {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5%
}

.children-reports-index #report-page-content .report-columns .report-column.time-meals {
    width: 23%;
    flex-grow: 1
}

@media (max-width: 991.98px) {
    .children-reports-index #report-page-content .report-columns .report-column.time-meals {
        max-width:40%;
        text-align: left
    }
}

@media (max-width: 519.98px) {
    .children-reports-index #report-page-content .report-columns .report-column.time-meals {
        width:100%;
        max-width: 100%;
        order: 5;
        padding-top: 12px
    }
}

.children-reports-index #report-page-content .report-columns .report-column.maintenance-allowance,.children-reports-index #report-page-content .report-columns .report-column.journeys {
    text-align: center;
    width: 4%
}

.children-reports-index #report-page-content .report-columns .report-column.comments {
    width: 13%
}

.children-reports-index #report-page-content .report-columns .report-column.actions {
    min-width: 90px;
    text-align: right;
    width: auto
}

.children-reports-index #report-page-content .segment.report-days-list,.children-reports-index #report-page-content .segment.report-legend {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0
}

.children-reports-index #report-page-content .segment.report-days-list .accordion,.children-reports-index #report-page-content .segment.report-legend .accordion {
    background: #E5F0F6
}

.children-reports-index #report-page-content .segment.report-days-list .accordion-item,.children-reports-index #report-page-content .segment.report-legend .accordion-item {
    padding-left: 0px;
    padding-right: 1.25rem
}

@media (min-width: 992px) {
    .children-reports-index #report-page-content .segment.report-days-list .accordion-item,.children-reports-index #report-page-content .segment.report-legend .accordion-item {
        padding-left:2rem;
        padding-right: 2rem
    }
}

.children-reports-index #report-page-content .segment.report-legend {
    display: none;
    margin-bottom: 0;
    border-radius: 0
}

@media (min-width: 992px) {
    .children-reports-index #report-page-content .segment.report-legend {
        display:block
    }
}

.children-reports-index #report-page-content .segment.report-legend .report-column {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    margin-bottom: 0 !important
}

@media (min-width: 385px) {
    .children-reports-index #report-page-content .segment.report-legend .report-column {
        font-size:15px;
        margin-bottom: 1rem
    }
}

.children-reports-index #report-page-content .segment.report-legend .report-column a:not(.btn) {
    color: #5f707c
}

.children-reports-index #report-page-content .segment.report-legend .report-column svg.icon_car {
    height: 16px;
    width: 16px;
    margin-bottom: 5px
}

.children-reports-index #report-page-content .segment.report-legend .report-column.maintenance-allowance,.children-reports-index #report-page-content .segment.report-legend .report-column.journeys,.children-reports-index #report-page-content .segment.report-legend .report-column.comments {
    text-align: center
}

.children-reports-index #report-page-content .segment.report-days-list.has-changes {
    background: #FCF6E8
}

.children-reports-index #report-page-content .segment.report-days-list .accordion-item {
    background: #FFF;
    overflow: hidden
}

.children-reports-index #report-page-content .segment.report-days-list .report-columns.complete .report-column.date .status.status--error,.children-reports-index #report-page-content .segment.report-days-list .report-columns.complete .report-column.infos .status.status--error {
    color: #E84D67
}

.children-reports-index #report-page-content .segment.report-days-list .report-columns.incomplete .report-column.date,.children-reports-index #report-page-content .segment.report-days-list .report-columns.incomplete .report-column.maintenance-allowance,.children-reports-index #report-page-content .segment.report-days-list .report-columns.incomplete .report-column.comments {
    color: #b4bcc2 !important
}

.children-reports-index #report-page-content .segment.report-days-list .report-columns.incomplete .report-column.date a,.children-reports-index #report-page-content .segment.report-days-list .report-columns.incomplete .report-column.maintenance-allowance a,.children-reports-index #report-page-content .segment.report-days-list .report-columns.incomplete .report-column.comments a {
    color: #b4bcc2 !important
}

.children-reports-index #report-page-content .segment.report-days-list .report-columns.incomplete .report-column.date .status,.children-reports-index #report-page-content .segment.report-days-list .report-columns.incomplete .report-column.infos .status {
    color: #b4bcc2
}

.children-reports-index #report-page-content .segment.report-days-list .report-columns.planning-undefined .report-column.date {
    color: #b4bcc2 !important
}

.children-reports-index #report-page-content .segment.report-days-list .report-columns.planning-undefined .report-column.date .status,.children-reports-index #report-page-content .segment.report-days-list .report-columns.planning-undefined .report-column.infos .status {
    color: #f08d9e
}

.children-reports-index #report-page-content .segment.report-days-list .report-column {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px
}

@media (min-width: 385px) {
    .children-reports-index #report-page-content .segment.report-days-list .report-column {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .children-reports-index #report-page-content .segment.report-days-list .report-column {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .children-reports-index #report-page-content .segment.report-days-list .report-column {
        font-size:17px
    }
}

.children-reports-index #report-page-content .segment.report-days-list .report-column.date {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px
}

@media (min-width: 385px) {
    .children-reports-index #report-page-content .segment.report-days-list .report-column.date {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .children-reports-index #report-page-content .segment.report-days-list .report-column.date {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .children-reports-index #report-page-content .segment.report-days-list .report-column.date {
        font-size:17px
    }
}

.children-reports-index #report-page-content .segment.report-days-list .report-column.maintenance-allowance,.children-reports-index #report-page-content .segment.report-days-list .report-column.comments {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    .children-reports-index #report-page-content .segment.report-days-list .report-column.maintenance-allowance,.children-reports-index #report-page-content .segment.report-days-list .report-column.comments {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .children-reports-index #report-page-content .segment.report-days-list .report-column.maintenance-allowance,.children-reports-index #report-page-content .segment.report-days-list .report-column.comments {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .children-reports-index #report-page-content .segment.report-days-list .report-column.maintenance-allowance,.children-reports-index #report-page-content .segment.report-days-list .report-column.comments {
        font-size:16px
    }
}

.children-reports-index #report-page-content .segment.report-days-list .report-column.maintenance-allowance a,.children-reports-index #report-page-content .segment.report-days-list .report-column.comments a {
    color: #374d5b
}

.children-reports-index #report-page-content .segment.report-days-list .report-column.time-meals {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

@media (min-width: 768px) {
    .children-reports-index #report-page-content .segment.report-days-list .report-column.time-meals {
        gap:8px
    }
}

@media (max-width: 767.98px) {
    .children-reports-index #report-page-content .segment.report-days-list .accordion-item--active .report-column.time-meals {
        display:none
    }
}

.children-reports-index #report-page-content .report-container {
    padding-left: 16px
}

.children-reports-index #report-page-content .report-container table td {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    vertical-align: middle
}

@media (min-width: 385px) {
    .children-reports-index #report-page-content .report-container table td {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .children-reports-index #report-page-content .report-container table td {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .children-reports-index #report-page-content .report-container table td {
        font-size:16px
    }
}

.children-reports-index #report-page-content .report-container table td:first-child {
    width: 40%
}

.children-reports-index .report-month__magic-wand-mobile {
    position: relative;
    z-index: 10;
    margin-bottom: 12px;
    float: right;
    margin-top: -58px
}

@media only screen and (min-width: 560px) and (max-width: 610px) {
    .children-reports-index .report-month__magic-wand-mobile {
        margin-top:0px
    }
}

@media (min-width: 768px) {
    .children-reports-index .report-month__magic-wand-mobile {
        margin-right:1.25rem;
        margin-top: -72px
    }
}

@media (min-width: 992px) {
    .children-reports-index .report-month__magic-wand-mobile {
        display:none
    }
}

.children-reports-index .report-accordion__line {
    padding: 15px 0
}

.children-reports-index .report-accordion__line:not(:last-child) {
    border-bottom: 1px solid #ebedef
}

.children-reports-index .report-accordion__line-icon {
    margin-right: 5px;
    margin-left: 5px
}

@media (min-width: 992px) {
    .children-reports-index .report-accordion__line-icon {
        display:none
    }
}

.children-reports-index .report-accordion__line-icon--opened {
    display: none
}

body.children-payslips-index .payslips__header {
    font-weight: bold
}

body.children-payslips-index .payslips__header .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px
}

@media (min-width: 385px) {
    body.children-payslips-index .payslips__header .title {
        font-size:15px;
        margin-bottom: 1rem
    }
}

body.child-payslip-show .line-item {
    align-items: center
}

body.child-payslip-show #payslips_list .nav-link {
    min-width: 220px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

body.child-payslip-show #payslips_list .nav-link.active .status {
    margin-right: 0;
    color: white
}

body.child-payslip-show turbo-frame[busy] .dimmer {
    visibility: inherit
}

body.child-payslip-show .child-payslip-show__title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px
}

@media (min-width: 385px) {
    body.child-payslip-show .child-payslip-show__title {
        font-size:15px;
        margin-bottom: 1rem
    }
}

@media (min-width: 768px) {
    body.child-payslip-show .child-payslip-show__title {
        margin-left:1.5rem
    }
}

@media (min-width: 992px) {
    body.child-payslip-show .child-payslip-show__title {
        margin-left:2rem
    }
}

body.child-payslip-show #payslip-not-validatable-reasons .segment {
    background-color: #374d5b;
    border-color: #5f707c;
    color: white
}

body.child-payslip-show #payslip-other-actions {
    color: #5f707c
}

body.child-payslip-show .modal #contract-vacations-list .line-item {
    align-items: center
}

body.child-payslip-show .modal #contract-vacations-list .line-item .label {
    width: 30%
}

body.child-payslip-show .modal #contract-vacations-list .line-item .field {
    width: 60%;
    font-size: 14px !important
}

body.child-payslip-show .modal #contract-vacations-list .line-item .field .contract_vacation_kind {
    display: flex;
    justify-content: right
}

body.child-payslip-show .modal #contract-vacations-list .line-item .field .contract_vacation_kind select {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    width: auto;
    text-align: right
}

@media (min-width: 385px) {
    body.child-payslip-show .modal #contract-vacations-list .line-item .field .contract_vacation_kind select {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.child-payslip-show .modal #contract-vacations-list .line-item .field .contract_vacation_kind select {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.child-payslip-show .modal #contract-vacations-list .line-item .field .contract_vacation_kind select {
        font-size:16px
    }
}

body.child-payslip-show .modal #contract-vacations-list .line-item .info {
    width: 10%
}

body.child-payslip-show .accordion #contract-vacations-list .line-item .label {
    width: 40% !important
}

body.child-payslip-show .accordion #contract-vacations-list .line-item .field {
    width: 50% !important;
    text-align: right
}

body.child-payslip-show .accordion .payslip__param-form h3 {
    display: flex;
    justify-content: space-between;
    width: 100%
}

body.child-payslip-show .modal .payslip__param-form .line-item {
    align-items: center
}

body.child-payslip-show .modal .payslip__param-form .line-item .label {
    width: 55% !important
}

body.child-payslip-show .modal .payslip__param-form .line-item .field {
    width: 35% !important
}

body.child-payslip-show .payslip__param-form .line-item.payslip_fee .label {
    width: 40% !important
}

body.child-payslip-show .payslip__param-form .line-item.payslip_fee .field {
    display: flex;
    width: 55% !important;
    justify-content: end
}

body.child-payslip-show .child-payslip-show-content .accordion .accordion-item .accordion-button::after {
    border-color: #2DA3ED
}

body.child-payslip-show #payslip-summary-content>.accordion>.accordion-item>.accordion-header>.accordion-button::after {
    align-self: last baseline
}

body.child-payslip-show #payslip-summary-content .category {
    margin-bottom: 15px
}

body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-header>.accordion-button {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-header>.accordion-button .content {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px
}

@media (min-width: 385px) {
    body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-header>.accordion-button .content {
        font-size:17px
    }
}

@media (min-width: 768px) {
    body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-header>.accordion-button .content {
        font-size:16px
    }
}

@media (min-width: 992px) {
    body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-header>.accordion-button .content {
        font-size:17px
    }
}

body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-header>.accordion-button .end {
    text-align: right;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold
}

@media (min-width: 385px) {
    body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-header>.accordion-button .end {
        font-size:17px
    }
}

@media (min-width: 768px) {
    body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-header>.accordion-button .end {
        font-size:16px
    }
}

@media (min-width: 992px) {
    body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-header>.accordion-button .end {
        font-size:17px
    }
}

body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-header>.accordion-button .end .description {
    color: #9ba6ad;
    font-size: 16px;
    font-weight: normal
}

body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-collapse>.accordion-body {
    padding-left: 0;
    padding-right: 0
}

body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-collapse>.accordion-body .line-item {
    margin-top: 8px
}

body.child-payslip-show #payslip-summary-content .category>.accordion>.accordion-item>.accordion-collapse>.accordion-body .line-item .label:before {
    content: '•';
    margin-right: 6px
}

body.child-payslip-show #payslip-summary-content .line-item--subtotal .label {
    color: #052032
}

body.child-payslip-show #payslip-summary-content .line-item--total .label {
    color: #052032;
    font-size: 20px
}

@media (min-width: 992px) {
    body.child-payslip-show #payslip-summary-content .line-item--total .label {
        font-size:24px
    }
}

@media (min-width: 992px) {
    body.child-payslip-show #payslip-summary-content .line-item--total .field .tag {
        font-size:24px
    }
}

body.child-payslip-show .toggle-parameters:empty::after {
    content: 'modifier'
}

.declaration-pajemploi #page-content {
    margin-top: 20px
}

.declaration-pajemploi table {
    width: 100%
}

.declaration-pajemploi table th {
    text-align: left;
    font-weight: normal
}

.declaration-pajemploi table tr.gray {
    background-color: #f9f9f9
}

.declaration-pajemploi table td {
    vertical-align: top
}

.declaration-pajemploi table td.uppercase,.declaration-pajemploi table th.uppercase {
    text-transform: uppercase
}

@media (min-width: 520px) {
    .declaration-pajemploi table tr td:nth-child(2) {
        text-align:right
    }
}

.declaration-pajemploi table.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.declaration-pajemploi table.table-striped-alt>thead>tr,.declaration-pajemploi table.table-striped-alt>tbody>tr:nth-of-type(even) {
    background-color: #f9f9f9
}

.declaration-pajemploi table.table--pajemploi {
    width: 100%;
    background: #FFFFFF;
    margin: auto;
    border-collapse: collapse
}

.declaration-pajemploi table.table--pajemploi span.note-number {
    margin-left: 5px
}

.declaration-pajemploi table.table--pajemploi tr.title {
    background: #AC92F5;
    color: #333;
    font-weight: bold
}

.declaration-pajemploi table.table--pajemploi td {
    vertical-align: middle;
    padding: 2px;
    font-size: 14px
}

@media (min-width: 768px) {
    .declaration-pajemploi table.table--pajemploi td {
        font-size:16px
    }
}

.declaration-pajemploi table.table--pajemploi td:first-child {
    width: 60%
}

.declaration-pajemploi table.table--pajemploi td:nth-child(2) {
    min-width: 120px
}

.declaration-pajemploi table.table--pajemploi td.info {
    width: 30px
}

.declaration-pajemploi table.table--pajemploi td .note {
    color: #5f707c;
    font-size: 14px;
    font-style: italic
}

@media (max-width: 519.98px) {
    .declaration-pajemploi table.table--pajemploi tr {
        display:block;
        border-top: 1px solid #CCC
    }

    .declaration-pajemploi table.table--pajemploi tr.title {
        margin-top: 20px
    }

    .declaration-pajemploi table.table--pajemploi td {
        border: none;
        display: inline-block
    }

    .declaration-pajemploi table.table--pajemploi td:first-child {
        width: 100%;
        display: block
    }
}

.declaration-pajemploi .pajemploi-select-tag,.declaration-pajemploi .pajemploi-input {
    margin-left: 5px;
    position: relative;
    display: inline-block;
    padding-left: 2px;
    background: #CCC
}

.declaration-pajemploi .pajemploi-input {
    text-align: left;
    border: 1px solid #AC92F5;
    width: 40px
}

.declaration-pajemploi .pajemploi-select-tag {
    margin-right: 5px;
    padding-right: 25px;
    border-top: 1px solid #AC92F5;
    border-bottom: 1px solid #AC92F5;
    border-left: 1px solid #AC92F5;
    box-shadow: 0px 0px 0px 1px #AAA
}

.declaration-pajemploi .pajemploi-select-tag:after {
    text-align: center;
    padding: 0px 3px;
    position: absolute;
    right: 0px;
    top: -1px;
    content: '▼';
    width: 20px;
    display: block;
    background: #CCC;
    border-top: 1px solid #AC92F5;
    border-bottom: 1px solid #AC92F5;
    border-right: 1px solid #AC92F5
}

.declaration-pajemploi .pajemploi-yes-no-radio {
    display: inline-block
}

.declaration-pajemploi .pajemploi-yes-no-radio .radio {
    display: inline-block;
    margin-right: 10px
}

.declaration-pajemploi .pajemploi-yes-no-radio .radio input {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

.declaration-pajemploi .pajemploi-checkbox {
    display: block;
    margin-left: 5px
}

.declaration-pajemploi .pajemploi-checkbox input {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

#topassmat-checks {
    margin-top: 10px
}

#topassmat-checks tbody tr {
    border: none;
    box-shadow: none
}

#topassmat-checks tbody tr td {
    border: none;
    padding: 15px;
    width: 450px;
    font-weight: normal !important
}

#topassmat-checks tbody tr td.left {
    padding-right: 25px
}

#topassmat-checks tbody tr td.right {
    padding-left: 25px
}

#topassmat-checks .title {
    position: relative;
    margin-bottom: 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

#topassmat-checks .title .tag {
    margin-left: 10px
}

@media (max-width: 519.98px) {
    #topassmat-checks tr,#topassmat-checks td {
        display:block;
        padding: 0 !important;
        width: 100% !important
    }

    #topassmat-checks td {
        margin-bottom: 30px
    }
}

table.pajemploi-details {
    background: #FFFFFF;
    margin: auto;
    margin-top: 20px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    text-align: center
}

table.pajemploi-details tr.title {
    background: #CCC;
    color: #333;
    text-transform: uppercase;
    font-weight: bold
}

table.pajemploi-details tr:not(:last-child) td {
    border-collapse: collapse;
    border-bottom: 1px solid #CCC
}

table.pajemploi-details p.explanations {
    text-align: left
}

table.pajemploi-details p.explanations:not(:first-child) {
    margin-top: 20px
}

body.children-details .child-show__title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px
}

@media (min-width: 385px) {
    body.children-details .child-show__title {
        font-size:15px;
        margin-bottom: 1rem
    }
}

@media (min-width: 768px) {
    body.children-details .child-show__title {
        margin-left:1.5rem
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    body.children-details .child-show__title {
        margin-left:2rem
    }
}

body.children-details .child-show .segment.informations .item {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 25px
}

@media (min-width: 385px) {
    body.children-details .child-show .segment.informations .item {
        font-size:17px
    }
}

@media (min-width: 768px) {
    body.children-details .child-show .segment.informations .item {
        font-size:16px
    }
}

@media (min-width: 992px) {
    body.children-details .child-show .segment.informations .item {
        font-size:17px
    }
}

body.children-details .child-show .segment.informations .item svg.icon {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    margin-right: 10px
}

body.children-details .child-show .segment.informations .item.title {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold
}

@media (min-width: 385px) {
    body.children-details .child-show .segment.informations .item.title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    body.children-details .child-show .segment.informations .item.title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    body.children-details .child-show .segment.informations .item.title {
        font-size:17px
    }
}

body.children-details .child-show .segment.informations .item.title svg {
    position: initial;
    height: 18px;
    width: 18px;
    margin-right: 0
}

body.children-details .child-show .segment .timeline__container {
    display: flex;
    flex-direction: column
}

body.children-details .child-show .segment .timeline__container .contract__buttons {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

body.children-details .child-show .segment .timeline__container .contract__buttons .btn:first-child {
    margin-right: 6px;
    margin-bottom: 6px
}

body.child-vacations .calendar__table.table {
    border-collapse: separate;
    border-spacing: 0px
}

body.child-vacations .calendar__table.table tbody tr td {
    border-top: 2px solid white;
    border-bottom: 2px solid white
}

body.child-vacations .calendar__table.table tbody tr td:not(.legend):after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 90%;
    top: 5%;
    left: 0
}

body.child-vacations .calendar__table.table tbody tr td.child-absence:after {
    background: #EA93A3
}

body.child-vacations .calendar__table.table tbody tr td.child-absence span {
    color: white
}

body.child-vacations .calendar__table.table tbody tr td.childminder-absence:after,body.child-vacations .calendar__table.table tbody tr td.schedule-not-worked:after {
    background: #2DA3ED
}

body.child-vacations .calendar__table.table tbody tr td.childminder-absence span,body.child-vacations .calendar__table.table tbody tr td.schedule-not-worked span {
    color: white
}

body.child-vacations .calendar__table.table tbody tr td.child-absence:nth-child(2):after,body.child-vacations .calendar__table.table tbody tr td.childminder-absence:nth-child(2):after,body.child-vacations .calendar__table.table tbody tr td.schedule-not-worked:nth-child(2):after {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

body.child-vacations .calendar__table.table tbody tr td.child-absence:last-child:after,body.child-vacations .calendar__table.table tbody tr td.childminder-absence:last-child:after,body.child-vacations .calendar__table.table tbody tr td.schedule-not-worked:last-child:after {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

body.child-vacations .calendar__table.table tbody tr td.public-holiday:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    content: "";
    opacity: 0.5;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, #1DCB8C 2px, #1DCB8C 4px)
}

body.child-vacations .calendar__table.table tbody tr td.vacation span {
    color: #FFF;
    background: #F7B844;
    border-radius: 50%
}

body.child-vacations .calendar__table.table tbody tr td.vacation-training span {
    background: #9074E0
}

body.child-vacations .calendar__table.table tbody tr td.vacation-sick span,body.child-vacations .calendar__table.table tbody tr td.vacation-work-accident span {
    background: #E84D67
}

body.child-vacations .calendar__table.table tbody tr td.vacation-sick-covid span {
    background: #ed7185
}

body.child-vacations .calendar__table.table tbody tr td.vacation-classic span {
    background: #1DCB8C
}

body.child-vacations .calendar__table.table tbody tr td.school-vacation {
    background: #fce3b4;
    border-top: 2px solid #fce3b4;
    border-bottom: 2px solid #fce3b4
}

body.child-vacations .calendar__table.table tbody tr td.day:hover:after {
    background-color: var(--app-background, #E5F0F6) !important
}

body.child-vacations .calendar__table.table tbody tr td.day:hover span {
    text-decoration: underline
}

body.child-vacations .popover-content__action ul {
    list-style-type: none
}

body.child-vacations .popover-content__action ul li::before {
    display: block;
    position: absolute;
    border-radius: 4px;
    margin-left: -29px;
    margin-top: 2px;
    content: "";
    width: 20px;
    height: 20px
}

body.child-vacations .popover-content__action ul li.school-vacation::before {
    background: #fce3b4;
    border-top: 2px solid #fce3b4;
    border-bottom: 2px solid #fce3b4
}

body.child-vacations .popover-content__action ul li.public-holiday::before {
    opacity: 0.5;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, #1DCB8C 2px, #1DCB8C 4px)
}

body.child-vacations .popover-content__action ul li.vacation::before {
    background: #F7B844;
    border-radius: 50%
}

body.child-vacations .popover-content__action ul li.vacation.vacation-training::before {
    background: #9074E0
}

body.child-vacations .popover-content__action ul li.vacation.vacation-sick::before,body.child-vacations .popover-content__action ul li.vacation.vacation-work-accident::before {
    background: #E84D67
}

body.child-vacations .popover-content__action ul li.vacation.vacation-sick-covid::before {
    background: #ed7185
}

body.child-vacations .popover-content__action ul li.vacation.vacation-classic::before {
    background: #1DCB8C
}

.vacation-form .row.propagate-week .inline.fields {
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 0
}

.vacation-form #vacation-reason {
    margin-top: 20px
}

@media (max-width: 519.98px) {
    body.child-weekly-attendance .calendar-segment {
        padding-top:0;
        padding-bottom: 0
    }
}

body.design-system .table-icons td {
    height: 70px;
    width: 100px
}

body.design-system .table-icons td svg {
    margin-bottom: 10px
}

body.design-system .table-icons--size-12 svg {
    height: 12px;
    width: 12px
}

body.design-system .table-icons--size-16 svg {
    height: 16px;
    width: 16px
}

body.design-system .table-icons--size-24 svg {
    height: 24px;
    width: 24px
}

body.design-system .color-sample {
    height: 100px;
    margin-bottom: 100px;
    border: 1px solid white
}

body.design-system .color-sample.main-color {
    background: #1b4159
}

body.design-system .color-sample.yellow {
    background: #e5e171
}

body.design-system .color-sample.light-gray {
    background: #F5F5F5
}

body.design-system .color-sample.red {
    background: #E84D67
}

body.design-system .color-sample.red-80 {
    background: #ed7185
}

body.design-system .color-sample.red-64 {
    background: #f08d9e
}

body.design-system .color-sample.red-24 {
    background: #f9d4db
}

body.design-system .color-sample.red-16 {
    background: #fbe3e7
}

body.design-system .color-sample.light-red {
    background: #fff0f0
}

body.design-system .color-sample.blue {
    background: #2DA3ED
}

body.design-system .color-sample.blue-80 {
    background: #57b5f1
}

body.design-system .color-sample.blue-64 {
    background: #79c4f3
}

body.design-system .color-sample.blue-16 {
    background: #ddf0fc
}

body.design-system .color-sample.blue-8 {
    background: #eef8fe
}

body.design-system .color-sample.orange {
    background: #F7B844
}

body.design-system .color-sample.orange-40 {
    background: #fce3b4
}

body.design-system .color-sample.orange-24 {
    background: #fdeed2
}

body.design-system .color-sample.light-orange {
    background: #FCF6E8
}

body.design-system .color-sample.green {
    background: #1DCB8C
}

body.design-system .color-sample.green-24 {
    background: #c9f3e3
}

body.design-system .color-sample.light-green {
    background: #f0fef4
}

body.design-system .color-sample.pink {
    background: #EA93A3
}

body.design-system .color-sample.pink-24 {
    background: #f6d3e7
}

body.design-system .color-sample.light-pink {
    background: #FDF0F7
}

body.design-system .color-sample.purple {
    background: #9074E0
}

body.design-system .color-sample.purple-24 {
    background: #d6d5e3
}

body.design-system .color-sample.light-purple {
    background: #F0EDFC
}

body.design-system .color-sample.teal {
    background: #2FCFC8
}

body.design-system .color-sample.teal-24 {
    background: #c2edeb
}

body.design-system .color-sample.light-teal {
    background: #EBFFFB
}

body.design-system .color-sample.grey {
    background: #052032
}

body.design-system .color-sample.grey-80 {
    background: #374d5b
}

body.design-system .color-sample.grey-64 {
    background: #5f707c
}

body.design-system .color-sample.grey-40 {
    background: #9ba6ad
}

body.design-system .color-sample.grey-16 {
    background: #d7dbde
}

body.design-system .color-sample.grey-8 {
    background: #ebedef
}

body.functionalities .functionality__title {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

body.functionalities .functionality__title svg {
    height: 80px;
    width: 80px;
    color: #2DA3ED;
    margin-right: 16px
}

body.functionalities .functionality__title .content {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px
}

@media (min-width: 385px) {
    body.functionalities .functionality__title .content {
        font-size:17px
    }
}

@media (min-width: 768px) {
    body.functionalities .functionality__title .content {
        font-size:16px
    }
}

@media (min-width: 992px) {
    body.functionalities .functionality__title .content {
        font-size:17px
    }
}

body.home-index .home-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
    padding-top: 20px;
    margin-top: -30px;
    flex-wrap: wrap;
    gap: 30px
}

@media (min-width: 768px) {
    body.home-index .home-header {
        margin-bottom:40px;
        margin-top: -60px
    }
}

body.home-index .home-header__left {
    display: flex;
    align-items: center
}

body.home-index .home-header__left .illustration {
    width: 90px;
    margin-right: 16px
}

@media (min-width: 385px) {
    body.home-index .home-header__left .illustration {
        width:110px
    }
}

@media (min-width: 520px) {
    body.home-index .home-header__left .illustration {
        margin-right:32px;
        width: 130px
    }
}

@media (min-width: 768px) {
    body.home-index .home-header__left .illustration {
        width:140px
    }
}

@media (min-width: 768px) {
    body.home-index .home-header__content h1 {
        position:relative;
        display: inline;
        z-index: 2
    }

    body.home-index .home-header__content h1::before {
        z-index: -1;
        content: '';
        position: absolute;
        left: -5px;
        width: calc(100% + 10px);
        border-radius: 4px;
        background: var(--universe-color, #2DA3ED);
        height: 8px;
        bottom: 7px;
        opacity: 0.5
    }
}

body.home-index .listing-block {
    border-top: 1px solid #ebedef;
    padding: 12px 0
}

body.home-index .listing-block--first-displayed {
    border-top: none
}

body.home-index .listing-block .listing {
    display: flex;
    gap: 12px
}

@media (min-width: 992px) {
    body.home-index .listing-block .listing {
        gap:16px
    }
}

body.home-index .listing-block .listing .icon-circle-background {
    flex-shrink: 0
}

body.home-index .listing-block .listing .main {
    display: flex;
    gap: 12px;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

body.home-index .listing-block .listing .main .content {
    flex-shrink: 1;
    flex-grow: 1
}

body.home-index .listing-block .listing .main .content .title {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    body.home-index .listing-block .listing .main .content .title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    body.home-index .listing-block .listing .main .content .title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    body.home-index .listing-block .listing .main .content .title {
        font-size:17px
    }
}

@media (min-width: 520px) {
    body.home-index .listing-block .listing .main .content .title {
        font-size:16px
    }
}

body.home-index .listing-block .listing .main .content .description {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #5f707c;
    max-width: 400px
}

@media (min-width: 385px) {
    body.home-index .listing-block .listing .main .content .description {
        font-size:14px
    }
}

@media (min-width: 768px) {
    body.home-index .listing-block .listing .main .content .description {
        font-size:13px
    }
}

@media (min-width: 992px) {
    body.home-index .listing-block .listing .main .content .description {
        font-size:14px
    }
}

body.home-index .listing-block .listing .main .actions {
    flex-shrink: 0;
    gap: 16px;
    display: flex;
    align-items: center;
    margin-left: auto
}

body.home-index .listing-block .listing .main .actions .action--icon svg {
    color: #374d5b
}

body.home-index .listing-block .listing--disabled .main .content .title,body.home-index .listing-block .listing--disabled .main .content .description {
    color: #9ba6ad
}

.install-app__with-prompt-btn {
    display: none
}

.install-app__with-prompt-btn--active {
    display: inherit
}

.install-app__without-prompt {
    display: none
}

.install-app__without-prompt--active {
    display: inherit
}

@media (min-width: 768px) {
    body.interviews .interview_resume {
        margin-right:200px
    }
}

body.interviews .interview_content {
    position: relative
}

body.interviews .interview_content h3 {
    margin-top: 50px
}

body.interviews .interview_content img.illustration {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    body.interviews .interview_content img.illustration {
        float:unset;
        position: absolute;
        right: 0;
        top: -150px
    }
}

.journeys-tool__propagation-select {
    display: none;
    padding: 0;
    margin-bottom: 10px
}

.journeys-tool__propagation-select th {
    font-size: 14px
}

.journeys-tool__propagation-select td {
    font-size: 14px;
    width: 14%;
    height: 40px
}

.journeys-tool__propagation-select td.out-of-month {
    background-color: #ebedef
}

.journeys-tool__propagation-select td.toggleable-day {
    cursor: pointer
}

.journeys-tool__propagation-select td.toggleable-day:hover {
    background-color: #F5F5F5
}

.journeys-tool__propagation-select td.toggleable-day.active {
    background-color: #2DA3ED !important;
    color: white !important;
    font-weight: bold
}

.journeys-tool__propagation-select td.toggleable-day input[type='checkbox'] {
    display: none
}

.journeys-tool__km-cost-help-icon {
    margin-left: 10px;
    color: #2DA3ED;
    cursor: pointer
}

.journeys-tool__km-cost-help-content {
    display: none;
    background: #eef8fe;
    margin-left: -16px;
    margin-right: -16px;
    padding: 15px
}

.journeys-list__element-content {
    display: flex;
    align-items: center;
    flex-direction: column
}

@media (min-width: 768px) {
    .journeys-list__element-content {
        flex-direction:row
    }
}

.journeys-list__element-distance {
    font-size: 36px;
    color: #9ba6ad;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .journeys-list__element-distance {
        margin-right:50px;
        margin-bottom: unset
    }
}

.journeys-list__element-child-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.journeys-list__element-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
    max-width: 75px
}

@media (min-width: 768px) {
    .journeys-list__element-child {
        margin-bottom:unset
    }
}

.journeys-list__element-child:not(:last-child) {
    margin-right: 15px
}

.journeys-list__element-child .name {
    font-size: 12px
}

.journeys-list__element-child-extra {
    font-size: 30px;
    margin-left: 25px;
    color: #2DA3ED
}

.advanced_mam_list {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto
}

.advanced_mam_list .item {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-bottom: 8px
}

@media (min-width: 385px) {
    .advanced_mam_list .item {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .advanced_mam_list .item {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .advanced_mam_list .item {
        font-size:17px
    }
}

.advanced_mam_list .item svg.icon_check,.advanced_mam_list .item svg.icon_close {
    margin-right: 10px;
    margin-top: 5px
}

.advanced_mam_list .item .text {
    padding-right: 25px
}

.advanced_mam_list .item .help-icon {
    position: absolute;
    top: -8px;
    right: -8px
}

#weeks-edit.modal .help-notice {
    margin-top: 0px
}

#weeks-edit.modal .page-action-header {
    display: inline-flex;
    width: auto;
    background: none
}

@media (min-width: 768px) {
    #weeks-edit.modal .page-action-header .page-action-header__date {
        font-size:22px
    }
}

@media (max-width: 519.98px) {
    #weeks-edit.modal .calendar-segment {
        overflow:visible
    }

    #weeks-edit.modal .calendar-segment .fc {
        margin-left: -1rem;
        margin-right: -1rem;
        width: calc(100% + 2rem)
    }
}

#weeks-edit.modal .buttons-group {
    margin-top: 16px
}

#weeks-edit.modal .calendar-segment .timerange-calendar {
    min-height: 400px
}

#weeks-edit.modal .calendar-segment .timesheets-resume.fc .inner-resume td {
    border-style: dotted;
    border-width: 1px;
    border-color: #2DA3ED
}

#weeks-edit.modal .calendar-segment .timesheets-resume.fc .inner-resume td.first {
    border-width: 0
}

@media (min-width: 768px) {
    #weeks-edit.modal .calendar-segment .timesheets-resume.fc .inner-resume td.first {
        width:25.5px
    }
}

@media (max-width: 767.98px) {
    #weeks-edit.modal .calendar-segment .timesheets-resume.fc .inner-resume td.first {
        width:18.5px
    }
}

.notification-setting .toggle-wrapper {
    position: relative
}

.notification-setting input.form-check-input {
    float: none !important
}

.notification-setting .notification_type svg {
    width: 30px;
    height: 30px
}

.notification-setting__spinner {
    display: none;
    color: #2DA3ED
}

.notification-setting__click-blocker {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.notification-setting__birthday-notification-setting--hidden {
    display: none
}

.push-notification-incompatible,.push-notification-not-subscribed {
    display: none
}

body.planning-page .planning-page-content .accordion-button {
    flex-flow: row-reverse
}

body.planning-page .planning-page-content .accordion-button .title {
    margin-left: 20px;
    display: block !important
}

body.planning-page .planning-page-content__month-title {
    display: none
}

@media (min-width: 768px) {
    body.planning-page .planning-page-content__month-title {
        display:block
    }
}

body.planning-page .planning-page-content__month-title .segment {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

body.planning-page .planning-page-content__month-title .segment .accordion-button {
    cursor: auto
}

body.planning-page .planning-page-content__month-title .segment .accordion-button::after {
    background-image: none
}

body.planning-page .planning-page-content__month-title .segment .accordion-body {
    display: none !important
}

@media (max-width: 991.98px) {
    body.planning-page .planning-page-content .accordion-header .accordion-button::after {
        align-self:first baseline
    }
}

body.planning-page .planning-page-content .accordion-button:not(.collapsed) .planning-section__title__details {
    font-weight: bold
}

body.planning-page .planning-page-content .accordion-body .planning-section__content {
    margin-bottom: 15px;
    margin-left: 44px
}

body.planning-page .planning-page-content .planning-section__content {
    align-items: center
}

body.planning-page .planning-page-content .planning-section__content__title {
    display: flex;
    align-items: center
}

body.planning-page .planning-page-content .planning-section__content__title .name {
    margin-left: 10px;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500
}

@media (min-width: 385px) {
    body.planning-page .planning-page-content .planning-section__content__title .name {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.planning-page .planning-page-content .planning-section__content__title .name {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.planning-page .planning-page-content .planning-section__content__title .name {
        font-size:16px
    }
}

body.planning-page .planning-page-content .planning-section__content__title .max-children {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #5f707c
}

body.planning-page .planning-page-content .planning-section__content__max-children {
    flex-shrink: 0
}

body.planning-page .planning-page-content .planning-section__content__max-children .tag {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif
}

body.planning-page .planning-page-content .planning-section__content__meals {
    display: flex
}

body.planning-page .planning-page-content .planning-section__content__time {
    align-self: center;
    color: #374d5b;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    body.planning-page .planning-page-content .planning-section__content__time {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.planning-page .planning-page-content .planning-section__content__time {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.planning-page .planning-page-content .planning-section__content__time {
        font-size:16px
    }
}

body.planning-page .planning-page-content .planning-section__content__time .timerange .timerange-separator {
    margin: 0 5px 0 0
}

body.planning-page .planning-page-content .planning-section__content__time .timerange .time {
    display: inline-block
}

body.planning-page .planning-page-content .planning-section__content__time .timerange--empty {
    color: #9ba6ad
}

body.planning-page .planning-page-content .planning-section__content__time .timerange--empty .time {
    padding-right: 5px;
    text-align: center !important
}

body.planning-page .planning-page-content .planning-section__content__time .duration {
    margin-left: 10px;
    font-size: 12px;
    color: #9ba6ad
}

body.planning-page .planning-page-content .planning-section__content__meals {
    align-items: flex-start;
    gap: 8px
}

body.planning-page .planning-page-content .planning-section__content__meals .tag {
    font-size: 16px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 60px;
    flex-shrink: 0
}

body.planning-page .planning-page-content .planning-section__content__meals .tag .meal_count.with-meals {
    font-weight: bold
}

body.planning-page .planning-page-content .planning-section__content__meals .tag .meal_count.without-meals {
    font-weight: normal
}

body.planning-page #planning__download-form img.planning__simple,body.planning-page #planning__download-form img.planning__advanced {
    width: 100%;
    max-width: 450px
}

body.press .segment .article-logo {
    text-align: center
}

body.press .segment .article-logo img {
    max-width: 100%;
    max-height: 200px;
    width: auto
}

#slickQuiz .nextQuestion,#slickQuiz .backToQuestion,#slickQuiz .questions li.question,#slickQuiz .questions li.question .responses,#slickQuiz .questions li.question .responses .correct,#slickQuiz .questions li.question .responses .incorrect,#slickQuiz .quizResults {
    display: none
}

#slickQuiz .nextQuestion.checkAnswer {
    display: block
}

#slickQuiz ol.questions>li,#slickQuiz ul.answers>li,#slickQuiz ul.responses>li {
    list-style-type: none
}

#slickQuiz .alert {
    margin-top: 30px
}

#slickQuiz .alert svg.tool {
    float: right;
    max-width: 80px;
    height: 80px
}

#slickQuiz .quizHeader {
    text-align: center
}

#slickQuiz .questionCount {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px
}

@media (min-width: 385px) {
    #slickQuiz .questionCount {
        font-size:15px;
        margin-bottom: 1rem
    }
}

#slickQuiz .questionCount span {
    font-weight: bold
}

#slickQuiz ol.questions {
    margin: 0;
    padding: 0
}

#slickQuiz ol.questions .question {
    text-align: center
}

#slickQuiz ol.questions .question>h3 {
    font-weight: bold;
    max-width: 600px;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 20px
}

#slickQuiz ol.questions .question ul.answers {
    max-width: 500px;
    margin: auto;
    text-align: left;
    margin-bottom: 40px;
    padding: 0
}

#slickQuiz ol.questions .question ul.answers li {
    margin-bottom: 20px
}

#slickQuiz ol.questions .question ul.answers li input {
    margin-right: 10px
}

#slickQuiz ol.questions .question ul.answers li.checked.correct .text label,#slickQuiz ol.questions .question ul.answers li.checked.incorrect .text label {
    color: white;
    font-weight: bold
}

#slickQuiz ol.questions .question ul.answers li.checked.correct .radio,#slickQuiz ol.questions .question ul.answers li.checked.incorrect .radio {
    border-color: white
}

#slickQuiz ol.questions .question ul.answers li.checked.correct {
    border-color: #8AC43B;
    background: #8AC43B
}

#slickQuiz ol.questions .question ul.answers li.checked.incorrect {
    border-color: #E84D67;
    background: #E84D67
}

#slickQuiz ol.questions .question ul.answers li.unchecked.correct {
    border-color: #8AC43B
}

#slickQuiz ol.questions .question ul.answers li.unchecked.correct .radio {
    border-color: #8AC43B
}

#slickQuiz ol.questions .question ul.answers li.unchecked.correct .text label {
    font-weight: bold
}

#slickQuiz ol.questions .question ul.responses {
    margin-bottom: 40px;
    padding: 0
}

#slickQuiz .help-notice {
    text-align: left
}

#slickQuiz .help-notice ul,#slickQuiz .help-notice li {
    list-style-type: disc
}

#slickQuiz .help-notice img.pull-right {
    float: right;
    margin-left: 15px
}

#slickQuiz .quizScore {
    margin-bottom: 20px
}

#slickQuiz .quizScore span.score,#slickQuiz .quizScore span.total {
    font-weight: bold
}

body.referral .segment.explanation {
    display: flex;
    justify-content: space-between
}

body.referral .segment.explanation img {
    width: 80px;
    margin-left: 10px
}

@media (min-width: 768px) {
    body.referral .segment.explanation img {
        width:110px
    }
}

body.reviews .menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    flex-wrap: wrap;
    margin-top: -30px
}

body.reviews .menu-header .content,body.reviews .menu-header .selection {
    margin-top: 30px
}

body.reviews .menu-header .content {
    margin-right: 20px;
    display: flex;
    align-items: center
}

body.reviews .menu-header .content img {
    height: 40px;
    margin-right: 12px
}

@media (min-width: 768px) {
    body.reviews .menu-header .content img {
        height:50px
    }
}

body.reviews .menu-header .content .text-content {
    margin-left: 12px
}

@media (min-width: 768px) {
    body.reviews .menu-header .content .text-content {
        margin-left:20px
    }
}

body.reviews .menu-header .content .text-content .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #052032;
    line-height: 24px
}

@media (min-width: 385px) {
    body.reviews .menu-header .content .text-content .title {
        font-size:24px;
        line-height: 26px
    }
}

@media (min-width: 768px) {
    body.reviews .menu-header .content .text-content .title {
        font-size:26px;
        line-height: 28px
    }
}

@media (min-width: 992px) {
    body.reviews .menu-header .content .text-content .title {
        font-size:28px;
        line-height: 30px
    }
}

body.reviews .reviews-explanations {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding-left: 20px;
    border-left: 5px solid #2DA3ED;
    margin-bottom: 30px
}

@media (min-width: 385px) {
    body.reviews .reviews-explanations {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.reviews .reviews-explanations {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.reviews .reviews-explanations {
        font-size:16px
    }
}

body.reviews .review {
    overflow: hidden;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 520px) {
    body.reviews .review {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

@media (min-width: 520px) {
    body.reviews .review {
        border-radius:12px
    }
}

body.reviews .review img {
    position: relative;
    top: -1px;
    height: auto;
    padding-bottom: 10px;
    background: #FFF;
    width: 100%
}

.subscription-cancellation-form__element {
    border-radius: 12px;
    background-color: white;
    overflow: hidden
}

.subscription-cancellation-form__element:not(:last-child) {
    margin-bottom: 50px
}

.subscription-cancellation-form__element--checked {
    box-shadow: 0 0 0 2px #E84D67
}

.subscription-cancellation-form__explanation {
    padding: 20px
}

.subscription-cancellation-form__checkbox-block {
    display: flex;
    align-items: center;
    background-color: #F7B844;
    font-size: 18px;
    font-weight: bold;
    color: white;
    padding: 15px 20px;
    cursor: pointer
}

.subscription-cancellation-form__checkbox {
    width: 22px;
    height: 22px;
    border: 2px solid white;
    border-radius: 6px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.subscription-cancellation-form__checkbox input {
    display: none
}

.subscription-cancellation-form__checkbox svg {
    color: white;
    display: none
}

.subscription-cancellation-form__checkbox--checked svg {
    display: inherit
}

.subscription-cancellation-form__element--checked {
    box-shadow: 0 0 0 2px #E84D67
}

.subscription-cancellation-form__element--checked .subscription-cancellation-form__checkbox-block {
    background-color: #E84D67
}

body.subscription-details .banner {
    padding: 8px;
    margin: 0 -8px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap
}

body.subscription-details .banner img {
    width: 64px;
    height: 64px
}

body.subscription-details .banner .content {
    min-width: 240px
}

body.subscription-details .banner .content .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 28px;
    color: #052032;
    margin-bottom: 0;
    flex-shrink: 0
}

@media (min-width: 385px) {
    body.subscription-details .banner .content .title {
        font-size:30px
    }
}

@media (min-width: 768px) {
    body.subscription-details .banner .content .title {
        font-size:32px
    }
}

@media (min-width: 992px) {
    body.subscription-details .banner .content .title {
        font-size:40px
    }
}

body.subscription-details .banner .content a {
    margin-top: 0px
}

@media (min-width: 768px) {
    body.subscription-details .banner {
        margin:unset;
        padding: 32px
    }

    body.subscription-details .banner img {
        width: 80px;
        height: 80px
    }

    body.subscription-details .banner .content a {
        font-size: 16px
    }
}

body.subscription-details .formula__header__details .line-item .field {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px;
    width: auto;
    align-items: center;
    flex-shrink: 0
}

@media (min-width: 385px) {
    body.subscription-details .formula__header__details .line-item .field {
        font-size:17px
    }
}

@media (min-width: 768px) {
    body.subscription-details .formula__header__details .line-item .field {
        font-size:16px
    }
}

@media (min-width: 992px) {
    body.subscription-details .formula__header__details .line-item .field {
        font-size:17px
    }
}

body.subscription-details .formula__header__details .item_details {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 18px;
    color: #5f707c;
    margin-top: 4px;
    margin-bottom: 10px
}

@media (min-width: 385px) {
    body.subscription-details .formula__header__details .item_details {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.subscription-details .formula__header__details .item_details {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.subscription-details .formula__header__details .item_details {
        font-size:16px
    }
}

body.subscription-details .segment.tools .accordion-body .item {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-bottom: 8px
}

@media (min-width: 385px) {
    body.subscription-details .segment.tools .accordion-body .item {
        font-size:17px
    }
}

@media (min-width: 768px) {
    body.subscription-details .segment.tools .accordion-body .item {
        font-size:16px
    }
}

@media (min-width: 992px) {
    body.subscription-details .segment.tools .accordion-body .item {
        font-size:17px
    }
}

body.subscription-details .segment.tools .accordion-body .item svg.icon_check,body.subscription-details .segment.tools .accordion-body .item svg.icon_close {
    margin-right: 10px;
    margin-top: 5px
}

body.subscription-details .segment.tools .accordion-body .item .text {
    padding-right: 25px
}

body.subscription-details .segment.tools .accordion-body .item .help-icon {
    position: absolute;
    top: -8px;
    right: -8px
}

body.subscription-details svg.tool {
    height: 100px;
    width: 100px;
    color: #2DA3ED
}

body.subscription-index #subscription-lateral-column .menu a.item {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    display: flex;
    color: #9ba6ad;
    align-items: center;
    height: 20px
}

@media (min-width: 385px) {
    body.subscription-index #subscription-lateral-column .menu a.item {
        font-size:15px;
        margin-bottom: 1rem
    }
}

body.subscription-index #subscription-lateral-column .menu a.item.active {
    color: #052032
}

body.subscription-index #subscription-lateral-column .menu a.item.active:after {
    margin-left: 10px;
    content: '';
    display: block;
    background-image: url(assets-flat/chevron_right.svg);
    background-size: 24px 24px;
    height: 24px;
    width: 24px
}

body.subscription-index #subscription-main-column .section {
    margin-top: -20px;
    padding-top: 60px;
    padding-bottom: 40px
}

@media (min-width: 520px) {
    body.subscription-index #subscription-main-column .section {
        padding-bottom:60px
    }
}

@media (min-width: 768px) {
    body.subscription-index #subscription-main-column .section {
        padding-bottom:80px
    }
}

body.subscription-index #subscription-main-column .section .subscription-index__title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 28px;
    color: #052032;
    margin-bottom: 40px
}

@media (min-width: 385px) {
    body.subscription-index #subscription-main-column .section .subscription-index__title {
        font-size:30px
    }
}

@media (min-width: 768px) {
    body.subscription-index #subscription-main-column .section .subscription-index__title {
        font-size:32px
    }
}

@media (min-width: 992px) {
    body.subscription-index #subscription-main-column .section .subscription-index__title {
        font-size:40px
    }
}

body.subscription-index #subscription-main-column .section .subscription-index__short-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px
}

@media (min-width: 385px) {
    body.subscription-index #subscription-main-column .section .subscription-index__short-title {
        font-size:15px;
        margin-bottom: 1rem
    }
}

@media (min-width: 1200px) {
    body.subscription-index #subscription-main-column .section .subscription-index__short-title {
        display:none
    }
}

body.subscription-index #subscription-main-column .section .subscription-index__short-title .up {
    margin-left: auto
}

body.subscription-index .benefit {
    text-align: center
}

body.subscription-index .benefit img {
    width: 100px
}

@media (min-width: 768px) {
    body.subscription-index .benefit img {
        width:130px
    }
}

body.subscription-index .benefit .benefit__title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px;
    margin-bottom: 1rem;
    margin-top: 8px
}

@media (min-width: 385px) {
    body.subscription-index .benefit .benefit__title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    body.subscription-index .benefit .benefit__title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    body.subscription-index .benefit .benefit__title {
        font-size:17px
    }
}

body.subscription-index .benefit p {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #374d5b;
    display: block;
    max-width: 300px;
    margin: auto
}

@media (min-width: 385px) {
    body.subscription-index .benefit p {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.subscription-index .benefit p {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.subscription-index .benefit p {
        font-size:16px
    }
}

body.subscription-index #subscription_caroussel {
    margin-top: 16px;
    margin-bottom: 2rem;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 768px) {
    body.subscription-index #subscription_caroussel {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

body.subscription-index #subscription_caroussel .owl-stage-outer {
    overflow: -webkit-clip;
    overflow: clip
}

@media only screen and (min-width: 590px) {
    body.subscription-index #subscription_caroussel {
        margin-left:0;
        margin-right: 0;
        width: 100%
    }

    body.subscription-index #subscription_caroussel .owl-stage-outer {
        margin-right: -1.5rem
    }
}

@media only screen and (min-width: 590px) and (min-width: 992px) {
    body.subscription-index #subscription_caroussel .owl-stage-outer {
        margin-right:0
    }
}

body.subscription-index .subscriptions_item {
    background-color: white;
    width: 256px;
    margin: auto;
    border-radius: 12px
}

body.subscription-index .subscriptions_item .subscriptions_item__main {
    padding: 0;
    display: flex;
    flex-direction: column
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__header {
    border-bottom: 1px solid #d7dbde;
    top: 40px
}

@media (min-width: 768px),(orientation: landscape) {
    body.subscription-index .subscriptions_item .subscriptions_item__main .main__header {
        top:0px
    }
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__header .header_top_blue {
    height: 40px;
    background: var(--app-background, #E5F0F6);
    content: '';
    display: block;
    width: 100%;
    position: relative
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__header .header_top_blue .header_top_radius {
    height: 16px;
    background: white;
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__header .header_content {
    display: flex;
    align-items: center;
    height: 86px;
    padding: 0 16px 16px 16px;
    background: white
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__header .header_content .header_text {
    margin-left: 16px;
    display: flex;
    flex-direction: column
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__header .header_content .header_text .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin-top: 4px;
    font-size: 24px;
    color: #052032;
    line-height: 33px
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__body {
    padding: 16px;
    height: 530px
}

@media (min-width: 360px) {
    body.subscription-index .subscriptions_item .subscriptions_item__main .main__body {
        height:470px
    }

    body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .title {
        font-size: 18px;
        line-height: 21.3px
    }
}

@media (min-width: 385px) {
    body.subscription-index .subscriptions_item .subscriptions_item__main .main__body {
        height:550px
    }
}

@media (min-width: 768px) {
    body.subscription-index .subscriptions_item .subscriptions_item__main .main__body {
        height:480px
    }
}

@media (min-width: 992px) {
    body.subscription-index .subscriptions_item .subscriptions_item__main .main__body {
        height:550px
    }
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 10px;
    color: #052032
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content {
    margin-bottom: 16px
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content p,body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content ul,body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content li {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content p,body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content ul,body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content li {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content p,body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content ul,body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content li {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content p,body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content ul,body.subscription-index .subscriptions_item .subscriptions_item__main .main__body .content li {
        font-size:16px
    }
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content {
    margin-top: 16px;
    padding-left: 20px
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content .title {
    color: #374d5b;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content .price {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    align-items: center;
    display: flex;
    font-size: 24px;
    color: #052032;
    margin-top: 4px
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content .price sup {
    font-size: 45%
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content .price-addon {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content .price-addon {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content .price-addon {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content .price-addon {
        font-size:16px
    }
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content .info {
    margin-top: 4px;
    font-size: 12px;
    line-height: 15px;
    color: #5f707c
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .buttons_content {
    margin-top: 16px;
    text-align: center
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .buttons_content .btn:first-child {
    margin-bottom: 8px
}

body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .buttons_content .tag {
    margin-left: 20px;
    margin-bottom: 14px;
    margin-top: 42px
}

@media (min-width: 768px) {
    body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content {
        padding-left:0
    }

    body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content .price {
        font-size: 40px;
        line-height: 47.4px
    }

    body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content .buttons_content {
        margin-top: 24px
    }

    body.subscription-index .subscriptions_item .subscriptions_item__main .main__bottom .price_content .buttons_content .tag {
        margin-left: 0
    }
}

@media (min-width: 360px) {
    body.subscription-index .subscriptions_item {
        width:282px
    }

    body.subscription-index .subscriptions_item .subscriptions_item__main .main__header .header_logo svg {
        width: 80px;
        height: 80px
    }

    body.subscription-index .subscriptions_item .subscriptions_item__main .main__header .header_text .title {
        font-size: 28px;
        line-height: 33px
    }
}

body.subscription-index .subscriptions_item__details {
    border-top: 1px solid #d7dbde
}

body.subscription-index .subscriptions_item__details .accordion-button .title {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold
}

@media (min-width: 385px) {
    body.subscription-index .subscriptions_item__details .accordion-button .title {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.subscription-index .subscriptions_item__details .accordion-button .title {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.subscription-index .subscriptions_item__details .accordion-button .title {
        font-size:16px
    }
}

body.subscription-index .subscriptions_item__details .accordion-body {
    padding-left: 24px
}

body.subscription-index .subscriptions_item__details .info {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin-bottom: 16px
}

@media (min-width: 385px) {
    body.subscription-index .subscriptions_item__details .info {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.subscription-index .subscriptions_item__details .info {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.subscription-index .subscriptions_item__details .info {
        font-size:16px
    }
}

body.subscription-index .subscriptions_item__details .subscription_items .item {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    body.subscription-index .subscriptions_item__details .subscription_items .item {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.subscription-index .subscriptions_item__details .subscription_items .item {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.subscription-index .subscriptions_item__details .subscription_items .item {
        font-size:16px
    }
}

body.subscription-index .subscriptions_item__bottom {
    border-top: 1px solid #d7dbde;
    padding: 16px
}

body.subscription-index .subscriptions_item__bottom .price_content {
    margin-top: 16px;
    padding-left: 20px
}

body.subscription-index .subscriptions_item__bottom .price_content .title {
    color: #374d5b;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700
}

body.subscription-index .subscriptions_item__bottom .price_content .price {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    align-items: center;
    display: flex;
    font-size: 24px;
    color: #052032;
    margin-top: 4px
}

body.subscription-index .subscriptions_item__bottom .price_content .price sup {
    font-size: 45%
}

body.subscription-index .subscriptions_item__bottom .price_content .price-addon {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    body.subscription-index .subscriptions_item__bottom .price_content .price-addon {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.subscription-index .subscriptions_item__bottom .price_content .price-addon {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.subscription-index .subscriptions_item__bottom .price_content .price-addon {
        font-size:16px
    }
}

body.subscription-index .subscriptions_item__bottom .price_content .info {
    margin-top: 4px;
    font-size: 12px;
    line-height: 15px;
    color: #5f707c
}

body.subscription-index .subscriptions_item__bottom .buttons_content {
    margin-top: 16px;
    text-align: center
}

body.subscription-index .subscriptions_item__bottom .buttons_content .btn:first-child {
    margin-bottom: 8px
}

body.subscription-index .subscriptions_item__bottom .buttons_content .tag {
    margin-left: 20px;
    margin-bottom: 14px;
    margin-top: 42px
}

@media (min-width: 768px) {
    body.subscription-index .subscriptions_item__bottom .price_content {
        padding-left:0
    }

    body.subscription-index .subscriptions_item__bottom .price_content .price {
        font-size: 40px;
        line-height: 47.4px
    }

    body.subscription-index .subscriptions_item__bottom .price_content .buttons_content {
        margin-top: 24px
    }

    body.subscription-index .subscriptions_item__bottom .price_content .buttons_content .tag {
        margin-left: 0
    }
}

body.subscription-index #testimonial-section {
    padding-bottom: 0px !important
}

@media (min-width: 520px) {
    body.subscription-index #testimonial-section {
        padding-bottom:20px !important
    }
}

@media (min-width: 768px) {
    body.subscription-index #testimonial-section {
        padding-bottom:40px !important
    }
}

body.subscription-index table#price-comparison tr th,body.subscription-index table#price-comparison tr td {
    min-width: 200px;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    body.subscription-index table#price-comparison tr th,body.subscription-index table#price-comparison tr td {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.subscription-index table#price-comparison tr th,body.subscription-index table#price-comparison tr td {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.subscription-index table#price-comparison tr th,body.subscription-index table#price-comparison tr td {
        font-size:16px
    }
}

body.subscription-index table#price-comparison tr th svg.icon,body.subscription-index table#price-comparison tr td svg.icon {
    margin-right: 10px;
    color: #8AC43B
}

body.subscription-index table#price-comparison tr th svg.icon.icon_close,body.subscription-index table#price-comparison tr td svg.icon.icon_close {
    color: #E84D67
}

body.subscription-index table#price-comparison tr th:first-child,body.subscription-index table#price-comparison tr td:first-child {
    font-style: italic
}

body.subscription-index table#price-comparison tr th:not(:first-child),body.subscription-index table#price-comparison tr td:not(:first-child) {
    text-align: center
}

body.subscription-index table#price-comparison tr th:last-child {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    color: #2DA3ED
}

@media (min-width: 385px) {
    body.subscription-index table#price-comparison tr th:last-child {
        font-size:15px;
        margin-bottom: 1rem
    }
}

body.subscription-index table#price-comparison tr th:last-child svg.icon_cloud {
    color: #2DA3ED
}

body.subscription-index table#price-comparison tr td {
    vertical-align: middle
}

body.subscription-index table#price-comparison tr:last-child td {
    border-bottom-width: 0
}

body.subscription-index #fepem-section .segment {
    position: relative
}

body.subscription-index #fepem-section img.price-free {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 60px
}

@media (min-width: 768px) {
    body.subscription-index #fepem-section img.price-free {
        width:90px
    }
}

body.subscription-index #fepem-section .item {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    width: 250px;
    margin: auto;
    padding: 8px 0;
    display: flex;
    align-items: center
}

@media (min-width: 385px) {
    body.subscription-index #fepem-section .item {
        font-size:15px;
        margin-bottom: 1rem
    }
}

body.subscription-index #fepem-section .item svg.icon {
    color: #F7B844;
    margin-right: 12px
}

body.subscription-invoices .segment.invoice_details .line-item .label {
    width: 85%
}

body.subscription-invoices .segment.invoice_details .line-item .label .tag {
    margin-left: 10px
}

body.subscription-invoices .segment.invoice_details .line-item .field {
    min-width: 60px;
    width: 10%
}

#payment-mode-sdd .modal-body {
    min-height: 700px
}

#payment-mode-sdd .modal-body iframe {
    min-height: 700px !important
}

body.taxes .line-item {
    align-items: center
}

body.taxes .taxes__title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px
}

@media (min-width: 385px) {
    body.taxes .taxes__title {
        font-size:15px;
        margin-bottom: 1rem
    }
}

@media (min-width: 768px) {
    body.taxes .taxes__title {
        margin-left:1.5rem
    }
}

@media (min-width: 992px) {
    body.taxes .taxes__title {
        margin-left:2rem
    }
}

body.taxes .taxes__compare .line-item {
    width: 100%
}

body.taxes .taxes__child .name {
    margin-left: 15px
}

body.taxes .taxes__child__toggle-child-content .edit_contract_history .label,body.taxes .taxes__child__toggle-child-content .edit_payslip .label,body.taxes .taxes__child__toggle-child-content .line-item .label,body.taxes .taxes__child__toggle-child-content .payslip_taxable_month .label {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    body.taxes .taxes__child__toggle-child-content .edit_contract_history .label,body.taxes .taxes__child__toggle-child-content .edit_payslip .label,body.taxes .taxes__child__toggle-child-content .line-item .label,body.taxes .taxes__child__toggle-child-content .payslip_taxable_month .label {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.taxes .taxes__child__toggle-child-content .edit_contract_history .label,body.taxes .taxes__child__toggle-child-content .edit_payslip .label,body.taxes .taxes__child__toggle-child-content .line-item .label,body.taxes .taxes__child__toggle-child-content .payslip_taxable_month .label {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.taxes .taxes__child__toggle-child-content .edit_contract_history .label,body.taxes .taxes__child__toggle-child-content .edit_payslip .label,body.taxes .taxes__child__toggle-child-content .line-item .label,body.taxes .taxes__child__toggle-child-content .payslip_taxable_month .label {
        font-size:16px
    }
}

body.taxes .taxes__child__toggle-child-content .detailed_payslip_content_parent_meal .field {
    min-width: 140px
}

body.taxes .taxes__child .edit_child label {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    body.taxes .taxes__child .edit_child label {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.taxes .taxes__child .edit_child label {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.taxes .taxes__child .edit_child label {
        font-size:16px
    }
}

body.taxes .taxes__result table {
    margin-top: 25px
}

body.taxes .taxes__result table thead {
    font-size: 14px
}

body.taxes .taxes__result table tbody {
    font-size: 14px
}

body.tools-index .tools-list-title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px
}

@media (min-width: 385px) {
    body.tools-index .tools-list-title {
        font-size:15px;
        margin-bottom: 1rem
    }
}

@media (min-width: 768px) {
    body.tools-index .tools-list-title {
        margin:1rem;
        margin-left: 1.5rem
    }
}

@media (min-width: 992px) {
    body.tools-index .tools-list-title {
        margin-left:2rem
    }
}

body.top_webgroup {
    padding: 0;
    background: #EFF8FE
}

body.top_webgroup main {
    padding: 20px;
    font-family: Rubik;
    max-width: 900px;
    margin: 0 auto
}

body.top_webgroup main h1 {
    text-align: center
}

body.top_webgroup main img {
    margin: 0 auto
}

body.top_webgroup main ul {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 0
}

body.top_webgroup main ul li {
    background: white;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    padding: 8px;
    list-style-type: none;
    font-size: 24px;
    padding: 1.5rem
}

body.top_webgroup main a {
    color: #5f707c;
    text-decoration: none
}

body.top_webgroup main .flag {
    font-size: 40px
}

body.top_webgroup main .locale_choices {
    display: flex;
    font-size: 18px;
    gap: 8px;
    margin-left: 10px;
    align-items: center
}

@media (max-width: 767.98px) {
    body.top_webgroup main ul {
        flex-direction:column
    }
}

body.video-presentation .video-container {
    position: relative;
    text-align: center;
    padding-bottom: 30px;
    height: 250px
}

body.video-presentation .video-container .spinner-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

body.video-presentation .video-container iframe,body.video-presentation .video-container object,body.video-presentation .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.homepage .universe-activation,body.presentation-page .universe-activation {
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 1rem 32px 1rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 12;
    border-top: 1px solid;
    border-color: var(--universe-color, #2DA3ED);
    box-shadow: 0 2px 8px 0 rgba(95,112,124,0.2)
}

@media (min-width: 768px) {
    body.homepage .universe-activation,body.presentation-page .universe-activation {
        display:none
    }
}

body.homepage .universe-activation .main,body.presentation-page .universe-activation .main {
    display: flex;
    align-items: center;
    gap: 1rem
}

body.homepage .universe-activation .main img,body.presentation-page .universe-activation .main img {
    width: 40px
}

body.homepage .universe-activation .main .message,body.presentation-page .universe-activation .main .message {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    body.homepage .universe-activation .main .message,body.presentation-page .universe-activation .main .message {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.homepage .universe-activation .main .message,body.presentation-page .universe-activation .main .message {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.homepage .universe-activation .main .message,body.presentation-page .universe-activation .main .message {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.homepage .universe-activation .main .message,body.presentation-page .universe-activation .main .message {
        font-family:"Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 20px
    }
}

@media (min-width: 768px) and (min-width: 385px) {
    body.homepage .universe-activation .main .message,body.presentation-page .universe-activation .main .message {
        font-size:17px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    body.homepage .universe-activation .main .message,body.presentation-page .universe-activation .main .message {
        font-size:16px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    body.homepage .universe-activation .main .message,body.presentation-page .universe-activation .main .message {
        font-size:17px
    }
}

@media (min-width: 768px) and (min-width: 385px) {
    body.homepage .universe-activation .main .message,body.presentation-page .universe-activation .main .message {
        font-size:21px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    body.homepage .universe-activation .main .message,body.presentation-page .universe-activation .main .message {
        font-size:20px
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    body.homepage .universe-activation .main .message,body.presentation-page .universe-activation .main .message {
        font-size:21px
    }
}

body.homepage .universe-activation .btn,body.presentation-page .universe-activation .btn {
    color: white !important;
    background: var(--universe-color, #2DA3ED) !important
}

body.homepage #main-functions,body.presentation-page #main-functions {
    background: #FFF
}

@media only screen and (max-width: 767px) {
    body.homepage section h1,body.presentation-page section h1 {
        font-size:22px
    }
}

@media only screen and (max-width: 350px) {
    body.homepage section h1,body.presentation-page section h1 {
        font-size:24px
    }

    body.homepage section.benefit h1,body.presentation-page section.benefit h1 {
        font-size: 30px !important
    }

    body.homepage section.benefit p.main,body.presentation-page section.benefit p.main {
        font-size: 16px !important
    }

    body.homepage section.benefit h2,body.presentation-page section.benefit h2 {
        font-size: 20px !important
    }
}

body.presentation-page.activation-mode #support-launcher {
    display: none
}

.homepage-marketplace__presentation {
    padding-top: 50px;
    margin-top: -75px;
    padding-bottom: 125px;
    background-image: url(assets-flat/support.svg)
}

@media (min-width: 768px) {
    .homepage-marketplace__presentation {
        padding-bottom:175px;
        padding-top: 100px
    }
}

.homepage-marketplace__tab-content {
    margin-top: 25px
}

@media (min-width: 768px) {
    .homepage-marketplace__tab-content {
        margin-top:50px
    }
}

.homepage-marketplace__tab-content-image {
    width: 150px
}

@media (min-width: 768px) {
    .homepage-marketplace__tab-content-image {
        width:200px
    }
}

.homepage-marketplace__tab-content-button {
    margin-top: 50px;
    text-align: center
}

.homepage-marketplace__tv {
    margin-top: -100px;
    padding-top: 125px;
    padding-bottom: 175px;
    background-image: url(assets-flat/notebook-pictures.svg)
}

.homepage-marketplace__tv iframe {
    background: #cde9fb;
    width: 725px;
    height: 480px
}

.homepage-marketplace__guide {
    margin-top: -100px;
    padding-top: 100px;
    padding-bottom: 55px;
    background-image: url(assets-flat/guide.svg)
}

@media (min-width: 768px) {
    .homepage-marketplace__guide {
        padding-top:125px
    }
}

.homepage-marketplace__guide-image {
    width: 100px
}

@media (min-width: 768px) {
    .homepage-marketplace__guide-image {
        width:auto
    }
}

.homepage-marketplace__guide-presentation {
    font-size: 17px
}

.homepage-marketplace__guide-presentation a {
    text-decoration: underline
}

.homepage-marketplace__directory {
    padding-top: 80px;
    padding-bottom: 150px;
    background-image: url(assets-flat/support.svg)
}

.homepage-marketplace__directory ul li {
    font-size: 15px
}

.homepage-marketplace__other-categories {
    margin-top: -100px;
    padding-top: 100px;
    padding-bottom: 50px;
    background-image: url(assets-flat/guide.svg)
}

@media (min-width: 768px) {
    .homepage-marketplace__other-categories {
        padding-bottom:125px
    }
}

.homepage-marketplace__other-categories-services {
    margin-top: 15px
}

@media (min-width: 768px) {
    .homepage-marketplace__other-categories-services {
        margin-top:50px
    }
}

.homepage-marketplace__other-categories-services .other-service {
    display: block;
    max-width: 200px;
    margin: auto;
    color: #4d4d4d !important
}

.homepage-marketplace__other-categories-services .other-service img {
    width: 100%
}

.homepage-marketplace__other-categories-icon {
    border-radius: 50%;
    padding: 10px;
    width: 52px;
    margin-top: 10px;
    display: none
}

@media (min-width: 768px) {
    .homepage-marketplace__other-categories-icon {
        display:block
    }
}

.homepage-marketplace__other-categories-icon svg {
    width: 32px;
    height: 32px
}

.homepage-marketplace__other-categories-icon--pet {
    background-color: #FDFBDD
}

.homepage-marketplace__other-categories-icon--teach {
    background-color: #B5EAE0
}

.homepage-marketplace__other-categories-icon--home {
    background-color: #FBD3D3
}

.homepage-marketplace__other-categories-icon--senior {
    background-color: #E3F6DA
}

.homepage-marketplace__content-gap {
    margin-top: 75px
}

.homepage-marketplace__regions {
    margin-top: -60px;
    padding-top: 125px;
    padding-bottom: 50px;
    background-image: url(assets-flat/regions.svg)
}

@media (min-width: 768px) {
    .homepage-marketplace__regions {
        padding-bottom:75px
    }
}

body.homepage section#main-functions,body.presentation-page section#main-functions {
    margin-top: 20px
}

@media (min-width: 992px) {
    body.homepage section#main-functions,body.presentation-page section#main-functions {
        margin-top:0px
    }
}

body.homepage section#main-functions .function,body.presentation-page section#main-functions .function {
    display: flex;
    align-items: center
}

@media (min-width: 992px) {
    body.homepage section#main-functions .function,body.presentation-page section#main-functions .function {
        margin-bottom:0;
        height: 100%;
        background: transparent
    }
}

body.homepage section#main-functions .function img,body.presentation-page section#main-functions .function img {
    display: block;
    height: 75px
}

@media (min-width: 520px) {
    body.homepage section#main-functions .function img,body.presentation-page section#main-functions .function img {
        height:100px
    }
}

@media (min-width: 768px) {
    body.homepage section#main-functions .function img,body.presentation-page section#main-functions .function img {
        height:115px
    }
}

@media (min-width: 992px) {
    body.homepage section#main-functions .function img,body.presentation-page section#main-functions .function img {
        height:130px
    }
}

body.homepage section#main-functions .function .content,body.presentation-page section#main-functions .function .content {
    margin-left: 24px
}

body.homepage section#main-functions .function .content h3,body.presentation-page section#main-functions .function .content h3 {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #052032;
    font-weight: normal;
    margin-top: 10px
}

@media (min-width: 385px) {
    body.homepage section#main-functions .function .content h3,body.presentation-page section#main-functions .function .content h3 {
        font-size:19px
    }
}

@media (min-width: 768px) {
    body.homepage section#main-functions .function .content h3,body.presentation-page section#main-functions .function .content h3 {
        font-size:20px
    }
}

@media (min-width: 992px) {
    body.homepage section#main-functions .function .content h3,body.presentation-page section#main-functions .function .content h3 {
        font-size:22px
    }
}

body.homepage section#main-functions .function .content p,body.presentation-page section#main-functions .function .content p {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    body.homepage section#main-functions .function .content p,body.presentation-page section#main-functions .function .content p {
        font-size:16px
    }
}

@media (min-width: 768px) {
    body.homepage section#main-functions .function .content p,body.presentation-page section#main-functions .function .content p {
        font-size:15px
    }
}

@media (min-width: 992px) {
    body.homepage section#main-functions .function .content p,body.presentation-page section#main-functions .function .content p {
        font-size:16px
    }
}

@media (min-width: 992px) {
    body.homepage section#main-functions .function,body.presentation-page section#main-functions .function {
        flex-direction:column;
        border-bottom: none;
        align-items: center
    }

    body.homepage section#main-functions .function img,body.presentation-page section#main-functions .function img {
        margin-bottom: 30px
    }

    body.homepage section#main-functions .function .content,body.presentation-page section#main-functions .function .content {
        margin-left: 0
    }

    body.homepage section#main-functions .function .content h3,body.homepage section#main-functions .function .content p,body.presentation-page section#main-functions .function .content h3,body.presentation-page section#main-functions .function .content p {
        text-align: center
    }
}

body.homepage section.benefit .bullets,body.presentation-page section.benefit .bullets {
    margin-top: 80px
}

body.homepage section.benefit .bullets h2,body.presentation-page section.benefit .bullets h2 {
    font-size: 26px;
    margin-bottom: 35px
}

body.homepage section.benefit .bullets h2 span.text,body.presentation-page section.benefit .bullets h2 span.text {
    position: relative;
    display: inline-block
}

body.homepage section.benefit .bullets h2 span.text .underline,body.presentation-page section.benefit .bullets h2 span.text .underline {
    position: absolute;
    height: 4px;
    border-radius: 5px;
    background: #F7B844;
    bottom: -7px;
    left: 0;
    width: 0px
}

body.homepage section.benefit .testimonial,body.presentation-page section.benefit .testimonial {
    position: relative;
    margin-bottom: 40px;
    margin-left: 60px
}

body.homepage section.benefit .testimonial .content,body.presentation-page section.benefit .testimonial .content {
    color: #444;
    font-style: italic;
    font-size: 14px;
    line-height: 26px;
    background: #FFF;
    padding: 15px;
    padding-left: 60px;
    box-shadow: 0 5px 12px rgba(50,50,93,0.07),0 2px 7px rgba(0,0,0,0.05);
    margin-bottom: 10px;
    border-radius: 10px
}

body.homepage section.benefit .testimonial .content strong,body.presentation-page section.benefit .testimonial .content strong {
    color: #222
}

body.homepage section.benefit .testimonial img,body.presentation-page section.benefit .testimonial img {
    position: absolute;
    height: 80px;
    width: 80px;
    top: 15px;
    left: -35px;
    border-radius: 80px
}

body.homepage section.benefit .testimonial a,body.presentation-page section.benefit .testimonial a {
    display: block;
    font-size: 14px;
    text-align: right;
    position: relative;
    top: -10px
}

body.homepage section.benefit .testimonial a span.what,body.presentation-page section.benefit .testimonial a span.what {
    color: #A3A3A3
}

body.homepage section.benefit .testimonial a:after,body.homepage section.benefit .testimonial a:before,body.presentation-page section.benefit .testimonial a:after,body.presentation-page section.benefit .testimonial a:before {
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
    position: relative;
    top: 9px;
    content: '';
    height: 27px;
    width: 45px;
    background-image: url(assets-flat/fb-five-stars.svg);
    background-repeat: no-repeat;
    background-size: cover
}

body.homepage section.benefit .testimonial a:before,body.presentation-page section.benefit .testimonial a:before {
    display: none
}

body.homepage section.benefit .testimonial.right,body.presentation-page section.benefit .testimonial.right {
    margin-left: 0px;
    margin-right: 60px
}

body.homepage section.benefit .testimonial.right .content,body.presentation-page section.benefit .testimonial.right .content {
    padding-left: 20px;
    padding-right: 60px;
    background-position: top left
}

body.homepage section.benefit .testimonial.right img,body.presentation-page section.benefit .testimonial.right img {
    left: auto;
    right: -35px
}

body.homepage section.benefit .testimonial.right a,body.presentation-page section.benefit .testimonial.right a {
    text-align: left
}

body.homepage section.benefit .testimonial.right a:after,body.presentation-page section.benefit .testimonial.right a:after {
    display: none
}

body.homepage section.benefit .testimonial.right a:before,body.presentation-page section.benefit .testimonial.right a:before {
    display: inline-block
}

body.homepage section#first-benefit.benefit,body.presentation-page section#first-benefit.benefit {
    margin-top: 100px;
    position: relative
}

body.homepage section#first-benefit.benefit h1,body.presentation-page section#first-benefit.benefit h1 {
    text-align: center;
    margin-bottom: 60px
}

body.homepage section#first-benefit.benefit #clock-container,body.presentation-page section#first-benefit.benefit #clock-container {
    position: relative
}

body.homepage section#first-benefit.benefit #clock-container img#clock,body.homepage section#first-benefit.benefit #clock-container img#clock-little,body.homepage section#first-benefit.benefit #clock-container img#clock-big,body.homepage section#first-benefit.benefit #clock-container img#clock-shadow,body.presentation-page section#first-benefit.benefit #clock-container img#clock,body.presentation-page section#first-benefit.benefit #clock-container img#clock-little,body.presentation-page section#first-benefit.benefit #clock-container img#clock-big,body.presentation-page section#first-benefit.benefit #clock-container img#clock-shadow {
    position: absolute;
    top: -50px;
    right: -100px;
    width: 220px
}

body.homepage section#second-benefit.benefit,body.presentation-page section#second-benefit.benefit {
    position: relative;
    margin-top: 130px
}

body.homepage section#second-benefit.benefit h1,body.presentation-page section#second-benefit.benefit h1 {
    margin-bottom: 60px
}

body.homepage section#second-benefit.benefit #angel-container,body.presentation-page section#second-benefit.benefit #angel-container {
    position: relative
}

body.homepage section#second-benefit.benefit #angel-container #angel,body.presentation-page section#second-benefit.benefit #angel-container #angel {
    position: absolute;
    top: -160px;
    left: -200px;
    z-index: 2;
    width: 250px
}

body.homepage section#second-benefit.benefit #angel-container #angel-shadow,body.presentation-page section#second-benefit.benefit #angel-container #angel-shadow {
    position: absolute;
    top: -120px;
    left: -170px;
    z-index: 1;
    width: 280px
}

body.homepage section#second-benefit.benefit .col.main,body.presentation-page section#second-benefit.benefit .col.main {
    padding-right: 85px
}

body.homepage section#second-benefit.benefit .testimonials,body.presentation-page section#second-benefit.benefit .testimonials {
    margin-top: 50px
}

body.homepage section#third-benefit.benefit,body.presentation-page section#third-benefit.benefit {
    padding-top: 130px
}

body.homepage section#third-benefit.benefit #plane-container,body.presentation-page section#third-benefit.benefit #plane-container {
    position: relative
}

body.homepage section#third-benefit.benefit #plane-container #plane,body.presentation-page section#third-benefit.benefit #plane-container #plane {
    position: absolute;
    top: -20px;
    left: 100px;
    z-index: 2;
    width: 180px
}

body.homepage section#third-benefit.benefit #plane-container #plane-shadow,body.presentation-page section#third-benefit.benefit #plane-container #plane-shadow {
    position: absolute;
    top: -20px;
    left: 100px;
    width: 200px;
    z-index: 1
}

body.homepage section#third-benefit.benefit #plane-container .col.title,body.presentation-page section#third-benefit.benefit #plane-container .col.title {
    text-align: right;
    padding-left: 85px
}

body.homepage section#third-benefit.benefit .col.main,body.presentation-page section#third-benefit.benefit .col.main {
    padding-left: 85px
}

body.homepage section#third-benefit.benefit .col.main h1,body.presentation-page section#third-benefit.benefit .col.main h1 {
    margin-bottom: 60px
}

body.homepage section#partners,body.presentation-page section#partners {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: -60px;
    background-image: url(assets-flat/partners.svg);
    background-repeat: no-repeat;
    background-size: auto
}

body.homepage section#partners .official-partner,body.presentation-page section#partners .official-partner {
    border-bottom: 2px solid #F7B844
}

body.homepage section#partners .partner-logo,body.presentation-page section#partners .partner-logo {
    height: 130px;
    position: relative;
    left: 15px
}

body.homepage section#partners .partner-logo img,body.presentation-page section#partners .partner-logo img {
    position: absolute;
    bottom: 0;
    left: 22px
}

body.homepage section#partners .citation,body.presentation-page section#partners .citation {
    font-style: italic;
    line-height: 28px;
    font-size: 14px;
    margin-top: 30px;
    background-image: url(assets-flat/white-quote.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 150px auto;
    padding-left: 50px
}

body.homepage section#partners .name,body.presentation-page section#partners .name {
    display: block;
    color: #222;
    margin-top: 15px;
    margin-left: 50px;
    font-size: 12px;
    font-weight: bold
}

body.homepage section#support,body.presentation-page section#support {
    padding-top: 130px;
    padding-bottom: 130px;
    margin-top: -60px;
    background-image: url(assets-flat/support.svg);
    background-repeat: no-repeat;
    background-size: auto
}

body.homepage section#support h1 img,body.presentation-page section#support h1 img {
    position: relative;
    left: 30px;
    bottom: 20px
}

body.homepage section#tools,body.presentation-page section#tools {
    background-image: url(assets-flat/tools.svg);
    background-size: auto;
    padding-top: 130px;
    padding-bottom: 130px
}

body.homepage section#tools #tools-menu,body.presentation-page section#tools #tools-menu {
    margin-top: 50px;
    margin-bottom: 40px
}

body.homepage section#tools .segment.tool,body.presentation-page section#tools .segment.tool {
    overflow: auto;
    height: 100%;
    margin-bottom: 0;
    padding: 1em
}

body.homepage section#tools .segment.tool svg,body.presentation-page section#tools .segment.tool svg {
    width: 55px;
    height: 55px;
    float: left;
    color: #F7B844
}

body.homepage section#tools .segment.tool h3,body.presentation-page section#tools .segment.tool h3 {
    font-weight: bold;
    margin-left: 65px;
    margin-top: 0px;
    font-size: 16px;
    margin-bottom: 10px
}

body.homepage section#tools .segment.tool p,body.presentation-page section#tools .segment.tool p {
    line-height: 22px;
    font-size: 14px;
    margin-left: 65px;
    margin-bottom: 0
}

body.homepage section#offers,body.presentation-page section#offers {
    padding-top: 80px;
    background-image: url(assets-flat/offers-1fe873dff23fe53a0ad5538ea4b2668067be3dd0541561315e6cfd9c397f7701.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center bottom;
    position: relative;
    z-index: 10
}

body.homepage section#offers h1,body.presentation-page section#offers h1 {
    color: #FFF;
    margin-bottom: 40px
}

body.homepage section#offers .clouds,body.presentation-page section#offers .clouds {
    width: 100%;
    padding-bottom: 100px
}

@media (min-width: 768px) {
    body.homepage section#offers .clouds,body.presentation-page section#offers .clouds {
        background:url(assets-flat/background-clouds.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0 110px
    }
}

@media (min-width: 768px) {
    body.homepage section#offers .clouds .offers,body.presentation-page section#offers .clouds .offers {
        position:relative;
        background: url(assets-flat/offers.svg);
        margin: auto;
        left: 25px;
        height: 480px;
        width: 700px;
        background-size: 100% auto;
        background-repeat: no-repeat
    }
}

body.homepage section#offers .clouds .offers .family-offer,body.homepage section#offers .clouds .offers .childminder-offer,body.presentation-page section#offers .clouds .offers .family-offer,body.presentation-page section#offers .clouds .offers .childminder-offer {
    text-align: center
}

@media (min-width: 768px) {
    body.homepage section#offers .clouds .offers .family-offer,body.homepage section#offers .clouds .offers .childminder-offer,body.presentation-page section#offers .clouds .offers .family-offer,body.presentation-page section#offers .clouds .offers .childminder-offer {
        position:absolute;
        top: 250px;
        left: 75px;
        transform: rotate(-5deg)
    }
}

body.homepage section#offers .clouds .offers .family-offer .btn,body.homepage section#offers .clouds .offers .childminder-offer .btn,body.presentation-page section#offers .clouds .offers .family-offer .btn,body.presentation-page section#offers .clouds .offers .childminder-offer .btn {
    width: 230px;
    font-size: 20px
}

body.homepage section#offers .clouds .offers .family-offer .price,body.homepage section#offers .clouds .offers .childminder-offer .price,body.presentation-page section#offers .clouds .offers .family-offer .price,body.presentation-page section#offers .clouds .offers .childminder-offer .price {
    margin-top: 6px;
    text-align: center;
    font-size: 20px
}

body.homepage section#offers .clouds .offers .family-offer .price span,body.homepage section#offers .clouds .offers .childminder-offer .price span,body.presentation-page section#offers .clouds .offers .family-offer .price span,body.presentation-page section#offers .clouds .offers .childminder-offer .price span {
    font-weight: bold
}

body.homepage section#offers .clouds .offers .childminder-offer,body.presentation-page section#offers .clouds .offers .childminder-offer {
    margin-top: 40px
}

@media (min-width: 768px) {
    body.homepage section#offers .clouds .offers .childminder-offer,body.presentation-page section#offers .clouds .offers .childminder-offer {
        margin-top:unset;
        left: 350px;
        transform: rotate(5deg)
    }
}

body.homepage section#offers .clouds .offers .promess,body.presentation-page section#offers .clouds .offers .promess {
    width: 100%;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    margin-top: 50px
}

@media (min-width: 768px) {
    body.homepage section#offers .clouds .offers .promess,body.presentation-page section#offers .clouds .offers .promess {
        margin-top:unset;
        position: absolute;
        top: 372px;
        left: -25px
    }
}

body.homepage section#testimonials,body.presentation-page section#testimonials {
    padding-bottom: 260px;
    background: url(assets-flat/background-testimonials.svg);
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 250px;
    margin-top: -100px;
    position: relative
}

body.homepage section#testimonials .content,body.presentation-page section#testimonials .content {
    position: relative;
    font-size: 26px;
    line-height: 38px;
    border-radius: 5px;
    text-align: center;
    margin: auto;
    max-width: 600px;
    background: #FFF;
    box-shadow: 30px 30px 20px 0px rgba(34,36,38,0.15);
    padding: 20px;
    padding-top: 70px;
    padding-bottom: 40px;
    transform: scale(0);
    transition: all 0.7s ease-in-out;
    opacity: 0
}

body.homepage section#testimonials .content img.cloud,body.presentation-page section#testimonials .content img.cloud {
    width: 170px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: -57px
}

body.homepage section#testimonials .content.visible,body.presentation-page section#testimonials .content.visible {
    opacity: 1;
    transform: none
}

body.homepage section#testimonials .content .stars img.star,body.presentation-page section#testimonials .content .stars img.star {
    width: 30px;
    margin: 5px
}

body.homepage section#preview,body.presentation-page section#preview {
    background: url(assets-flat/preview.svg);
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 140px;
    padding-bottom: 200px;
    margin-top: -120px;
    position: relative;
    z-index: 1
}

body.homepage section#preview #preview-menu,body.presentation-page section#preview #preview-menu {
    margin-top: 50px
}

body.homepage section#preview .ui.tab img,body.presentation-page section#preview .ui.tab img {
    display: block;
    width: 100%;
    max-width: 800px;
    margin: auto;
    border: 1px solid #DDD;
    box-shadow: 0 5px 12px rgba(50,50,93,0.1),0 2px 7px rgba(0,0,0,0.07)
}

body.homepage section#preview .menu-column,body.homepage section#preview .content-column,body.presentation-page section#preview .menu-column,body.presentation-page section#preview .content-column {
    margin: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

body.homepage section#preview #payslip-example h2,body.presentation-page section#preview #payslip-example h2 {
    text-align: left;
    color: #2DA3ED
}

body.homepage section#preview .content-column .call-to-action,body.presentation-page section#preview .content-column .call-to-action {
    text-align: center;
    margin-top: 50px
}

body.homepage section#questions,body.presentation-page section#questions {
    background: url(assets-flat/questions.svg);
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: -100px;
    padding-top: 120px;
    position: relative;
    z-index: 2;
    overflow: auto
}

body.homepage section#questions h1,body.presentation-page section#questions h1 {
    margin-bottom: 60px
}

body.homepage section#questions .segment.segment--material,body.presentation-page section#questions .segment.segment--material {
    margin-bottom: 0;
    min-height: 90px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 520px) {
    body.homepage section#questions .segment.segment--material,body.presentation-page section#questions .segment.segment--material {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    body.homepage section#questions section#questions,body.presentation-page section#questions section#questions {
        padding-top:100px
    }
}

body.homepage section#questions,body.presentation-page section#questions {
    background: url(assets-flat/questions.svg);
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: -100px;
    padding-top: 120px;
    position: relative;
    z-index: 2;
    overflow: auto
}

body.homepage section#questions h1,body.presentation-page section#questions h1 {
    margin-bottom: 60px
}

body.homepage section#questions .segment.segment--material,body.presentation-page section#questions .segment.segment--material {
    margin-bottom: 0;
    min-height: 90px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px)
}

@media (min-width: 520px) {
    body.homepage section#questions .segment.segment--material,body.presentation-page section#questions .segment.segment--material {
        margin-left:unset;
        margin-right: unset;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    body.homepage section#questions section#questions,body.presentation-page section#questions section#questions {
        padding-top:100px
    }
}

@media only screen and (max-width: 1400px) {
    body.homepage #first-benefit #clock-container img#clock,body.homepage #first-benefit #clock-container img#clock-little,body.homepage #first-benefit #clock-container img#clock-big,body.homepage #first-benefit #clock-container img#clock-shadow,body.presentation-page #first-benefit #clock-container img#clock,body.presentation-page #first-benefit #clock-container img#clock-little,body.presentation-page #first-benefit #clock-container img#clock-big,body.presentation-page #first-benefit #clock-container img#clock-shadow {
        right:-50px !important
    }

    body.homepage #second-benefit #angel,body.homepage #second-benefit #angel-shadow,body.presentation-page #second-benefit #angel,body.presentation-page #second-benefit #angel-shadow {
        left: -100px !important
    }
}

@media only screen and (max-width: 1100px) {
    body.homepage section.benefit #first-benefit .col.main,body.homepage section.benefit #third-benefit .col.main,body.presentation-page section.benefit #first-benefit .col.main,body.presentation-page section.benefit #third-benefit .col.main {
        padding-left:50px
    }

    body.homepage section.benefit #second-benefit .col.main,body.presentation-page section.benefit #second-benefit .col.main {
        padding-right: 50px
    }

    body.homepage .testimonial img,body.presentation-page .testimonial img {
        height: 60px !important;
        width: 60px !important;
        top: 35px !important
    }

    body.homepage .testimonial.left,body.presentation-page .testimonial.left {
        margin-left: 30px !important
    }

    body.homepage .testimonial.left img,body.presentation-page .testimonial.left img {
        left: -30px !important
    }

    body.homepage .testimonial.left .content,body.presentation-page .testimonial.left .content {
        padding-left: 40px !important
    }

    body.homepage .testimonial.right,body.presentation-page .testimonial.right {
        margin-right: 30px !important
    }

    body.homepage .testimonial.right img,body.presentation-page .testimonial.right img {
        right: -30px !important
    }

    body.homepage .testimonial.right .content,body.presentation-page .testimonial.right .content {
        padding-right: 40px !important
    }
}

@media only screen and (max-width: 991px) {
    body.homepage #first-benefit #clock-container img#clock,body.homepage #first-benefit #clock-container img#clock-little,body.homepage #first-benefit #clock-container img#clock-big,body.homepage #first-benefit #clock-container img#clock-shadow,body.presentation-page #first-benefit #clock-container img#clock,body.presentation-page #first-benefit #clock-container img#clock-little,body.presentation-page #first-benefit #clock-container img#clock-big,body.presentation-page #first-benefit #clock-container img#clock-shadow {
        right:-70px !important
    }
}

@media only screen and (max-width: 991px) {
    body.homepage section#partners .citation,body.presentation-page section#partners .citation {
        background-size:auto 100%
    }

    body.homepage section#partners .name,body.presentation-page section#partners .name {
        display: none
    }

    body.homepage section.benefit,body.presentation-page section.benefit {
        padding-bottom: 100px
    }

    body.homepage section.benefit .bullets,body.presentation-page section.benefit .bullets {
        margin-top: 40px
    }

    body.homepage section.benefit .bullets h2,body.presentation-page section.benefit .bullets h2 {
        text-align: center
    }

    body.homepage section#first-benefit.benefit .col.main,body.homepage section#second-benefit.benefit .col.main,body.homepage section#third-benefit.benefit .col.main,body.presentation-page section#first-benefit.benefit .col.main,body.presentation-page section#second-benefit.benefit .col.main,body.presentation-page section#third-benefit.benefit .col.main {
        padding-left: 20px;
        padding-right: 20px
    }

    body.homepage section#first-benefit.benefit,body.presentation-page section#first-benefit.benefit {
        margin-top: 50px
    }

    body.homepage section#first-benefit.benefit h1,body.presentation-page section#first-benefit.benefit h1 {
        text-align: left;
        max-width: 80%
    }

    body.homepage section#first-benefit.benefit #clock-container img#clock,body.homepage section#first-benefit.benefit #clock-container img#clock-little,body.homepage section#first-benefit.benefit #clock-container img#clock-big,body.homepage section#first-benefit.benefit #clock-container img#clock-shadow,body.presentation-page section#first-benefit.benefit #clock-container img#clock,body.presentation-page section#first-benefit.benefit #clock-container img#clock-little,body.presentation-page section#first-benefit.benefit #clock-container img#clock-big,body.presentation-page section#first-benefit.benefit #clock-container img#clock-shadow {
        width: 170px;
        right: 20px !important;
        top: 50px
    }

    body.homepage section#first-benefit.benefit .row.content,body.presentation-page section#first-benefit.benefit .row.content {
        margin-top: 0px
    }

    body.homepage section#first-benefit.benefit .row.content p.main,body.presentation-page section#first-benefit.benefit .row.content p.main {
        max-width: 90%
    }

    body.homepage section#second-benefit.benefit,body.presentation-page section#second-benefit.benefit {
        margin-top: 70px
    }

    body.homepage section#second-benefit.benefit h1,body.presentation-page section#second-benefit.benefit h1 {
        text-align: right
    }

    body.homepage section#second-benefit.benefit #angel,body.presentation-page section#second-benefit.benefit #angel {
        top: -100px;
        width: 150px;
        left: -20px !important
    }

    body.homepage section#second-benefit.benefit #angel-shadow,body.presentation-page section#second-benefit.benefit #angel-shadow {
        top: -100px;
        width: 170px;
        left: -20px !important
    }

    body.homepage section#third-benefit.benefit #plane-container #plane,body.presentation-page section#third-benefit.benefit #plane-container #plane {
        top: -20px;
        width: 170px;
        left: -150px
    }

    body.homepage section#third-benefit.benefit #plane-container #plane-shadow,body.presentation-page section#third-benefit.benefit #plane-container #plane-shadow {
        top: -20px;
        width: 190px;
        left: -150px
    }

    body.homepage section#third-benefit.benefit .col.main h1,body.presentation-page section#third-benefit.benefit .col.main h1 {
        text-align: right
    }
}

@media only screen and (max-width: 767px) {
    body.homepage section#first-benefit.benefit .col.main,body.homepage section#second-benefit.benefit .col.main,body.homepage section#third-benefit.benefit .col.main,body.presentation-page section#first-benefit.benefit .col.main,body.presentation-page section#second-benefit.benefit .col.main,body.presentation-page section#third-benefit.benefit .col.main {
        padding-left:10px;
        padding-right: 10px
    }

    body.homepage section#first-benefit.benefit,body.presentation-page section#first-benefit.benefit {
        margin-top: 50px
    }

    body.homepage section#first-benefit.benefit .col.main p.main,body.presentation-page section#first-benefit.benefit .col.main p.main {
        width: 100%
    }

    body.homepage section#first-benefit.benefit h1,body.presentation-page section#first-benefit.benefit h1 {
        text-align: left
    }

    body.homepage section#first-benefit.benefit #clock-container img#clock,body.homepage section#first-benefit.benefit #clock-container img#clock-little,body.homepage section#first-benefit.benefit #clock-container img#clock-big,body.homepage section#first-benefit.benefit #clock-container img#clock-shadow,body.presentation-page section#first-benefit.benefit #clock-container img#clock,body.presentation-page section#first-benefit.benefit #clock-container img#clock-little,body.presentation-page section#first-benefit.benefit #clock-container img#clock-big,body.presentation-page section#first-benefit.benefit #clock-container img#clock-shadow {
        width: 150px;
        right: -10px !important
    }

    body.homepage section#second-benefit.benefit h1,body.presentation-page section#second-benefit.benefit h1 {
        text-align: right;
        max-width: 450px;
        margin-left: auto
    }

    body.homepage section#second-benefit.benefit #angel,body.presentation-page section#second-benefit.benefit #angel {
        top: -100px;
        width: 180px;
        left: -20px !important
    }

    body.homepage section#second-benefit.benefit #angel-shadow,body.presentation-page section#second-benefit.benefit #angel-shadow {
        top: -100px;
        width: 200px;
        left: -20px !important
    }

    body.homepage section#third-benefit.benefit #plane-container #plane,body.presentation-page section#third-benefit.benefit #plane-container #plane {
        width: 100px
    }

    body.homepage section#third-benefit.benefit #plane-container #plane-shadow,body.presentation-page section#third-benefit.benefit #plane-container #plane-shadow {
        width: 120px
    }

    body.homepage section#third-benefit.benefit h1,body.presentation-page section#third-benefit.benefit h1 {
        text-align: right;
        max-width: 350px;
        margin-left: auto
    }

    body.homepage section#partners,body.presentation-page section#partners {
        padding-top: 100px;
        padding-bottom: 100px
    }

    body.homepage section#partners .partner-logo,body.presentation-page section#partners .partner-logo {
        left: 0;
        height: 100px
    }

    body.homepage section#partners .partner-logo img,body.presentation-page section#partners .partner-logo img {
        width: 100%;
        max-width: 200px;
        position: absolute;
        left: 0
    }

    body.homepage section#support,body.presentation-page section#support {
        background: var(--app-background, #E5F0F6);
        padding-top: 50px;
        padding-bottom: 50px
    }

    body.homepage section#support h1 img,body.presentation-page section#support h1 img {
        display: block;
        margin: auto;
        position: static;
        width: 50px;
        margin-top: 10px
    }

    body.homepage section#offers,body.presentation-page section#offers {
        padding-top: 50px;
        padding-bottom: 50px
    }

    body.homepage section#offers h1,body.presentation-page section#offers h1 {
        margin-bottom: 50px
    }

    body.homepage section#testimonials,body.presentation-page section#testimonials {
        padding-top: 170px;
        padding-bottom: 200px
    }

    body.homepage section#testimonials .content,body.presentation-page section#testimonials .content {
        font-size: 20px
    }

    body.homepage section#preview,body.presentation-page section#preview {
        padding-top: 80px;
        padding-bottom: 140px
    }

    body.homepage section#preview h1,body.presentation-page section#preview h1 {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 30px
    }

    body.homepage section#preview #preview-menu,body.presentation-page section#preview #preview-menu {
        margin-top: 20px
    }

    body.homepage section#preview #preview-menu .item,body.presentation-page section#preview #preview-menu .item {
        font-size: 14px
    }

    body.homepage section#questions,body.presentation-page section#questions {
        padding-top: 100px
    }
}

@media only screen and (max-width: 520px) {
    body.homepage section#partners .partner-logo,body.presentation-page section#partners .partner-logo {
        left:0;
        height: unset;
        text-align: center
    }

    body.homepage section#partners .partner-logo img,body.presentation-page section#partners .partner-logo img {
        max-height: 100px;
        width: auto;
        max-width: 200px;
        position: relative;
        left: 0
    }
}

@media only screen and (max-width: 350px) {
    body.homepage section#first-benefit.benefit #clock-container img#clock,body.homepage section#first-benefit.benefit #clock-container img#clock-little,body.homepage section#first-benefit.benefit #clock-container img#clock-big,body.homepage section#first-benefit.benefit #clock-container img#clock-shadow,body.presentation-page section#first-benefit.benefit #clock-container img#clock,body.presentation-page section#first-benefit.benefit #clock-container img#clock-little,body.presentation-page section#first-benefit.benefit #clock-container img#clock-big,body.presentation-page section#first-benefit.benefit #clock-container img#clock-shadow {
        width:120px;
        right: -60px !important;
        top: 80px
    }
}

body.homepage.child_notebook h2,body.presentation-page.child_notebook h2 {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 30px
}

body.homepage.child_notebook h2 strong,body.presentation-page.child_notebook h2 strong {
    color: #F7B844
}

@media (min-width: 520px) {
    body.homepage.child_notebook h2,body.presentation-page.child_notebook h2 {
        font-size:40px
    }
}

@media (min-width: 768px) {
    body.homepage.child_notebook h2,body.presentation-page.child_notebook h2 {
        font-size:45px
    }
}

body.homepage.child_notebook section.notebook-app,body.presentation-page.child_notebook section.notebook-app {
    padding-bottom: 50px
}

body.homepage.child_notebook section.notebook-app img,body.presentation-page.child_notebook section.notebook-app img {
    display: block;
    width: 100%;
    margin: auto
}

@media (min-width: 768px) {
    body.homepage.child_notebook section.notebook-app img,body.presentation-page.child_notebook section.notebook-app img {
        width:80%
    }
}

@media (min-width: 992px) {
    body.homepage.child_notebook section.notebook-app img,body.presentation-page.child_notebook section.notebook-app img {
        width:70%
    }
}

@media (min-width: 1200px) {
    body.homepage.child_notebook section.notebook-app img,body.presentation-page.child_notebook section.notebook-app img {
        width:60%
    }
}

body.homepage.child_notebook section.notebook-activity img.illustration,body.homepage.child_notebook section.notebook-communication img.illustration,body.homepage.child_notebook section.notebook-pictures img.illustration,body.presentation-page.child_notebook section.notebook-activity img.illustration,body.presentation-page.child_notebook section.notebook-communication img.illustration,body.presentation-page.child_notebook section.notebook-pictures img.illustration {
    display: block;
    margin: auto;
    width: 100%
}

@media (min-width: 520px) {
    body.homepage.child_notebook section.notebook-activity img.illustration,body.homepage.child_notebook section.notebook-communication img.illustration,body.homepage.child_notebook section.notebook-pictures img.illustration,body.presentation-page.child_notebook section.notebook-activity img.illustration,body.presentation-page.child_notebook section.notebook-communication img.illustration,body.presentation-page.child_notebook section.notebook-pictures img.illustration {
        width:60%
    }
}

@media (min-width: 992px) {
    body.homepage.child_notebook section.notebook-activity img.illustration,body.homepage.child_notebook section.notebook-communication img.illustration,body.homepage.child_notebook section.notebook-pictures img.illustration,body.presentation-page.child_notebook section.notebook-activity img.illustration,body.presentation-page.child_notebook section.notebook-communication img.illustration,body.presentation-page.child_notebook section.notebook-pictures img.illustration {
        width:100%
    }
}

body.homepage.child_notebook section.notebook-activity,body.presentation-page.child_notebook section.notebook-activity {
    background-image: url(assets-flat/notebook-activity.svg);
    background-size: auto;
    padding-top: 80px;
    padding-bottom: 80px
}

@media (min-width: 768px) {
    body.homepage.child_notebook section.notebook-activity,body.presentation-page.child_notebook section.notebook-activity {
        padding-top:130px;
        padding-bottom: 130px
    }
}

body.homepage.child_notebook section.notebook-communication,body.presentation-page.child_notebook section.notebook-communication {
    background-image: url(assets-flat/notebook-communication.svg);
    background-size: auto;
    margin-top: -100px;
    padding-top: 80px;
    padding-bottom: 80px
}

@media (min-width: 768px) {
    body.homepage.child_notebook section.notebook-communication,body.presentation-page.child_notebook section.notebook-communication {
        padding-top:130px;
        padding-bottom: 130px
    }
}

body.homepage.child_notebook section.notebook-pictures,body.presentation-page.child_notebook section.notebook-pictures {
    background-image: url(assets-flat/notebook-pictures.svg);
    background-size: auto;
    margin-top: -100px;
    padding-top: 130px;
    padding-bottom: 130px
}

body.terms .terms__content h1 {
    margin-top: 50px;
    margin-bottom: 25px
}

body.terms .terms__content h2 {
    margin-top: 40px;
    margin-bottom: 20px
}

body.terms .terms__content h3 {
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    body.terms .terms__content h1 {
        margin-top:100px
    }

    body.terms .terms__content h2 {
        margin-top: 80px
    }

    body.terms .terms__content h3 {
        margin-top: 40px
    }
}

body.terms .terms__content .segment.resume {
    position: sticky;
    top: 120px;
    margin-bottom: 30px;
    margin-top: 10px;
    background: #ddf0fc
}

@media (min-width: 992px) {
    body.terms .terms__content .segment.resume {
        margin-top:0
    }
}

body.terms .terms__content .segment.resume h3 {
    margin-top: 0
}

body.terms .terms__content .terms-row .terms__content__text {
    display: none
}

@media (min-width: 992px) {
    body.terms .terms__content .terms-row .terms__content__text {
        display:block
    }
}

@media (min-width: 992px) {
    body.terms .terms__content .terms-row .terms__content__accordion {
        display:none
    }
}

.checkbox-simple {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 25px;
    width: 25px;
    border: 2px solid #d7dbde;
    border-radius: 4px;
    cursor: pointer
}

.checkbox-simple:checked {
    border-color: #2DA3ED;
    background-color: #2DA3ED;
    color: white;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 10 3 3 6-6'/></svg>")
}

.toggle-illustration {
    background-color: white;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
    border: 2px solid transparent
}

.toggle-illustration__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px
}

.toggle-illustration__toggle-image {
    border-radius: 50%;
    background: #ebedef
}

.toggle-illustration__image img {
    width: 60px
}

.toggle-illustration__text {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #5f707c;
    font-weight: 500
}

@media (min-width: 385px) {
    .toggle-illustration__text {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .toggle-illustration__text {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .toggle-illustration__text {
        font-size:17px
    }
}

.toggle-illustration__error {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #E84D67;
    margin-top: 10px
}

@media (min-width: 385px) {
    .toggle-illustration__error {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .toggle-illustration__error {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .toggle-illustration__error {
        font-size:14px
    }
}

.toggle-illustration--checked .toggle-illustration__text {
    color: #4d4d4d
}

.toggle-illustration--checked .toggle-illustration__toggle-image {
    background: #2DA3ED
}

.toggle-illustration--error {
    border-color: #E84D67
}

.input-card-illustration {
    padding-top: 76px;
    display: flex;
    flex-direction: column;
    padding-bottom: 35px;
    height: 100%
}

.input-card-illustration__container {
    box-sizing: border-box;
    background-color: white;
    border: 2px solid #FFF;
    position: relative;
    padding: 90px 15px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 5px 0 rgba(5,32,50,0.2);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 100%
}

@media (min-width: 768px) {
    .input-card-illustration__container {
        gap:0
    }
}

.input-card-illustration__container--error {
    border: 2px solid #E84D67
}

.input-card-illustration--selected .input-card-illustration__image {
    background-color: #79c4f3
}

.input-card-illustration--selected .input-card-illustration__container {
    border: 2px solid var(--primary-blue, #2DA3ED)
}

.input-card-illustration__image {
    position: absolute;
    top: -70px;
    transform: translateX(-50%);
    left: 50%;
    background-color: #ebedef;
    border-radius: 50%;
    width: 140px;
    height: 140px
}

.input-card-illustration__image img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.input-card-illustration__text {
    text-align: center
}

.input-card-illustration__title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px
}

@media (min-width: 385px) {
    .input-card-illustration__title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .input-card-illustration__title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .input-card-illustration__title {
        font-size:17px
    }
}

.input-card-illustration__description {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #5f707c
}

@media (min-width: 385px) {
    .input-card-illustration__description {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .input-card-illustration__description {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .input-card-illustration__description {
        font-size:17px
    }
}

.input-card-illustration__checked-content {
    margin-top: 10px;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    display: none
}

@media (min-width: 385px) {
    .input-card-illustration__checked-content {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .input-card-illustration__checked-content {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .input-card-illustration__checked-content {
        font-size:14px
    }
}

.input-card-illustration__input-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.input-card-illustration input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 25px;
    width: 25px;
    border: 2px solid #d7dbde;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 0;
    flex-shrink: 0
}

.input-card-illustration input[type='checkbox']:checked {
    border-color: #2DA3ED;
    background-color: #2DA3ED;
    color: white;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 10 3 3 6-6'/></svg>")
}

@media (min-width: 768px) {
    .input-card-illustration input[type='checkbox'] {
        margin-top:16px
    }
}

.input-card-illustration input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
    width: 20px;
    height: 20px;
    border: 2px solid #BBD1DF;
    box-sizing: border-box;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    transition: border-color 0.2s ease-in-out;
    flex-shrink: 0;
    margin-top: 16px
}

.input-card-illustration input[type='radio']:checked {
    border: 4px solid #2DA3ED
}

.input-card-illustration__error {
    margin-top: 10px;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #E84D67;
    margin-bottom: 15px;
    text-align: center
}

@media (min-width: 385px) {
    .input-card-illustration__error {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .input-card-illustration__error {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .input-card-illustration__error {
        font-size:14px
    }
}

@media (max-width: 767.98px) {
    .input-card-illustration--mobile-horizontal {
        padding-top:0;
        padding-left: 60px
    }

    .input-card-illustration--mobile-horizontal input[type='checkbox'],.input-card-illustration--mobile-horizontal input[type='radio'] {
        margin-top: 0
    }

    .input-card-illustration--mobile-horizontal .input-card-illustration__container {
        min-height: 120px;
        flex-direction: row;
        justify-content: space-between;
        padding: 20px 15px 20px 75px
    }

    .input-card-illustration--mobile-horizontal .input-card-illustration__image {
        top: 50%;
        transform: translateY(-50%);
        left: -60px;
        width: 120px;
        height: 120px
    }

    .input-card-illustration--mobile-horizontal .input-card-illustration__text {
        text-align: left
    }

    .input-card-illustration--mobile-horizontal .input-card-illustration__checked-content {
        margin-left: -60px
    }

    .input-card-illustration--mobile-horizontal .input-card-illustration__error {
        text-align: left;
        margin-left: -60px
    }
}

.br-theme-css-stars .br-widget {
    height: 28px;
    white-space: nowrap
}

.br-theme-css-stars .br-widget a {
    text-decoration: none;
    height: 18px;
    width: 18px;
    float: left;
    font-size: 23px;
    margin-right: 5px
}

.br-theme-css-stars .br-widget a:after {
    content: "\2605";
    color: #d2d2d2
}

.br-theme-css-stars .br-widget a.br-active:after {
    color: #EDB867
}

.br-theme-css-stars .br-widget a.br-selected:after {
    color: #EDB867
}

.br-theme-css-stars .br-widget .br-current-rating {
    display: none
}

.br-theme-css-stars .br-readonly a {
    cursor: default
}

@media print {
    .br-theme-css-stars .br-widget a:after {
        content: "\2606";
        color: black
    }

    .br-theme-css-stars .br-widget a.br-active:after,.br-theme-css-stars .br-widget a.br-selected:after {
        content: "\2605";
        color: black
    }
}

.br-theme-css-stars .br-widget {
    display: flex;
    gap: 5px;
    margin: 5px 0
}

.br-theme-css-stars .br-widget a {
    float: none;
    margin-right: 0;
    width: auto;
    height: auto
}

.br-theme-css-stars .br-widget a::after {
    content: url(assets-flat/star-off.svg)
}

.br-theme-css-stars .br-widget a.br-active:after {
    content: url(assets-flat/star.svg)
}

.br-theme-css-stars .br-widget a.br-selected:after {
    content: url(assets-flat/star.svg)
}

.radio-buttons-tag {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.radio-buttons-tag__input-wrapper {
    padding: 5px 14px;
    border-radius: 40px;
    border: 2px solid #cde9fb;
    box-sizing: border-box;
    background: white;
    cursor: pointer
}

@media (min-width: 520px) {
    .radio-buttons-tag__input-wrapper {
        padding:8px 16px
    }
}

.radio-buttons-tag__input-wrapper label {
    font-weight: 500;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #5f707c
}

.radio-buttons-tag__input-wrapper:hover {
    transition: border 0.3s ease;
    border: 2px solid #2DA3ED
}

.radio-buttons-tag__input-wrapper:hover label {
    color: #2DA3ED
}

.radio-buttons-tag__input-wrapper.checked {
    background: #2DA3ED;
    border: 2px solid #2DA3ED
}

.radio-buttons-tag__input-wrapper.checked label {
    color: white
}

.radio-buttons-tag__input-wrapper.disabled {
    background: #ebedef;
    pointer-events: none;
    border: 2px solid transparent
}

.radio-buttons-tag__input-wrapper.disabled label {
    background: #ebedef;
    color: #9ba6ad
}

.radio-buttons-tag__input {
    display: none
}

.radio-button-card {
    display: flex;
    gap: 15px;
    flex-wrap: wrap
}

.radio-button-card__input-wrapper {
    flex: 1;
    display: flex;
    align-items: flex-end;
    border: 2px solid transparent;
    box-shadow: 0 3px 6px 0 rgba(155,166,173,0.3);
    padding-left: 5px;
    padding-right: 5px;
    transition: border-color 0.3s ease-in
}

@media (min-width: 768px) {
    .radio-button-card__input-wrapper {
        padding-left:10px;
        padding-right: 10px
    }
}

.radio-button-card__input-wrapper div {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.radio-button-card__input-wrapper.checked {
    box-shadow: none;
    border: 2px solid var(--primary-blue, #2DA3ED)
}

.radio-button-card__input-wrapper label {
    font-size: 12px;
    cursor: pointer
}

@media (min-width: 768px) {
    .radio-button-card__input-wrapper label {
        font-size:initial
    }
}

.radio-button-card__input-wrapper img {
    width: 30px
}

@media (min-width: 768px) {
    .radio-button-card__input-wrapper img {
        width:auto
    }
}

.select-icon {
    position: relative;
    font-weight: 600;
    padding: 10px 15px;
    cursor: pointer;
    background: white;
    color: #4d4d4d;
    border: 2px solid #BBD1DF;
    border-radius: 16px
}

.select-icon--small {
    padding: 4px 10px;
    font-size: 14px
}

.select-icon svg {
    width: 16px;
    height: 16px
}

.select-icon__selection {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 12px;
    left: 0;
    border-radius: 15px;
    min-width: 100%;
    box-shadow: 0 3px 8px 0 rgba(155,166,173,0.3);
    background-color: white;
    z-index: 450;
    white-space: nowrap;
    flex-direction: column;
    max-height: 50vh;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: default
}

.select-icon__selection::-webkit-scrollbar {
    display: none
}

.select-icon__option {
    color: #4d4d4d;
    padding: 16px 12px 16px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-wrap: wrap
}

.select-icon__option:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.select-icon__option:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.select-icon__option:hover {
    background-color: #d7dbde
}

.select-icon__option-active {
    background: #1b4159;
    color: white;
    pointer-events: none
}

.select-icon__selected {
    display: flex;
    align-items: center
}

.select-icon__selected-icon {
    margin-right: 5px
}

.select-icon--blue {
    background-color: #1b4159;
    color: white;
    border-color: transparent
}

.select-icon--rounded {
    border-radius: 40px
}

.select-icon__option--hidden {
    display: none
}

.select-icon__first-visible {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.select-icon__last-visible {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.select-icon--empty {
    background-color: transparent;
    border: none
}

.select-icon .icon-circle-background.icon-circle-background--small svg {
    width: 24px;
    height: 24px
}

.noUi-connect {
    background-color: #2DA3ED
}

.noUi-target {
    border-color: #79c4f3
}

.noUi-handle {
    border-color: #79c4f3
}

.noUi-handle .noUi-tooltip {
    border-color: #79c4f3;
    border-radius: 8px;
    padding: 5px 10px
}

.noUi-handle::before {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid #2DA3ED;
    left: 10px;
    top: 9px
}

.noUi-handle::after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #2DA3ED;
    right: 10px;
    top: 9px
}

.noUi-handle::after,.noUi-handle::before {
    width: initial;
    height: initial;
    background: transparent
}

.input-slider__wrapper {
    padding-left: 40px
}

.slot_display,.slot_schedule_edit {
    overflow: auto;
    white-space: nowrap;
    display: flex;
    justify-content: space-between
}

.slot_display .slot_column,.slot_schedule_edit .slot_column {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: center;
    gap: 6px
}

.slot_display .slot_column:first-child .slot_cell,.slot_schedule_edit .slot_column:first-child .slot_cell {
    justify-content: flex-end
}

.slot_display .slot_cell,.slot_schedule_edit .slot_cell {
    display: flex;
    justify-content: center;
    align-items: center
}

.slot_display .slot_cell__dot,.slot_schedule_edit .slot_cell__dot {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #ebedef
}

.slot_display .slot_cell__dot--available,.slot_schedule_edit .slot_cell__dot--available {
    background-color: #2DA3ED
}

.slot_display {
    max-width: 500px;
    margin: auto
}

.slot_display .slot_column {
    font-size: 12px
}

.slot_display .slot_cell {
    height: 20px
}

.slot_display .slot_cell svg {
    color: #E2E2E2;
    font-size: 14px
}

.slot_display svg.available {
    color: #1DCB8C
}

.slot_schedule_edit {
    position: relative;
    overflow: initial
}

@media (min-width: 768px) {
    .slot_schedule_edit {
        margin:0px 1rem 25px
    }
}

.slot_schedule_edit .slot_day {
    font-size: 11px
}

@media (min-width: 768px) {
    .slot_schedule_edit .slot_day {
        font-size:14px
    }
}

.slot_schedule_edit .slot_column {
    width: 50px;
    font-size: 14px
}

@media (min-width: 992px) {
    .slot_schedule_edit .slot_column {
        gap:inherit
    }
}

@media (min-width: 992px) {
    .slot_schedule_edit .slot_column {
        width:12%
    }
}

.slot_schedule_edit .slot_column .slot_cell_wrapper {
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width: 992px) {
    .slot_schedule_edit .slot_column .slot_cell_wrapper {
        display:flex;
        justify-content: center;
        padding: 4px 0px;
        width: 100%
    }

    .slot_schedule_edit .slot_column .slot_cell_wrapper--content-lg-hover-blue:hover {
        cursor: pointer;
        background: #cde9fb;
        border-radius: 12px
    }

    .slot_schedule_edit .slot_column .slot_cell_wrapper--content-lg-hover-blue:hover .slot_cell.unit.inactive {
        border: 2px solid #2DA3ED
    }
}

.slot_schedule_edit .slot_column .slot_cell_wrapper--first {
    justify-content: start
}

.slot_schedule_edit .slot_column.first {
    width: 120px;
    font-size: 11px
}

.slot_schedule_edit .slot_column.first .slot_cell {
    justify-content: start;
    font-size: 11px;
    font-weight: bold
}

@media (min-width: 768px) {
    .slot_schedule_edit .slot_column.first .slot_cell {
        font-size:13px
    }
}

@media (min-width: 768px) {
    .slot_schedule_edit .slot_column.first {
        font-size:14px
    }
}

.slot_schedule_edit .slot_column--link {
    align-items: center;
    position: absolute;
    left: -40px;
    width: auto
}

.slot_schedule_edit .slot_column--link .slot_cell_link_wrapper {
    width: 100%;
    padding: 4px 8px
}

.slot_schedule_edit .slot_cell_link_wrapper .link {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slot_schedule_edit .slot_cell_link_wrapper .link--solid-border {
    border-bottom: 1px solid #4d4d4d
}

.slot_schedule_edit .slot_cell_link_wrapper .slot_cell {
    margin: auto
}

.slot_schedule_edit .slot_cell_link_wrapper .slot_cell--hidden {
    cursor: inherit
}

.slot_schedule_edit .slot_cell_link_wrapper .slot_cell--hidden a,.slot_schedule_edit .slot_cell_link_wrapper .slot_cell--hidden svg {
    display: none
}

.slot_schedule_edit .slot_cell_link_wrapper .slot_cell--show a,.slot_schedule_edit .slot_cell_link_wrapper .slot_cell--show svg {
    display: block
}

.slot_schedule_edit .slot_cell_link_wrapper .slot_cell--show a:hover,.slot_schedule_edit .slot_cell_link_wrapper .slot_cell--show svg:hover {
    color: #2DA3ED
}

.slot_schedule_edit .slot_cell {
    border-radius: 4px;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.slot_schedule_edit .slot_cell--blank {
    cursor: inherit
}

.slot_schedule_edit .slot_cell.first {
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold
}

@media (min-width: 385px) {
    .slot_schedule_edit .slot_cell.first {
        font-size:14px
    }
}

@media (min-width: 768px) {
    .slot_schedule_edit .slot_cell.first {
        font-size:13px
    }
}

@media (min-width: 992px) {
    .slot_schedule_edit .slot_cell.first {
        font-size:14px
    }
}

.slot_schedule_edit .slot_cell.slot_time:hover,.slot_schedule_edit .slot_cell.slot_day:hover {
    color: #2DA3ED
}

.slot_schedule_edit .slot_cell svg {
    width: 10px;
    height: 10px
}

@media (min-width: 768px) {
    .slot_schedule_edit .slot_cell svg {
        width:12px;
        height: 12px
    }
}

.slot_schedule_edit .slot_cell span.legend {
    display: none;
    color: #FFF;
    text-decoration: none;
    text-transform: none;
    position: relative;
    font-size: 11px
}

@media (min-width: 768px) {
    .slot_schedule_edit .slot_cell span.legend {
        font-size:12px
    }
}

.slot_schedule_edit .slot_cell.unit.active {
    background: #2DA3ED
}

.slot_schedule_edit .slot_cell.unit.active span.legend {
    display: inline-block;
    font-weight: 600
}

.slot_schedule_edit .slot_cell.unit.active svg {
    color: white
}

.slot_schedule_edit .slot_cell.unit.inactive {
    border: 2px solid #d7dbde;
    transition: border-color 0.2s ease-in
}

.slot_schedule_edit .slot_cell.unit.inactive:hover {
    border: 2px solid #2DA3ED
}

.slot_schedule_edit .slot_cell.unit.inactive svg {
    display: none
}

@media (min-width: 992px) {
    .segment .slot_schedule_edit .slot_cell_wrapper--content-lg-hover-blue:hover {
        background:#ddf0fc
    }
}

ul.custom-select-dropdown,.custom-select-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden
}

ul.custom-select-dropdown li,.custom-select-dropdown ul li {
    display: block;
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.2s
}

ul.custom-select-dropdown li:hover,.custom-select-dropdown ul li:hover {
    background-color: #f0f0f0
}

ul.custom-select-dropdown li.active,.custom-select-dropdown ul li.active {
    background-color: #007bff;
    color: #fff
}

body.notebook .app-subcontainer {
    margin-left: 0;
    padding: 1.5rem
}

@media (min-width: 1200px) {
    body.notebook .app-subcontainer__content {
        max-width:1119px;
        margin: auto
    }
}

@media (min-width: 1600px) {
    body.notebook .app-subcontainer {
        width:1400px
    }
}

body.notebook .notebook-body {
    position: relative;
    padding-top: 25px;
    min-height: 500px
}

body.notebook .notebook-body .page-spinner {
    color: #2DA3ED;
    width: 80px;
    height: 80px
}

body.notebook .with-spinner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px
}

@media (min-width: 768px) {
    body.notebook .with-spinner {
        min-height:500px
    }
}

body.notebook .with-spinner .page-spinner {
    color: #2DA3ED;
    width: 80px;
    height: 80px
}

body.notebook.child-management-daily #topbar .mode-switcher {
    display: none
}

body.notebook.child-management-daily #topbar #topbar-add-button {
    display: none
}

body.notebook.child-management-daily #topbar #date-switcher .date-switcher__content .date {
    flex-direction: row
}

@media (max-width: 767.98px) {
    body.notebook.child-management-daily #topbar #date-switcher .date-switcher__content .date {
        font-size:20px
    }
}

body.notebook.child-management-daily #topbar #date-switcher .date-switcher__content .date .day.day--long {
    display: block;
    margin-right: 10px
}

body.notebook.child-management-daily #topbar #date-switcher .date-switcher__content .date .day.day--short {
    display: none
}

body.notebook.child-management-daily #notebook-multi #multi-menu-column .bubble-menu__category-item:not(.menu__category-item--management-available) {
    display: none
}

body.notebook.child-management-daily .main-add-button {
    display: none
}

body.notebook.child-management-daily .child-management-daily-hidden {
    display: none
}

.browser-compatibility-message {
    position: fixed;
    bottom: 50px;
    z-index: 50;
    margin-left: 0.5rem;
    margin-right: 0.5rem
}

@media (min-width: 768px) {
    .browser-compatibility-message {
        bottom:0;
        left: 50%;
        transform: translateX(-50%)
    }
}

.browser-compatibility-message .close-alert {
    cursor: pointer
}

.browser-compatibility-message .close-alert svg {
    width: 16px;
    height: 16px
}

.column-transition {
    transition: all 0.5s
}

.column-transition-move {
    opacity: 1;
    transition: all 0.5s
}

.column-transition-enter,.column-transition-leave-to {
    opacity: 0;
    transform: scale(0)
}

.column-transition-enter-to {
    opacity: 1;
    transform: scale(1)
}

.slide-enter-active {
    transition-duration: 0.3s;
    transition-timing-function: ease-in
}

.slide-leave-active {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1)
}

.slide-enter-to,.slide-leave {
    max-height: 100px;
    overflow: hidden
}

.slide-enter,.slide-leave-to {
    overflow: hidden;
    max-height: 0
}

.contract-notebook__title {
    margin-bottom: 48px
}

.contract-notebook__question {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 32px
}

.contract-notebook__main-choices-icon svg {
    color: #2FCFC8;
    height: 100px;
    width: 100px
}

.contract-notebook__add-child .shared {
    display: none
}

.main-add-button {
    position: fixed;
    bottom: 85px;
    right: 15px;
    -webkit-tap-highlight-color: transparent;
    text-align: center;
    z-index: 50
}

@media (min-width: 768px) {
    .main-add-button {
        display:none
    }
}

.main-add-button .btn {
    width: 60px;
    height: 60px;
    cursor: pointer
}

@media (min-width: 768px) {
    .main-add-button .btn {
        box-shadow:0 2px 5px #ccc;
        width: 64px;
        height: 64px
    }
}

.main-add-button .btn svg {
    width: 24px !important;
    height: 24px !important
}

.main-add-button--desktop {
    display: none;
    position: relative;
    bottom: initial;
    right: initial;
    text-align: initial
}

@media (min-width: 768px) {
    .main-add-button--desktop {
        display:initial
    }
}

.main-add-button--desktop .btn {
    width: 60px;
    height: 60px
}

.main-add-button--desktop .btn svg {
    width: 24px !important;
    height: 24px !important
}

@media (min-width: 768px) {
    body.ios-webapp .main-add-button,body.ios-chrome .main-add-button {
        bottom:95px
    }
}

@media (min-width: 768px) and (min-width: 385px) {
    body.ios-webapp .main-add-button,body.ios-chrome .main-add-button {
        bottom:100px
    }
}

.btn--note {
    background-color: #F0DA17
}

.btn--note:hover {
    background-color: #f3e247
}

.btn--picture {
    background-color: #2DA3ED
}

.btn--picture:hover {
    background-color: #5cb8f1
}

.btn--meal {
    background-color: #A0D40B
}

.btn--meal:hover {
    background-color: #bcf31f
}

.btn--sleep {
    background-color: #51C5DF
}

.btn--sleep:hover {
    background-color: #7cd3e7
}

.btn--diaper {
    background-color: #EB64B5
}

.btn--diaper:hover {
    background-color: #f191cb
}

.btn--health {
    background-color: #EB646C
}

.btn--health:hover {
    background-color: #f19197
}

.btn--journey {
    background-color: #8CA1BF
}

.btn--journey:hover {
    background-color: #adbcd1
}

.btn--supplies {
    background-color: #2DA3ED
}

.btn--supplies:hover {
    background-color: #5cb8f1
}

.base-content .content-header {
    display: flex;
    align-items: center
}

.base-content .content-header__avatar {
    margin-right: 16px
}

.base-content .content-header__title-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 16px
}

.base-content .content-header__title-icon.attendance {
    background-color: #3CD5B9
}

.base-content .content-header__title-icon.note {
    background-color: #F0DA17
}

.base-content .content-header__title-icon.sleep {
    background-color: #51C5DF
}

.base-content .content-header__title-icon.journey {
    background-color: #8CA1BF
}

.base-content .content-header__title-icon.diaper {
    background-color: #EB64B5
}

.base-content .content-header__title-icon.health {
    background-color: #EB646C
}

.base-content .content-header__title-icon.meal {
    background-color: #A0D40B
}

.base-content .content-header__title-icon.picture {
    background-color: #2DA3ED
}

.base-content .content-header__title-icon.transmission {
    background-color: #79c4f3
}

.base-content .content-header__title-icon svg {
    width: 18px;
    height: 18px;
    color: white
}

.base-content .content-header__title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px;
    line-height: 18.96px
}

@media (min-width: 385px) {
    .base-content .content-header__title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .base-content .content-header__title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .base-content .content-header__title {
        font-size:17px
    }
}

.base-content .content-header__title .child-name__childminder {
    margin-left: 10px
}

.base-content .content-header__actions-buttons {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-end
}

.base-content .content-header__actions-buttons .btn:nth-last-child(1) {
    margin-left: 8px
}

.childminder-mam-infos {
    opacity: 0.6;
    margin-left: 10px
}

.notebook-content {
    min-height: 150px
}

@media (min-width: 768px) {
    .notebook-content {
        min-height:600px
    }
}

.notebook-content__spinner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.notebook-content .page-spinner {
    color: #2DA3ED;
    width: 80px;
    height: 80px
}

#date-switcher {
    display: flex;
    align-items: center;
    margin-right: 12px;
    min-height: 40px
}

#date-switcher .date-switcher__navigation {
    width: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 14px
}

#date-switcher .date-switcher__navigation .navigation_btn {
    color: #2DA3ED;
    width: 24px;
    height: 24px;
    transition: opacity 0.3s ease
}

#date-switcher .date-switcher__navigation .navigation_btn:hover {
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.3s ease
}

@media (min-width: 385px) {
    #date-switcher .date-switcher__navigation {
        width:64px
    }

    #date-switcher .date-switcher__navigation .navigation_btn {
        width: 28px;
        height: 28px
    }
}

@media (min-width: 768px) {
    #date-switcher .date-switcher__navigation {
        width:72px
    }

    #date-switcher .date-switcher__navigation .navigation_btn {
        width: 32px;
        height: 32px
    }
}

#date-switcher .date-switcher__content {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 60px
}

@media (min-width: 385px) {
    #date-switcher .date-switcher__content {
        width:90px
    }
}

#date-switcher .date-switcher__content .date {
    display: flex;
    flex-direction: column;
    font-size: 16px
}

@media (min-width: 768px) {
    #date-switcher .date-switcher__content .date {
        flex-direction:row;
        font-size: 24px
    }
}

@media (min-width: 992px) {
    #date-switcher .date-switcher__content .date {
        font-size:30px
    }
}

#date-switcher .date-switcher__content .date .day {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin-bottom: 0 !important
}

#date-switcher .date-switcher__content .date .day--long {
    display: none
}

@media (min-width: 768px) {
    #date-switcher .date-switcher__content .date .day--long {
        color:#052032;
        margin-right: 10px;
        display: block
    }
}

#date-switcher .date-switcher__content .date .day--short {
    color: #5f707c;
    text-transform: uppercase
}

@media (min-width: 768px) {
    #date-switcher .date-switcher__content .date .day--short {
        display:none
    }
}

#date-switcher .date-switcher__content .date .day-number {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #052032
}

@media (min-width: 768px) {
    #date-switcher .date-switcher__content .date .day-number {
        margin-right:16px
    }
}

#date-switcher .date-switcher__content .calendar-icon {
    display: none
}

#date-switcher .date-switcher__content .calendar-icon svg {
    color: inherit;
    width: 16px;
    min-width: 16px;
    height: 16px
}

@media (min-width: 768px) {
    #date-switcher .date-switcher__content .calendar-icon {
        display:inherit
    }
}

.notebook-month-switcher {
    display: flex;
    align-items: center
}

.notebook-month-switcher__date {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px
}

@media (min-width: 385px) {
    .notebook-month-switcher__date {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .notebook-month-switcher__date {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .notebook-month-switcher__date {
        font-size:17px
    }
}

.notebook-month-switcher svg {
    width: 28px
}

.overlay-menu {
    background-color: rgba(5,32,50,0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1300;
    transition: all 0.5s ease
}

.overlay-menu--hidden {
    display: none
}

.overlay-menu--alert {
    display: flex;
    justify-content: center;
    align-items: center
}

.overlay-menu__container {
    position: absolute;
    bottom: 85px;
    right: 20px
}

@media (min-width: 768px) {
    .overlay-menu__container {
        bottom:28px;
        right: auto;
        left: 284px;
        margin-left: unset
    }
}

@media (min-width: 1200px) {
    .overlay-menu__container {
        left:304px;
        right: auto
    }
}

@media (min-width: 1600px) {
    .overlay-menu__container {
        left:534px;
        right: auto
    }
}

.overlay-menu__item {
    display: flex;
    align-items: center;
    justify-content: end;
    color: white;
    font-weight: 600;
    cursor: pointer
}

.overlay-menu__item:not(:last-child) {
    margin-bottom: 15px
}

.overlay-menu__item .btn {
    width: 45px;
    height: 45px;
    margin-left: 20px
}

.overlay-menu__item .btn--close {
    width: 60px;
    height: 60px;
    margin-right: -6px;
    background-color: #2DA3ED
}

.overlay-menu__item .btn--close:hover {
    background-color: #5cb8f1
}

.overlay-menu__item svg {
    width: 20px !important;
    height: 20px !important
}

.notebook-topbar-dropdown .dropdown-item {
    color: #052032
}

.notebook-topbar-dropdown .dropdown-item svg {
    width: 16px;
    margin-right: 8px
}

.notebook-topbar-dropdown .dropdown-item.active {
    font-weight: bold;
    color: white
}

@media (min-width: 768px) {
    body.ios-webapp .overlay-menu__container,body.ios-chrome .overlay-menu__container {
        bottom:95px
    }
}

@media (min-width: 768px) and (min-width: 385px) {
    body.ios-webapp .overlay-menu__container,body.ios-chrome .overlay-menu__container {
        bottom:100px
    }
}

.notebook-item-wrapper {
    overflow: hidden;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    width: calc(100% + 2 * 1.25rem)
}

.notebook-item-wrapper:not(:last-child) {
    position: relative
}

.notebook-item-wrapper:not(:last-child):after {
    position: absolute;
    right: 1.25rem;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    width: calc(100% - (2 * 1.25rem));
    background: #ebedef
}

@media (min-width: 992px) {
    .notebook-item-wrapper {
        margin-left:-2rem;
        margin-right: -2rem;
        width: calc(100% + 2 * 2rem)
    }
}

.notebook-item-wrapper:first-child {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    width: calc(100% + 2 * 1.25rem);
    margin-top: -24px
}

@media (min-width: 992px) {
    .notebook-item-wrapper:first-child {
        margin-left:-2rem;
        margin-right: -2rem;
        width: calc(100% + 2 * 2rem)
    }
}

@media (min-width: 768px) {
    .notebook-item-wrapper:first-child {
        border-top-left-radius:12px;
        border-top-right-radius: 12px
    }
}

.notebook-item-wrapper:last-child {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    width: calc(100% + 2 * 1.25rem);
    margin-bottom: -24px
}

@media (min-width: 992px) {
    .notebook-item-wrapper:last-child {
        margin-left:-2rem;
        margin-right: -2rem;
        width: calc(100% + 2 * 2rem)
    }
}

@media (min-width: 768px) {
    .notebook-item-wrapper:last-child {
        border-bottom-left-radius:12px;
        border-bottom-right-radius: 12px
    }
}

.notebook-item-wrapper .notebook-item--clickable {
    cursor: pointer
}

.notebook-item-wrapper .notebook-item--clickable:hover {
    background-color: #faf9e3;
    transition: all 0.5s ease
}

.notebook-item-wrapper--modal {
    margin: unset
}

.notebook-item-wrapper--modal .notebook-item {
    padding-left: unset;
    padding-right: unset
}

.notebook-item {
    padding: 16px 1.25rem
}

@media (min-width: 992px) {
    .notebook-item {
        padding:24px 2rem
    }
}

.notebook-item__title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px;
    margin-bottom: 10px !important
}

@media (min-width: 385px) {
    .notebook-item__title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .notebook-item__title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .notebook-item__title {
        font-size:17px
    }
}

.notebook-item__title__text {
    font-size: 18px;
    display: flex;
    align-items: center
}

.notebook-item__title__text .tag {
    margin-left: 8px
}

.notebook-item__time {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    margin-bottom: 0 !important;
    color: #5f707c
}

@media (min-width: 385px) {
    .notebook-item__time {
        font-size:15px;
        margin-bottom: 1rem
    }
}

.notebook-item__tags {
    margin-top: -8px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center
}

.notebook-item__tags .tag {
    margin-right: 8px;
    margin-top: 8px
}

.notebook-item__comment {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #5f707c;
    white-space: pre-line
}

@media (min-width: 385px) {
    .notebook-item__comment {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .notebook-item__comment {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .notebook-item__comment {
        font-size:16px
    }
}

.notebook-item__comment:not(:first-child) {
    margin-top: 15px
}

.notebook-item__actions-supply {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.notebook-item__actions-supply svg:not(.trashbin) {
    width: 14px
}

.notebook-item__actions-supply .trashbin {
    width: 18px
}

.album-day .modal .modal-body .notebook-item-wrapper {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
    width: auto !important
}

#topbar {
    z-index: 10;
    margin-bottom: 15px;
    overflow: visible
}

@media (min-width: 768px) {
    #topbar {
        box-shadow:none;
        margin-bottom: 25px
    }
}

@media (min-width: 768px) {
    #topbar .topbar__buttons .button {
        width:48px;
        height: 48px
    }

    #topbar .topbar__buttons .button svg {
        width: 18px;
        height: 18px
    }
}

#topbar .menu-back-button {
    margin-right: 8px;
    cursor: pointer
}

@media (min-width: 768px) {
    #topbar .menu-back-button {
        margin-right:20px
    }
}

#topbar .menu-back-button svg {
    width: 28px;
    color: #2DA3ED
}

@media (min-width: 768px) {
    #topbar .menu-back-button svg {
        width:32px
    }
}

#topbar .menu-title {
    margin-top: unset;
    margin-bottom: unset
}

@media (min-width: 768px) {
    #topbar .menu-title {
        margin-left:unset
    }
}

.no-events {
    padding-top: 30px;
    text-align: center
}

.no-events svg {
    display: block;
    width: 250px;
    height: auto;
    color: #ffffff;
    margin: auto;
    margin-top: 50px;
    opacity: 0.7
}

.no-events p {
    font-weight: 700
}

.no-events--solo {
    margin-top: 80px;
    padding-top: 50px
}

.content-spinner {
    color: #2DA3ED;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -1.5rem;
    height: 80px;
    width: 80px
}

@media (min-width: 768px) {
    .content-spinner {
        margin-left:130px
    }
}

@media (min-width: 1200px) {
    .content-spinner {
        margin-left:140px
    }
}

.album-day__picture {
    width: 100%
}

.album__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px
}

.album__header .spinner-border {
    width: 20px;
    height: 20px
}

.album__download-button {
    font-size: 18px
}

.album__download-button svg {
    width: 20px
}

.attendance-item .content-header {
    display: flex;
    align-items: center
}

.attendance-item .content-header__avatar {
    margin-right: 16px
}

.attendance-item .content-header__title-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 16px
}

.attendance-item .content-header__title-icon.attendance {
    background-color: #3CD5B9
}

.attendance-item .content-header__title-icon.note {
    background-color: #F0DA17
}

.attendance-item .content-header__title-icon.sleep {
    background-color: #51C5DF
}

.attendance-item .content-header__title-icon.journey {
    background-color: #8CA1BF
}

.attendance-item .content-header__title-icon.diaper {
    background-color: #EB64B5
}

.attendance-item .content-header__title-icon.health {
    background-color: #EB646C
}

.attendance-item .content-header__title-icon.meal {
    background-color: #A0D40B
}

.attendance-item .content-header__title-icon.picture {
    background-color: #2DA3ED
}

.attendance-item .content-header__title-icon.transmission {
    background-color: #79c4f3
}

.attendance-item .content-header__title-icon svg {
    width: 18px;
    height: 18px;
    color: white
}

.attendance-item .content-header__title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #052032;
    font-size: 16px;
    line-height: 18.96px
}

@media (min-width: 385px) {
    .attendance-item .content-header__title {
        font-size:17px
    }
}

@media (min-width: 768px) {
    .attendance-item .content-header__title {
        font-size:16px
    }
}

@media (min-width: 992px) {
    .attendance-item .content-header__title {
        font-size:17px
    }
}

.attendance-item .content-header__title .child-name__childminder {
    margin-left: 10px
}

.attendance-item .content-header__actions-buttons {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-end
}

.attendance-item .content-header__actions-buttons .btn:nth-last-child(1) {
    margin-left: 8px
}

.attendance-item .content-body {
    margin-top: 16px
}

.attendance-item .content-body__title {
    display: flex;
    align-items: center
}

.attendance-item .content-body__title svg {
    margin-right: 20px;
    width: 24px;
    min-width: 24px;
    height: 24px
}

.attendance-item .content-body .time-ranges {
    display: flex;
    flex-direction: column;
    position: relative
}

.attendance-item .content-body .time-ranges:not(:last-child) {
    margin-bottom: 15px
}

.attendance-item .content-body .time-ranges:before {
    position: absolute;
    content: "";
    width: 0;
    border: 1px dashed #3CD5B9;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% - 40px)
}

.attendance-item .content-body .time-ranges__item {
    display: flex;
    align-items: center;
    height: 50px
}

.attendance-item .content-body .time-ranges__item .time {
    color: #9ba6ad;
    position: relative;
    padding-left: 48px;
    line-height: 22px;
    font-size: 20px;
    cursor: pointer;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500
}

@media (min-width: 768px) {
    .attendance-item .content-body .time-ranges__item .time {
        font-size:22px
    }
}

.attendance-item .content-body .time-ranges__item .time:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 4px solid #3CD5B9;
    border-radius: 50%;
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white
}

.attendance-item .content-body .time-ranges__item--absent .time {
    text-decoration: line-through;
    text-decoration-thickness: 3px;
    color: #9ba6ad !important
}

.attendance-item .content-body .time-ranges__item--validated .time {
    color: #4d4d4d
}

.attendance-item .content-body .time-ranges__item .actions {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.attendance-item .content-body .time-ranges__item .actions .btn:nth-last-child(1) {
    margin-left: 8px
}

.attendance-item .content-body .time-ranges__modified-time {
    font-size: 16px;
    text-decoration: line-through;
    color: #d7dbde;
    margin-bottom: 7px;
    display: inline;
    margin-right: 15px
}

@media (min-width: 992px) {
    .attendance-item .content-body .time-ranges .attendance-item:first-child {
        margin-bottom:16px
    }
}

.attendance-item .content-body__comment {
    margin-left: 13px;
    margin-bottom: 16px
}

.attendance-item .content-body__meals {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center
}

.attendance-item .content-body__meals>div {
    cursor: pointer
}

.attendance-item .content-body__meals .employee-text {
    color: #5f707c
}

.attendance-item .content-footer__comment {
    margin-top: 10px
}

.attendance-item .content-footer__summary {
    font-weight: 600;
    color: #374d5b
}

.attendance-item .content-footer__text {
    display: flex;
    align-items: center
}

.attendance-item .content-footer--editable {
    cursor: pointer
}

.attendance-item .content-footer--editable:hover {
    background-color: #faf9e3;
    transition: all 0.5s ease
}

.attendance-item__timeline-time {
    display: flex;
    align-items: center;
    font-size: 26px;
    font-weight: 500
}

.attendance-item__timeline-time svg {
    width: 40px;
    height: 40px
}

.child-infos .print-infos {
    display: flex;
    justify-content: flex-end;
    font-size: 18px;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .child-infos .print-infos {
        margin-bottom:30px
    }
}

.child-infos .print-infos svg {
    margin-right: 15px;
    width: 28px
}

.child-infos__segment-edit-btn {
    position: absolute;
    top: 55px;
    right: 45px
}

.child-infos__list-edit-btn {
    position: absolute;
    top: -5px;
    right: 0
}

.content-filter-container {
    display: flex;
    margin-bottom: 25px
}

.assmat-filter__button {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 25px;
    padding: 2px 10px 2px 2px;
    transition: background-color 0.25s ease
}

.assmat-filter__button.show {
    background-color: #eef8fe
}

.assmat-filter__user {
    display: flex;
    align-items: center
}

.assmat-filter__user .avatar {
    flex-shrink: 0
}

.assmat-filter__user .name {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    color: #052032;
    letter-spacing: 1.5px;
    line-height: 18px;
    margin-left: 10px
}

.assmat-filter__icon {
    margin-left: 8px
}

.assmat-filter__icon svg {
    width: 16px;
    min-width: 16px;
    height: 16px
}

.assmat-filter__dropdown {
    min-width: 180px
}

.assmat-filter__dropdown .avatar {
    margin-right: 10px
}

.assmat-filter__dropdown .dropdown-item {
    display: flex;
    align-items: center
}

.assmat-filter--child-menu {
    width: 100%
}

.assmat-filter--child-menu .assmat-filter__user {
    width: 100%;
    flex-direction: column
}

@media (min-width: 768px) {
    .assmat-filter--child-menu .assmat-filter__user {
        width:auto;
        flex-direction: row
    }
}

.assmat-filter--child-menu .assmat-filter__user .name {
    margin-left: unset;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    margin-top: 10px
}

@media (min-width: 768px) {
    .assmat-filter--child-menu .assmat-filter__user .name {
        text-align:inherit;
        margin-top: unset;
        margin-left: 10px;
        font-size: 13px;
        line-height: 18px
    }
}

.assmat-filter--child-menu .assmat-filter__button {
    justify-content: space-between;
    padding: unset
}

.assmat-filter--child-menu .assmat-filter__button.show {
    background-color: transparent
}

.assmat-filter--child-picker {
    padding-left: 11px
}

.assmat-filter--child-picker .assmat-filter__button.show {
    background-color: transparent
}

.meal-form__warning-message {
    font-size: 14px;
    color: #374d5b;
    margin-top: 10px
}

.meal-form__warning-message svg {
    width: 16px;
    color: #E84D67;
    margin-right: 8px
}

.note-item .note-element {
    margin-top: 12px
}

.note-item .note-element__title {
    display: flex;
    align-items: flex-start;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #5f707c
}

@media (min-width: 385px) {
    .note-item .note-element__title {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .note-item .note-element__title {
        font-size:15px
    }
}

@media (min-width: 992px) {
    .note-item .note-element__title {
        font-size:16px
    }
}

.note-item .note-element__title .notebook-item__tags {
    margin-left: 10px
}

.note-item .note-element__title__text {
    display: flex;
    align-items: center
}

.note-item__status {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px
}

.note-item__status .tag svg {
    width: 12px;
    height: 12px;
    margin-right: 7px
}

.notification-item .btn {
    height: auto;
    width: auto;
    padding: 10px 15px
}

.notification-item .btn svg {
    width: 12px;
    height: 12px
}

.notification-item__content {
    margin-top: 15px;
    font-size: 18px
}

.notification-item:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ebedef
}

.sleep-item--validated .sleep-item__timing {
    padding-left: 48px
}

.sleep-item--validated .sleep-item__timing::before {
    width: 12px;
    height: 12px;
    content: "";
    border: 4px solid #51C5DF;
    border-radius: 50%;
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white
}

.sleep-item--validated .sleep-item__time {
    color: #5f707c
}

.sleep-item__timing {
    display: flex;
    flex-wrap: wrap;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.sleep-item__duration {
    font-size: 20px
}

@media (min-width: 768px) {
    .sleep-item__duration {
        font-size:22px
    }
}

@media (min-width: 992px) {
    .sleep-item__duration {
        font-size:24px
    }
}

.sleep-item__duration-ongoing {
    display: flex;
    align-items: center;
    font-size: 18px
}

.sleep-item__stop-button {
    color: #E84D67;
    margin-left: 15px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.sleep-item__stop-button svg {
    width: 16px;
    fill: #E84D67;
    margin-right: 5px
}

.sleep-item .notebook-item__time {
    display: flex;
    align-items: center
}

.sleep-item .notebook-item__time svg {
    width: 16px;
    margin-left: 3px;
    margin-right: 3px
}

.bubble-menu {
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .bubble-menu {
        margin-bottom:0
    }
}

.bubble-menu--with-filter {
    display: flex;
    flex-direction: row
}

@media (min-width: 768px) {
    .bubble-menu--with-filter {
        flex-direction:column
    }
}

.bubble-menu__items {
    position: relative;
    padding: 0 8px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    flex-direction: row;
    background-color: white;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.bubble-menu__items::-webkit-scrollbar {
    display: none
}

@media (min-width: 768px) {
    .bubble-menu__items {
        flex-direction:column;
        background-color: transparent
    }
}

.bubble-menu__items--category {
    height: 60px
}

@media (min-width: 768px) {
    .bubble-menu__items--category {
        height:auto
    }
}

.bubble-menu__items--avatar {
    height: 90px;
    padding: 0 8px 0 20px
}

@media (min-width: 768px) {
    .bubble-menu__items--avatar {
        height:auto;
        padding: initial
    }
}

.bubble-menu__items--settings {
    justify-content: space-evenly
}

.bubble-menu__items--with-filter {
    height: 105px
}

@media (min-width: 768px) {
    .bubble-menu__items--with-filter {
        height:auto
    }
}

.bubble-menu__category-item {
    position: relative;
    padding: 12px 5px 0 5px;
    display: flex;
    flex-direction: column
}

@media (min-width: 360px) {
    .bubble-menu__category-item {
        padding:12px 7px 0 7px
    }
}

@media (min-width: 385px) {
    .bubble-menu__category-item {
        padding:12px 7px 0 7px
    }
}

@media (min-width: 768px) {
    .bubble-menu__category-item {
        flex-direction:row;
        align-items: center;
        margin-bottom: 16px
    }
}

.bubble-menu__category-item--settings {
    padding-bottom: 15px
}

@media (min-width: 768px) {
    .bubble-menu__category-item--settings {
        padding-bottom:0
    }
}

.bubble-menu__category-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.3s ease;
    border: 2px solid black
}

@media (min-width: 385px) {
    .bubble-menu__category-icon {
        width:36px;
        height: 36px
    }
}

@media (min-width: 768px) {
    .bubble-menu__category-icon {
        width:40px;
        height: 40px
    }
}

.bubble-menu__category-icon svg {
    width: 18px;
    min-width: 18px;
    height: 18px;
    flex-shrink: 0
}

@media (min-width: 768px) {
    .bubble-menu__category-icon svg {
        width:22px;
        height: 22px
    }
}

.bubble-menu__category-icon--transmission {
    border-color: #79c4f3;
    background: #79c4f3
}

.bubble-menu__category-icon--transmission svg {
    color: #FFF
}

.bubble-menu__category-icon--normal {
    border-color: #2DA3ED;
    background: #FFF
}

.bubble-menu__category-icon--normal svg {
    color: #2DA3ED
}

.bubble-menu__category-icon--attendance {
    border-color: #3CD5B9;
    background: #3CD5B9
}

.bubble-menu__category-icon--attendance svg {
    color: #FFF
}

.bubble-menu__category-icon--normal {
    border-color: #2DA3ED;
    background: #FFF
}

.bubble-menu__category-icon--normal svg {
    color: #2DA3ED
}

.bubble-menu__category-icon--note {
    border-color: #F0DA17;
    background: #F0DA17
}

.bubble-menu__category-icon--note svg {
    color: #FFF
}

.bubble-menu__category-icon--normal {
    border-color: #2DA3ED;
    background: #FFF
}

.bubble-menu__category-icon--normal svg {
    color: #2DA3ED
}

.bubble-menu__category-icon--picture {
    border-color: #2DA3ED;
    background: #2DA3ED
}

.bubble-menu__category-icon--picture svg {
    color: #FFF
}

.bubble-menu__category-icon--normal {
    border-color: #2DA3ED;
    background: #FFF
}

.bubble-menu__category-icon--normal svg {
    color: #2DA3ED
}

.bubble-menu__category-icon--meal {
    border-color: #A0D40B;
    background: #A0D40B
}

.bubble-menu__category-icon--meal svg {
    color: #FFF
}

.bubble-menu__category-icon--normal {
    border-color: #2DA3ED;
    background: #FFF
}

.bubble-menu__category-icon--normal svg {
    color: #2DA3ED
}

.bubble-menu__category-icon--sleep {
    border-color: #51C5DF;
    background: #51C5DF
}

.bubble-menu__category-icon--sleep svg {
    color: #FFF
}

.bubble-menu__category-icon--normal {
    border-color: #2DA3ED;
    background: #FFF
}

.bubble-menu__category-icon--normal svg {
    color: #2DA3ED
}

.bubble-menu__category-icon--diaper {
    border-color: #EB64B5;
    background: #EB64B5
}

.bubble-menu__category-icon--diaper svg {
    color: #FFF
}

.bubble-menu__category-icon--normal {
    border-color: #2DA3ED;
    background: #FFF
}

.bubble-menu__category-icon--normal svg {
    color: #2DA3ED
}

.bubble-menu__category-icon--health {
    border-color: #EB646C;
    background: #EB646C
}

.bubble-menu__category-icon--health svg {
    color: #FFF
}

.bubble-menu__category-icon--normal {
    border-color: #2DA3ED;
    background: #FFF
}

.bubble-menu__category-icon--normal svg {
    color: #2DA3ED
}

.bubble-menu__category-icon--journey {
    border-color: #8CA1BF;
    background: #8CA1BF
}

.bubble-menu__category-icon--journey svg {
    color: #FFF
}

.bubble-menu__category-icon--normal {
    border-color: #2DA3ED;
    background: #FFF
}

.bubble-menu__category-icon--normal svg {
    color: #2DA3ED
}

.bubble-menu__category-icon--normal svg {
    color: #FFF
}

.bubble-menu__category-icon--normal {
    border-color: #2DA3ED;
    background: #FFF
}

.bubble-menu__category-icon--normal svg {
    color: #2DA3ED
}

.bubble-menu__category-icon--settings {
    width: 50px;
    height: 50px
}

.bubble-menu__category-icon--settings svg {
    width: 24px;
    min-width: 24px;
    height: 24px
}

.bubble-menu__category-text {
    display: none
}

@media (min-width: 768px) {
    .bubble-menu__category-text {
        display:inline-block;
        line-height: 19.39px;
        color: #9ba6ad;
        margin-left: 12px;
        font-weight: bold;
        font-size: 15px
    }
}

.bubble-menu__avatar-item {
    padding: 12px 0 0 0;
    margin-right: 25px;
    position: relative;
    display: flex;
    flex-direction: column
}

@media (min-width: 520px) {
    .bubble-menu__avatar-item {
        align-items:center;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .bubble-menu__avatar-item {
        flex-direction:row;
        margin-bottom: 24px;
        margin-right: initial;
        padding-right: initial
    }
}

.bubble-menu__avatar-pic {
    transition: all 0.3s ease;
    flex-shrink: 0
}

@media (min-width: 768px) {
    .bubble-menu__avatar-pic {
        margin-right:15px
    }
}

.bubble-menu__avatar-name {
    font-size: 12px;
    margin-top: 11px;
    font-weight: bold;
    line-height: 14.22px;
    color: #9ba6ad;
    transition: color 0.3s ease;
    text-align: center
}

@media (min-width: 768px) {
    .bubble-menu__avatar-name {
        margin:unset;
        padding-right: 15px;
        line-height: 20px;
        text-align: initial;
        font-size: 16px
    }
}

.bubble-menu__selector {
    position: absolute;
    height: 4px;
    bottom: 0;
    border-radius: 4px 4px 0 0;
    width: 32px;
    display: none;
    left: 50%;
    margin-left: -16px;
    background-color: #2DA3ED
}

.bubble-menu__selector--transmission {
    background-color: #79c4f3
}

.bubble-menu__selector--attendance {
    background-color: #3CD5B9
}

.bubble-menu__selector--note {
    background-color: #F0DA17
}

.bubble-menu__selector--picture {
    background-color: #2DA3ED
}

.bubble-menu__selector--meal {
    background-color: #A0D40B
}

.bubble-menu__selector--sleep {
    background-color: #51C5DF
}

.bubble-menu__selector--diaper {
    background-color: #EB64B5
}

.bubble-menu__selector--health {
    background-color: #EB646C
}

.bubble-menu__selector--journey {
    background-color: #8CA1BF
}

.bubble-menu__no-contract {
    display: flex;
    align-items: center;
    margin-left: 10px
}

@media (min-width: 768px) {
    .bubble-menu__no-contract {
        margin-left:unset
    }
}

.bubble-menu__dropdown {
    padding: 8px;
    border-right: 2px solid #EFF8FE;
    flex: 0 0 120px;
    background-color: white
}

@media (min-width: 768px) {
    .bubble-menu__dropdown {
        flex:unset;
        height: unset;
        background-color: transparent;
        padding: 15px 10px 15px 20px;
        border-right: unset;
        border-bottom: 2px solid #BBD1DF
    }
}

.bubble-menu__category-item:hover .bubble-menu__category-icon {
    transform: scale(1.15);
    transition: transform 0.3s ease
}

.bubble-menu__category-item:hover .bubble-menu__category-text {
    color: #5f707c
}

.bubble-menu__category-item.active .bubble-menu__category-icon {
    transform: scale(1.15);
    border: unset;
    transition: all 0.3s ease;
    color: white
}

@media (min-width: 768px) {
    .bubble-menu__category-item.active .bubble-menu__category-icon {
        transform:scale(1.25)
    }
}

.bubble-menu__category-item.active .bubble-menu__category-icon--normal {
    border-color: #2DA3ED;
    background: #2DA3ED
}

.bubble-menu__category-item.active .bubble-menu__category-icon--normal svg {
    color: #FFF
}

.bubble-menu__category-item.active .bubble-menu__category-text {
    color: #2DA3ED
}

.bubble-menu__category-item.active .bubble-menu__selector {
    display: block
}

@media (min-width: 768px) {
    .bubble-menu__category-item.active .bubble-menu__selector {
        display:none
    }
}

.bubble-menu__avatar-item:hover .bubble-menu__avatar-pic {
    transform: scale(1.2);
    transition: transform 0.3s ease
}

.bubble-menu__avatar-item:hover .bubble-menu__avatar-name {
    color: #5f707c;
    transition: color 0.3s ease
}

.bubble-menu__avatar-item.active .bubble-menu__avatar-pic {
    transform: scale(1.2);
    transition: transform 0.3s ease;
    outline: 2px solid #2DA3ED;
    outline-offset: 2px
}

.bubble-menu__avatar-item.active .bubble-menu__avatar-name {
    color: #2DA3ED;
    transition: color 0.3s ease
}

.bubble-menu__avatar-item.active .bubble-menu__selector {
    display: block
}

@media (min-width: 768px) {
    .bubble-menu__avatar-item.active .bubble-menu__selector {
        display:none
    }
}

.setting-switcher {
    display: flex;
    border-bottom: 2px solid #2DA3ED
}

.setting-switcher__tab {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: #2DA3ED;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif
}

.setting-switcher__tab--active {
    color: white;
    background-color: #2DA3ED
}

.content-adding-menu__item {
    display: flex;
    align-items: center;
    gap: 15px
}

.content-adding-menu__icon {
    height: 26px;
    width: 26px
}

.content-adding-menu__icon--transmission {
    color: #79c4f3
}

.content-adding-menu__icon--attendance {
    color: #3CD5B9
}

.content-adding-menu__icon--note {
    color: #F0DA17
}

.content-adding-menu__icon--picture {
    color: #2DA3ED
}

.content-adding-menu__icon--meal {
    color: #A0D40B
}

.content-adding-menu__icon--sleep {
    color: #51C5DF
}

.content-adding-menu__icon--diaper {
    color: #EB64B5
}

.content-adding-menu__icon--health {
    color: #EB646C
}

.content-adding-menu__icon--journey {
    color: #8CA1BF
}

.content-adding-menu__text {
    font-size: 16px;
    font-weight: 600
}

.confirm-delete {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 0 0 10px 10px;
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
    transition: opacity 0.15s linear
}

.confirm-delete__body {
    position: absolute;
    bottom: 0;
    border-radius: 10px;
    background-color: white;
    padding: 20px;
    width: 100%
}

.vertical-radios__container {
    display: flex;
    flex-direction: row;
    gap: 10px;
    overflow-x: scroll;
    overflow-y: hidden
}

.vertical-radios--center-large .form-label {
    text-align: center
}

.vertical-radios--center-large .vertical-radios__container {
    justify-content: center
}

.vertical-radios--center-large .vertical-radios__container .radio-option {
    flex-basis: 130px;
    font-size: 16px
}

@media (min-width: 360px) {
    .vertical-radios--center-large .vertical-radios__container .radio-option {
        flex-basis:140px
    }
}

@media (min-width: 385px) {
    .vertical-radios--center-large .vertical-radios__container .radio-option {
        flex-basis:150px
    }
}

.vertical-radios--full .vertical-radios__container {
    padding-bottom: 15px;
    justify-content: space-between
}

.vertical-radios--full .vertical-radios__container .radio-option {
    flex-basis: 60px;
    max-width: 60px;
    font-size: 11px;
    padding: 10px 1px;
    height: 115px
}

@media (min-width: 360px) {
    .vertical-radios--full .vertical-radios__container .radio-option {
        flex-basis:65px;
        max-width: 65px;
        font-size: 13px
    }
}

@media (min-width: 385px) {
    .vertical-radios--full .vertical-radios__container .radio-option {
        flex-basis:75px;
        max-width: 75px;
        font-size: 15px
    }
}

@media (min-width: 520px) {
    .vertical-radios--full .vertical-radios__container .radio-option {
        flex-basis:80px;
        max-width: 80px;
        font-size: 15px
    }
}

.vertical-radios--full .vertical-radios__container .radio-option span {
    word-break: break-word
}

.vertical-radios--small .vertical-radios__container {
    padding-bottom: 15px;
    justify-content: space-between
}

.vertical-radios--small .vertical-radios__container .radio-option {
    height: 115px;
    flex-basis: 65px;
    font-size: 8px;
    padding: 5px
}

.vertical-radios .radio-option {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    border: 2px solid #BBD1DF;
    padding: 10px;
    border-radius: 15px;
    flex-basis: 95px;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    font-size: 12px;
    height: 150px;
    color: #9ba6ad;
    cursor: pointer
}

.vertical-radios .radio-option--checked {
    border-color: #2DA3ED;
    font-weight: 700;
    color: #4d4d4d
}

.vertical-radios .radio-option--checked .radio-option__fake-input {
    border: 4px solid #2DA3ED !important
}

.vertical-radios .radio-option__icon {
    width: 30px
}

.vertical-radios .radio-option__input {
    display: none
}

.vertical-radios .radio-option__fake-input {
    top: 0;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    border: 2px solid #BBD1DF
}

.supply__expiry-date {
    cursor: pointer
}

.disabled-input {
    color: #9ba6ad
}

.disabled-input .notebook-timepicker::after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: '';
    background-color: #052032;
    z-index: 100;
    opacity: 0.1;
    border-radius: 15px
}

.form-label {
    margin-bottom: 15px
}

.btn-container {
    margin-top: 15px
}

.btn-container .btn:last-child:not(:only-child) {
    margin-left: 12px
}

.notebook-timepicker {
    position: relative;
    display: flex
}

.notebook-timepicker .time-picker {
    margin-right: 0
}

.notebook-timepicker .time-picker .clear-btn {
    margin-right: 1px;
    font-weight: 600
}

.notebook-timepicker .time-picker .dropdown {
    margin-top: 5px
}

.notebook-timepicker .display-time {
    height: 40px !important;
    border-radius: 15px
}

.notebook-timepicker .display-time:focus,.notebook-timepicker .display-time:active {
    outline: 0 !important;
    box-shadow: none !important
}

.notebook-timepicker__now-btn {
    cursor: pointer;
    padding: 0 5px;
    display: flex;
    align-items: center
}

.notebook-timepicker__now-btn svg {
    width: 22px
}

.notebook-timepicker--focused .notebook-timepicker__now-btn,.notebook-timepicker--focused .notebook-timepicker .display-time {
    border: 4px solid #2DA3ED
}

.notebook-timepicker__minus-btn,.notebook-timepicker__plus-btn {
    cursor: pointer;
    padding: 0 8px;
    display: flex;
    align-items: center
}

.create-tag {
    position: relative
}

.create-tag__emoji-btn {
    font-size: 24px;
    cursor: pointer
}

.create-tag__emoji-picker {
    position: absolute;
    background-color: white;
    top: -405px;
    height: 400px;
    width: 100%;
    border-radius: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
    box-shadow: #d7dbde 0 2px 8px 0;
    z-index: 10
}

.create-tag__emoji-picker .no-emoji {
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center
}

.create-tag__emoji-picker .no-emoji__btn {
    padding: 8px 20px;
    border: 2px solid #BBD1DF;
    border-radius: 10px;
    cursor: pointer
}

.create-tag__emoji-wrapper {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 310px;
    margin-left: 15px
}

.create-tag__emoji-wrapper::after {
    content: "";
    flex: auto
}

.create-tag__emoji-wrapper .emoji {
    font-size: 36px;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 15px
}

.create-tag__input {
    border: 2px solid #BBD1DF
}

.create-tag__add-button {
    cursor: pointer
}

.create-tag__add-button svg {
    width: 22px
}

.field--error .form-error {
    color: #E84D67;
    margin-top: 15px;
    font-size: 14px;
    text-align: right
}

.datetimepicker-dropdown-fix-supply {
    margin-top: 50px;
    margin-left: -90px
}

@media (min-width: 768px) {
    .datetimepicker-dropdown-fix-supply {
        margin-top:80px
    }
}

.picture-selector {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 175px;
    border: 2px solid #ebedef;
    border-radius: 15px;
    margin-bottom: 15px;
    cursor: pointer
}

.picture-selector svg {
    width: 80px
}

.picture-selector__input {
    display: none
}

.picture-form-modal-overlay {
    background-color: #000000b8;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 25
}

@media (min-width: 520px) {
    .picture-form-modal-overlay {
        border-radius:10px
    }
}

.picture-uploader .overlay {
    background-color: #000000b8;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    z-index: 100
}

.picture-uploader .overlay__loader {
    font-size: 16px;
    display: flex;
    padding: 15px;
    border-radius: 15px;
    background-color: white;
    width: 300px;
    flex-direction: column;
    text-align: center;
    align-items: center
}

.picture-uploader .overlay__loader .spinner-border {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 40px;
    height: 40px
}

.picture-uploader .warning-modal {
    background: white;
    z-index: 50;
    position: absolute;
    top: 0;
    box-shadow: rgba(149,157,165,0.4) 0 8px 24px;
    padding: 20px
}

.picture-uploader .face-picker {
    background: white;
    z-index: 50;
    position: absolute;
    top: 0;
    box-shadow: rgba(149,157,165,0.4) 0 8px 24px;
    padding: 20px
}

.picture-uploader .face-picker .konvajs-content {
    width: 100px !important;
    height: 100px !important
}

.picture-uploader .face-picker .konvajs-content canvas {
    position: initial;
    width: inherit !important;
    height: inherit !important;
    border-radius: 50%
}

.picture-uploader .face-picker .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 16px;
    cursor: pointer
}

.picture-uploader .face-picker .canvas-preview {
    margin-bottom: 15px;
    display: flex;
    justify-content: center
}

.picture-uploader .face-picker .group-title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 10px
}

.picture-uploader .face-picker .group-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.picture-uploader .face-picker .group-tags .tag {
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 15px
}

.picture-uploader .bounding-box .tag {
    background: white;
    border-radius: 10px;
    color: black;
    font-size: 14px;
    padding: 2px 5px;
    box-shadow: rgba(99,99,99,0.2) 0 2px 8px 0
}

.picture-uploader .bounding-box-previews {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 15px
}

.picture-uploader .bounding-box-previews .konvajs-content {
    width: 75px !important;
    height: 75px !important;
    cursor: pointer;
    margin-bottom: 15px
}

.picture-uploader .bounding-box-previews .konvajs-content canvas {
    position: initial;
    width: inherit !important;
    height: inherit !important;
    border-radius: 50%
}

.picture-uploader .bounding-box-preview {
    margin-top: 10px;
    position: relative
}

.picture-uploader .bounding-box-preview__click-catcher {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 75px;
    z-index: 20
}

.picture-item--solo {
    padding-top: 20px;
    padding-bottom: 20px
}

.picture-item__img {
    display: flex;
    justify-content: center;
    margin-bottom: 15px
}

.picture-item__img img {
    max-width: 100%;
    border-radius: 12px;
    max-height: 80vh
}

.picture-item__bottom {
    display: flex;
    justify-content: space-between
}

.picture-item__timeline {
    height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 350px;
    border-radius: 10px;
    box-shadow: 0 1px 5px 2px rgba(34,36,38,0.15)
}

@media (min-width: 520px) {
    .picture-item__timeline {
        background-size:350px
    }
}

.picture-item__timeline--mobile {
    background-size: 400px;
    height: 225px;
    width: 300px;
    flex-shrink: 0;
    margin-right: 20px
}

.picture-item__timeline-mobile {
    padding: 5px 0 5px 5px;
    margin-right: -15px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    flex-direction: row;
    scrollbar-width: none
}

.custom-tag-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.custom-tag-list .tag {
    cursor: grab;
    margin-right: 15px;
    margin-bottom: 15px
}

.custom-tag-list .tag:active {
    cursor: grabbing
}

.custom-tag-list .tag svg {
    width: 10px;
    margin-left: 10px;
    cursor: pointer
}

.custom-tag-list .tag.ghost {
    background: transparent;
    border: 1px dashed #5f707c;
    color: transparent
}

#notebook-multi .multi-title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 28px;
    color: #052032;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    flex-direction: column
}

@media (min-width: 385px) {
    #notebook-multi .multi-title {
        font-size:30px
    }
}

@media (min-width: 768px) {
    #notebook-multi .multi-title {
        font-size:32px
    }
}

@media (min-width: 992px) {
    #notebook-multi .multi-title {
        font-size:40px
    }
}

#notebook-multi .multi-title .btn {
    margin-top: 15px
}

@media (min-width: 768px) {
    #notebook-multi .multi-title {
        flex-direction:row
    }

    #notebook-multi .multi-title .btn {
        margin-top: 0;
        margin-left: 15px
    }
}

#attendances-multi #presences-list .notebook-item-wrapper,#attendances-multi #absences-list .notebook-item-wrapper {
    border-bottom: none
}

#attendances-multi #presences-list .notebook-item-wrapper:after,#attendances-multi #absences-list .notebook-item-wrapper:after {
    width: calc(100% - (2 * 1.25rem) - 125px)
}

#attendances-multi #vacations-list .notebook-item-wrapper:after {
    width: calc(100% - (2 * 1.25rem) - 30px)
}

#attendances-multi #presences-list .segment,#attendances-multi #absences-list .segment,#attendances-multi #vacations-list .segment {
    position: relative
}

#attendances-multi #presences-list .segment:before,#attendances-multi #absences-list .segment:before,#attendances-multi #vacations-list .segment:before {
    position: absolute;
    content: "";
    width: 0;
    border: 1px dashed #3CD5B9;
    left: 20.5px;
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% - 90px)
}

#attendances-multi #presences-list .attendance-item,#attendances-multi #absences-list .attendance-item,#attendances-multi #vacations-list .attendance-item {
    position: relative
}

@media only screen and (min-width: 992px) and (max-width: 1092px) {
    #attendances-multi #presences-list .attendance-item,#attendances-multi #absences-list .attendance-item,#attendances-multi #vacations-list .attendance-item {
        padding-right:12px
    }
}

#attendances-multi #presences-list .attendance-item:not(:last-child),#attendances-multi #absences-list .attendance-item:not(:last-child),#attendances-multi #vacations-list .attendance-item:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 16px
}

#attendances-multi #presences-list .attendance-item:not(:last-child) .data .right-datas,#attendances-multi #absences-list .attendance-item:not(:last-child) .data .right-datas,#attendances-multi #vacations-list .attendance-item:not(:last-child) .data .right-datas {
    position: relative
}

#attendances-multi #presences-list .attendance-item:not(:last-child) .data .right-datas:after,#attendances-multi #absences-list .attendance-item:not(:last-child) .data .right-datas:after,#attendances-multi #vacations-list .attendance-item:not(:last-child) .data .right-datas:after {
    position: absolute;
    content: "";
    height: 0;
    width: 100%;
    border-bottom: 1px solid #d7dbde;
    bottom: -16px
}

#attendances-multi #presences-list .attendance-item:before,#attendances-multi #absences-list .attendance-item:before,#attendances-multi #vacations-list .attendance-item:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 4px solid #3CD5B9;
    border-radius: 50%;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white
}

#attendances-multi #presences-list .attendance-item .data,#attendances-multi #absences-list .attendance-item .data,#attendances-multi #vacations-list .attendance-item .data {
    display: flex;
    align-items: center
}

#attendances-multi #presences-list .attendance-item .data .times,#attendances-multi #absences-list .attendance-item .data .times,#attendances-multi #vacations-list .attendance-item .data .times {
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    width: 70px;
    margin-left: 5px
}

@media (min-width: 360px) {
    #attendances-multi #presences-list .attendance-item .data .times,#attendances-multi #absences-list .attendance-item .data .times,#attendances-multi #vacations-list .attendance-item .data .times {
        margin-left:15px
    }
}

@media (min-width: 768px) {
    #attendances-multi #presences-list .attendance-item .data .times,#attendances-multi #absences-list .attendance-item .data .times,#attendances-multi #vacations-list .attendance-item .data .times {
        margin-left:20px
    }
}

@media (min-width: 992px) {
    #attendances-multi #presences-list .attendance-item .data .times,#attendances-multi #absences-list .attendance-item .data .times,#attendances-multi #vacations-list .attendance-item .data .times {
        width:60px;
        margin-left: 0px
    }
}

@media (min-width: 1200px) {
    #attendances-multi #presences-list .attendance-item .data .times,#attendances-multi #absences-list .attendance-item .data .times,#attendances-multi #vacations-list .attendance-item .data .times {
        width:90px;
        margin-left: 15px
    }
}

#attendances-multi #presences-list .attendance-item .data .times__modified,#attendances-multi #absences-list .attendance-item .data .times__modified,#attendances-multi #vacations-list .attendance-item .data .times__modified {
    color: #9ba6ad;
    text-decoration: line-through;
    line-height: 16px;
    font-weight: 600
}

#attendances-multi #presences-list .attendance-item .data .time,#attendances-multi #absences-list .attendance-item .data .time,#attendances-multi #vacations-list .attendance-item .data .time {
    color: #9ba6ad;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 20px
}

@media (min-width: 1200px) {
    #attendances-multi #presences-list .attendance-item .data .time,#attendances-multi #absences-list .attendance-item .data .time,#attendances-multi #vacations-list .attendance-item .data .time {
        font-size:22px
    }
}

#attendances-multi #presences-list .attendance-item .data .time--validated,#attendances-multi #absences-list .attendance-item .data .time--validated,#attendances-multi #vacations-list .attendance-item .data .time--validated {
    color: #4d4d4d
}

#attendances-multi #presences-list .attendance-item .data .right-datas,#attendances-multi #absences-list .attendance-item .data .right-datas,#attendances-multi #vacations-list .attendance-item .data .right-datas {
    margin-left: 5px;
    width: 100%;
    display: flex;
    align-items: center
}

#attendances-multi #presences-list .attendance-item .data .right-datas .avatar,#attendances-multi #absences-list .attendance-item .data .right-datas .avatar,#attendances-multi #vacations-list .attendance-item .data .right-datas .avatar {
    margin-right: 12px
}

#attendances-multi #presences-list .attendance-item .data .right-datas .child-name,#attendances-multi #absences-list .attendance-item .data .right-datas .child-name,#attendances-multi #vacations-list .attendance-item .data .right-datas .child-name {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    color: #052032;
    margin-bottom: 0 !important
}

@media (min-width: 385px) {
    #attendances-multi #presences-list .attendance-item .data .right-datas .child-name,#attendances-multi #absences-list .attendance-item .data .right-datas .child-name,#attendances-multi #vacations-list .attendance-item .data .right-datas .child-name {
        font-size:15px;
        margin-bottom: 1rem
    }
}

#attendances-multi #presences-list .attendance-item .data .right-datas .summary,#attendances-multi #absences-list .attendance-item .data .right-datas .summary,#attendances-multi #vacations-list .attendance-item .data .right-datas .summary {
    margin-top: 5px;
    font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px
}

@media (min-width: 385px) {
    #attendances-multi #presences-list .attendance-item .data .right-datas .summary,#attendances-multi #absences-list .attendance-item .data .right-datas .summary,#attendances-multi #vacations-list .attendance-item .data .right-datas .summary {
        font-size:16px
    }
}

@media (min-width: 768px) {
    #attendances-multi #presences-list .attendance-item .data .right-datas .summary,#attendances-multi #absences-list .attendance-item .data .right-datas .summary,#attendances-multi #vacations-list .attendance-item .data .right-datas .summary {
        font-size:15px
    }
}

@media (min-width: 992px) {
    #attendances-multi #presences-list .attendance-item .data .right-datas .summary,#attendances-multi #absences-list .attendance-item .data .right-datas .summary,#attendances-multi #vacations-list .attendance-item .data .right-datas .summary {
        font-size:16px
    }
}

#attendances-multi #presences-list .attendance-item .data .right-datas .actions,#attendances-multi #absences-list .attendance-item .data .right-datas .actions,#attendances-multi #vacations-list .attendance-item .data .right-datas .actions {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#attendances-multi .attendance-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 40px;
    margin-bottom: 12px;
    padding-bottom: 0;
    padding-top: 0
}

#attendances-multi .attendance-header h4 {
    margin-bottom: 0
}

#attendances-multi .attendance-header__auto-completion {
    display: flex;
    align-items: center
}

#attendances-multi .attendance-header__auto-completion .btn {
    margin-left: 16px
}

.undefine-schedule__item {
    padding: 10px;
    display: flex;
    flex-direction: column;
    border: 2px solid #cde9fb;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 20px;
    height: 120px
}

.undefine-schedule__item .child-name {
    margin-top: 5px;
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: #5f707c;
    margin-left: 0;
    margin-bottom: 0.5rem;
    letter-spacing: 1.5px;
    color: #052032;
    margin-bottom: 0 !important;
    text-align: center
}

@media (min-width: 385px) {
    .undefine-schedule__item .child-name {
        font-size:15px;
        margin-bottom: 1rem
    }
}

@media (min-width: 768px) {
    .undefine-schedule__item .child-name {
        font-size:13px
    }
}

.undefine-schedule__item:hover {
    background-color: #eef8fe;
    border-color: #79c4f3;
    transition: all 0.5s ease
}

.undefine-schedule__text {
    margin-bottom: 15px
}

#solo-view #add-event-popup .event__menu {
    position: fixed;
    bottom: 88px
}

#solo-view #add-event-popup .event__menu .event__menu__item {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

#solo-view #add-event-popup .event__menu .event__menu__item .title-icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 16px
}

#solo-view #add-event-popup .event__menu .event__menu__item .title-icon.transmission {
    background: #79c4f3
}

#solo-view #add-event-popup .event__menu .event__menu__item .title-icon.attendance {
    background: #3CD5B9
}

#solo-view #add-event-popup .event__menu .event__menu__item .title-icon.note {
    background: #F0DA17
}

#solo-view #add-event-popup .event__menu .event__menu__item .title-icon.picture {
    background: #2DA3ED
}

#solo-view #add-event-popup .event__menu .event__menu__item .title-icon.meal {
    background: #A0D40B
}

#solo-view #add-event-popup .event__menu .event__menu__item .title-icon.sleep {
    background: #51C5DF
}

#solo-view #add-event-popup .event__menu .event__menu__item .title-icon.diaper {
    background: #EB64B5
}

#solo-view #add-event-popup .event__menu .event__menu__item .title-icon.health {
    background: #EB646C
}

#solo-view #add-event-popup .event__menu .event__menu__item .title-icon.journey {
    background: #8CA1BF
}

#solo-view #add-event-popup .event__menu .event__menu__item .title-icon svg {
    color: white;
    width: 16px;
    min-width: 16px;
    height: 16px
}

#solo-view #add-event-popup .event__menu .event__menu__item .title {
    color: white;
    font-weight: 700
}

#solo-view .solo-view__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    margin-top: 20px
}

@media (min-width: 768px) {
    #solo-view .solo-view__header {
        margin-top:auto
    }
}

#solo-view .solo-view__title {
    font-family: "Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #052032;
    line-height: 24px;
    margin-right: 10px
}

@media (min-width: 385px) {
    #solo-view .solo-view__title {
        font-size:24px;
        line-height: 26px
    }
}

@media (min-width: 768px) {
    #solo-view .solo-view__title {
        font-size:26px;
        line-height: 28px
    }
}

@media (min-width: 992px) {
    #solo-view .solo-view__title {
        font-size:28px;
        line-height: 30px
    }
}

#solo-view .solo-view__actions {
    display: flex;
    align-items: center
}

@media (min-width: 992px) {
    #solo-view .solo-view__actions {
        justify-content:end
    }
}